Post by astott2014 » 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?
Last edited by astott2014 on Mon Oct 20, 2014 10:42 pm, edited 1 time in total.

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by TAC » Mon Oct 20, 2014 1:23 am

Have you asked the theme creator for help?

User avatar
TAC
Active Member

Posts

Joined
Sun Sep 26, 2010 1:33 am
Location - England

Post by astott2014 » Mon Oct 20, 2014 10:35 pm

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

Anyone have any ideas?

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by uksitebuilder » 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

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by astott2014 » 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.
Last edited by astott2014 on Wed Oct 29, 2014 6:42 pm, edited 1 time in total.

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by uksitebuilder » 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

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by astott2014 » 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?
Last edited by astott2014 on Wed Oct 29, 2014 6:42 pm, edited 1 time in total.

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by astott2014 » 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?

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by uksitebuilder » 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%

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by astott2014 » 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?
-
Last edited by astott2014 on Wed Oct 29, 2014 6:42 pm, edited 1 time in total.

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by uksitebuilder » 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

<span><?php echo $add_to_cart; ?></span>

That will leave you with 3 icons

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by astott2014 » 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

<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>
Would it be the whole of <span><?php echo $button_cart; ?></span>

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

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by uksitebuilder » Fri Oct 24, 2014 2:26 am

Yes, that's the code to remove

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by astott2014 » 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?

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by uksitebuilder » 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

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by astott2014 » 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 ;D ).

Active Member

Posts

Joined
Thu Sep 18, 2014 4:39 pm

Post by tmart » 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

Image
Logo Printed / Embroidered T-Shirts
Polo Shirts, Sweatshirts & Hoodies

http://www.tmart.in


New member

Posts

Joined
Fri Jan 21, 2011 2:02 am


Post by demcboon » Thu Jul 23, 2015 12:28 am

logo_template1.png

logo_template1.png (13.53 KiB) Viewed 4148 times


Newbie

Posts

Joined
Sat Oct 11, 2014 2:49 am
Who is online

Users browsing this forum: No registered users and 12 guests