Jump to content

How show product grid view in prestashop 1.5 default theme?


Recommended Posts

  • 2 weeks later...

I wanted a grid of just Product Photos, with no name, description, or price. (Screen shot attached)

 

I use 1.5, and have removed the Right Column already, so the Center Column is 728px.

 

I changed the Home image size to 180px, and regenerated thumbnails.

 

In Product-List.tpl I used <!-- --> to blank out Left Block, H3, and the Right Block.

 

Then in Product-List.css, I added all this to "#product-list li"

 

 

#product_list li {

margin-bottom: 14px;

padding: 20px 5px;

border: 1px solid #eee;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

float: left;

width: 29%px;

margin-top: 0px;

height: 220px;

clear:both;

height:auto;

clear:none;

padding-right:20px;

padding-left: 20px;

}

 

Then I adjusted the margins and padding in "#product_list li .center_block" and "product_list li .product_img_link" until things were centered and spaced to my liking - it will take different adjustments if you still have a right column or a different theme.

post-405185-0-09148600-1349125144_thumb.jpg

Link to comment
Share on other sites

×
×
  • Create New...