How to resize the product block and new product block

[sirojump]

 

Hello guys, how are you ? 

 

I am in the middle of developing my new e-commerce and i would be grateful if anybody can give me some help.

 

My e-commerce address is http://www.ekupix.it

 

what i would like to achieve is:

 

- resize the product block with the text images and all the components inside.

- resize the new product block like i mentioned above.

 

Right now the blocks look like to huge, any hint would be accepted.

 

 

 

:) :) thank you guys :) :)

[shokinro]

you have to change following line in file /themes/YourTheme/product-list.tpl

<li class="ajax_block_product col-xs-12 col-sm-4 col-md-3 first-in-line first-item-of-tablet-line first-item-of-mobile-line" ...

Change class name of col-xs-12 col-sm-4 col-md-3, which determines the size of block.

xs,sm,md stands for device size of client computer screen.

12 is full size of page or div, 4 is 12/4 and 3 is 3/12.

 

hope this give you come clues.

[sirojump]

 

Hi shokinro, thank you for the advice.

 

Do you think this change could help me to reach this kind of products size like this web site:

 

https://www.carline-accessori.com/10-accessori-auto

 

What i would reach is the same block size as the web site i linked above.

Also in your experience is there a way to show 5 or four products colums?

 

 

Thank you guys

[shokinro]

For responsible design, the block size is defined the number of 1/12 based on the device screen size.

The page in your sample URL has left column, the width for product displaying is different. It also depends on how may x/12 you used for left column.