I have the crypto theme which comes as standard with 3 products per row in the category section.
I want it changing to 4 images per row but all of the tutorials seem to be for the older version of Opencart.
Can anyone update me please?
-uksitebuilder wrote:A link to your site may help as it may just be a css change that is needed
I would be very grateful if you could help me.
Sent from my iPhone.
Last edited by astott2014 on Wed Oct 29, 2014 6:42 pm, edited 1 time in total.
Impossible t otell as you don't have any products on there yet.
can you put at least 4 products live in one of the categories and then let us know which category you have them in
can you put at least 4 products live in one of the categories and then let us know which category you have them in
Hi again,
Many thanks for your reply.
Sorry about that, I have now uploaded 4 products for you in the "Mens" section. Found bellow:
-
Please let me know if you have a solution?
Many thanks for your reply.
Sorry about that, I have now uploaded 4 products for you in the "Mens" section. Found bellow:
-
Please let me know if you have a solution?
Last edited by astott2014 on Wed Oct 29, 2014 6:42 pm, edited 1 time in total.
Any Ideas, Uksitebuilder?uksitebuilder wrote:
can you put at least 4 products live in one of the categories
I could have swore I posted a reply to this earlier today
Anyway, here goes again lol
edit: catalog/view/theme/crypto/stylesheet/stylesheet.css
Find
Change the width to 23%
Anyway, here goes again lol
edit: catalog/view/theme/crypto/stylesheet/stylesheet.css
Find
Code: Select all
#column-left + #content .product_grid {
width: 31.333%;
}
That is very kind of you, thank you very much it has worked brilliant.uksitebuilder wrote:I could have swore I posted a reply to this earlier today
Anyway, here goes again lol
edit: catalog/view/theme/crypto/stylesheet/stylesheet.css
FindChange the width to 23%Code: Select all
#column-left + #content .product_grid { width: 31.333%; }
I seemed to have came across a very small problem though, if you highlight one of my products, the "Add to Wishlist, Compare Product & Add to Cart has really had to squeeze together leaving the "Compare Button" in the middle not viewable.
I hope that makes sense to you, maybe you could have a quick look yourself?
-
Last edited by astott2014 on Wed Oct 29, 2014 6:42 pm, edited 1 time in total.
ahh yes,
That will involve
.add_to_cart css change in your stylesheet.css file
change width from auto to 40px
Also, the category template, you will need to remove the text from the button which will be something like
<span><?php echo $add_to_cart; ?></span>
That will leave you with 3 icons
That will involve
.add_to_cart css change in your stylesheet.css file
change width from auto to 40px
Also, the category template, you will need to remove the text from the button which will be something like
<span><?php echo $add_to_cart; ?></span>
That will leave you with 3 icons
uksitebuilder wrote: Also, the category template, you will need to remove the text from the button which will be something like
<span><?php echo $add_to_cart; ?></span>
That will leave you with 3 icons
Code: Select all
<div class="add_to_cart"><a title="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="ajax_add_to_cart_button exclusive"><i class="icon-shopping-cart icon-1x icon-mar-lr2"></i><span><?php echo $button_cart; ?></span></a></div>If so, I would have expected it to say "Add to Cart" as that is what is says on my button, but maybe I am missing something..
Just as I thought I was nearly there, after checking the home page, my Featured products are in the smilier situation.uksitebuilder wrote:Yes, that's the code to remove
Because I have changed the width of the Add to Cart, it is now too small for the Featured box's as they are bigger.
I would like to make the featured products to 5 images per row anyway, so this may make it simpler for the Add to Cart to fit. How do I do this?
again in stylesheet
find
change width to 18.4%
in the template/module/featured.tpl again remove the button span code
find
Code: Select all
#content #product_list .product_grid {
width: 23.5%;
}
in the template/module/featured.tpl again remove the button span code
That has worked. I would like to say thank you very much for all of your help. Extremely helpful (and intelligentuksitebuilder wrote:again in stylesheet
findchange width to 18.4%Code: Select all
#content #product_list .product_grid { width: 23.5%; }
in the template/module/featured.tpl again remove the button span code
).Hi, Can you please tell how to do this in default theme please? Ver 2.0.3
Thanks and best regards / Tissy
Thanks and best regards / Tissy
Logo Printed / Embroidered T-Shirts
Polo Shirts, Sweatshirts & Hoodies
http://www.tmart.in
Who is online
Users browsing this forum: No registered users and 59 guests
