Q&A: change products' cover picture size in PrestaShop

PrestaShop user question

i use non default theme (but its based on default theme called default-bootstrap) and i want to change the size of pictures that appears in my featured products module and also in other part of shop like category products, best sellerts etc. 

how i can change the picture size? they are currently too big.

PrestaShop expert answer

To change size of pictures that appear in your 'featured products' you have to alter css styles of your theme. This is an easiest way. You can also change the size of pictures under preferences > images section where you can manage size of imagetype "home_featured" (after that you have to regenerate thumbnails).

If you want to alter css styles, please open file: themes/your-theme//css/product_list.css
at the end of the file add css styles code like below:
    ul.product_list .product-image-container img {
      width:100px!important;
      height:auto;
    }
you can control the size with value "width" change it from 100px to other values like: 150px, 120px, 90px, 85px etc.

effect of css styles modification:


Share on Google Plus

About VEKIA

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a comment