grid listing

Newbie

Posts

Joined

Sun Mar 20, 2011 1:04 pm

Post by happychai » Sat Jul 02, 2011 5:36 pm

I tried to change the image size to 200*200 but the grid view listing was out of alignment.
Does any one have any idea to make the image size bigger and the alignment will not be out?

Wish to have something like this
http://www.cocobobo.com/store/

Newbie

Posts

Joined

Sun Mar 20, 2011 1:04 pm

Re: grid listing

Xsecrets

Guru Member

Posts

5017

Joined

Sun Oct 25, 2009 3:51 am

Location

FL US

Post by Xsecrets » Sat Jul 02, 2011 10:20 pm

you'll have to make some changes to your css if you make big changes to the image sizes.

OpenCart commercial mods and development http://spotonsolutions.net
Layered Navigation
Shipment Tracking
Vehicle Year/Make/Model Filter

Xsecrets

Guru Member

Posts

5017

Joined

Sun Oct 25, 2009 3:51 am

Location - FL US

Re: grid listing

Newbie

Posts

Joined

Sun Mar 20, 2011 1:04 pm

Post by happychai » Sun Jul 03, 2011 11:01 am

yes, but there is default 5 images per row.
how can i make it as 4?
anyone can help

Newbie

Posts

Joined

Sun Mar 20, 2011 1:04 pm

Re: grid listing

Expert Member

Posts

Joined

Tue Jun 29, 2010 10:24 pm

Location

Indonesia

Post by qahar » Sun Jul 03, 2011 11:26 am

you need to change te width on stylesheet.css

Code: Select all

.box-product > div {
     width:116px;    --> to 200px or whatever you need
}

Expert Member

Posts

Joined

Tue Jun 29, 2010 10:24 pm

Location - Indonesia

Re: grid listing

Newbie

Posts

Joined

Sun Mar 20, 2011 1:04 pm

Post by happychai » Sun Jul 03, 2011 3:23 pm

thanks.
it works great on the feature module but in the product listing

I try to change the product-grid to 300px and it does not work

.product-grid > div {
width: 300px;
height: 320px;

any idea?

Newbie

Posts

Joined

Sun Mar 20, 2011 1:04 pm

Re: grid listing

Expert Member

Posts

Joined

Tue Jun 29, 2010 10:24 pm

Location

Indonesia

Post by qahar » Sun Jul 03, 2011 10:22 pm

It work for me

Code: Select all

.product-grid > div {
width: 220px;
....
}

Expert Member

Posts

Joined

Tue Jun 29, 2010 10:24 pm

Location - Indonesia

Re: grid listing

Newbie

Posts

Joined

Sun Mar 20, 2011 1:04 pm

Post by happychai » Wed Jul 06, 2011 2:09 pm

yes, it is working now.
thank you