Shop The World’s Most Creative Businesses

Join Open a Store
Back to Forums

Products Layout

PRESSURETHREADS posted October 08, 2010 20:08

Is there a way to make the product boxes bigger or instead of having rows of 3 can i have rows of 4?

9 Replies
  • marcia_hend July 06, 2011 16:07

    I would like to have 4 products per row instead of 3. Does anyone know how to do this?

  • lissie July 11, 2011 14:18

    I posted some instruction to make it 2 per row on this thread.
    http://www.storenvy.com/topics/1687-change-size-of-products-on-the-home-page

    To make it 4 per row, you'll have to reduce the width and height of the picture and the surrounding box.

  • BeleAlexa July 11, 2011 15:21

    @Lissie - I took a look at the other thread but I dont see how to have 4 products on a line instead of 3. Once I figure it out I will be getting rid of the sidebar so there will be plenty of space to expand on my page.

  • lissie July 11, 2011 15:39

    The products are automatically aligned to the left. If you make the image and the surrounding box smaller, it will fit more per row. If you make the image and the surrounding box bigger, it will fit less per row. You'd just have to figure out the width and height of the image and the box.

    li.product {width:335px !important;height:335px !important;background:none;}

    li.product img{width:305px !important;height:305px !important;}

    The first line of CSS is for the box, the second line is for the image. You'd have to reduce the size for both. Keep in mind that the box should be 30px wider/taller than the image. You've got to play around with it.

  • Priscillaesque March 31, 2012 16:16

    @Lissie, I have a question for you! how do I get my products to space out a bit or not get that "stretched" look?

    http://priscillaesque.storenvy.com/

    Like right now it looks stretched but how do I somewhat get it in this format?

    http://www.nastygal.com/sale/?minPrice=10&maxPrice=110

  • Simple September 18, 2012 05:40

    Somehow I made it into 6 rows.
    http://envyhauteclothing.storenvy.com/

    Thanks Lissie!

  • PS_Admin September 18, 2012 20:18

    hi does anyone know how to get a layout like the one the high standards store has ive seen a few other stores with that layout

  • EricMolesworth October 14, 2012 17:41

    Lissie, can you tell me how to make the product photos look like the below store ( rectangle shape, no border and the highlite on the name of the product and price )
    My store www.DRTYCLOTHING.storenvy.com
    Want my products to look like---> http://priscillaesque.storenvy.com/

  • pinpincreations November 16, 2012 14:27

    can anyone just overhaul my site? I've never had such problems with coding until I joined Storenvy! If I can make this:

    http://lovevintagecraft.com

    then why does my site still look like this:

    http://pinpinfinds.storenvy.com ????!!!

Reply to this