OpenCart Community

Posted: **Sun Oct 19, 2014 3:44 pm**

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?

Posted: **Mon Oct 20, 2014 1:23 am**

Have you asked the theme creator for help?

Posted: **Mon Oct 20, 2014 10:35 pm**

I have tried contacting the creator previously but I had no response.

Anyone have any ideas?

Posted: **Mon Oct 20, 2014 10:59 pm**

A link to your site may help as it may just be a css change that is needed

Posted: **Wed Oct 22, 2014 11:56 pm**

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.

Posted: **Thu Oct 23, 2014 12:02 am**

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

Posted: **Thu Oct 23, 2014 11:44 am**

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?

Posted: **Thu Oct 23, 2014 9:21 pm**

uksitebuilder wrote:
can you put at least 4 products live in one of the categories

Any Ideas, Uksitebuilder?

Posted: **Thu Oct 23, 2014 9:55 pm**

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

Code: Select all

#column-left + #content .product_grid {
    width: 31.333%;
}

Change the width to 23%

Posted: **Thu Oct 23, 2014 11:03 pm**

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

Find
Code: Select all
#column-left + #content .product_grid {
    width: 31.333%;
}
Change the width to 23%

That is very kind of you, thank you very much it has worked brilliant.

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?
-

Posted: **Thu Oct 23, 2014 11:35 pm**

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

<?php echo $add_to_cart; ?>

That will leave you with 3 icons

Posted: **Fri Oct 24, 2014 12:41 am**

uksitebuilder wrote: Also, the category template, you will need to remove the text from the button which will be something like

<?php echo $add_to_cart; ?>

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>

Would it be the whole of <?php echo $button_cart; ?>

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..

Posted: **Fri Oct 24, 2014 2:26 am**

Yes, that's the code to remove

Posted: **Fri Oct 24, 2014 11:51 am**

uksitebuilder wrote:Yes, that's the code to remove

Just as I thought I was nearly there, after checking the home page, my Featured products are in the smilier situation.

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?

Posted: **Fri Oct 24, 2014 6:21 pm**

again in stylesheet

find

Code: Select all

#content #product_list .product_grid {
    width: 23.5%;
}

change width to 18.4%

in the template/module/featured.tpl again remove the button span code

Posted: **Sat Oct 25, 2014 9:48 pm**

uksitebuilder wrote:again in stylesheet

find
Code: Select all
#content #product_list .product_grid {
    width: 23.5%;
}
change width to 18.4%

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 intelligent

).

Posted: **Mon Jun 29, 2015 3:07 am**

Hi, Can you please tell how to do this in default theme please? Ver 2.0.3

Thanks and best regards / Tissy

Posted: **Thu Jul 23, 2015 12:28 am**

logo_template1.png (13.53 KiB) Viewed 5250 times

OpenCart Community

[SOLVED] 4 Products Per Row?

[SOLVED] 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: 4 Products Per Row?

Re: [SOLVED] 4 Products Per Row?

Re: [SOLVED] 4 Products Per Row?