Prestashop Featured Products Need to Enlarge and change to 3 accross instead of 4

[glozinski]

I would like to reconfigure in Presta shop Featured Products Images on the home pageof http://www.silkplantscanada.com/en/.  I Need to Enlarge the images and have if fit 3 across instead of 4 images across.  Thank you in advance.

[vekia]

go to preferences > images

change size of thumbnails for "home" image type, then regenerate thumbnails

[vekia]

to change number of products go to themes/YOUR-THEME/modules/homefeatured/homefeaturd.tpl,

there is a code like:

{assign var='nbItemsPerLine' value=4}

change it to:

{assign var='nbItemsPerLine' value=3}

[glozinski]

Hi

I believe that I have done this correctly however the images enlarging worked but I cannot get the number to change from 4 -3 to work

<!-- MODULE Home Featured Products -->
<div id="featured-products_block_center" class="block products_block clearfix">
    <h4 class="title_block">{l s='Featured products' mod='homefeatured'}</h4>
    {if isset($products) AND $products}
        <div class="block_content">
            {assign var='liHeight' value=250}
            {assign var='nbItemsPerLine' value=3}
            {assign var='nbLi' value=$products|@count}

Have I missed something or wrong file.  Thank you.

[vekia]

you recompiled theme ?

[glozinski]

yes

[dioniz]

Your problem is in this css code:

 

#featured-products_block_center li {
    height: 240px;
    margin-right: 10px;
    padding: 10px 0;
    width: 126px;
}

Change width to match your image + 2px for border.

[glozinski]

Here is what i have done

<!-- MODULE Home Featured Products -->
<div id="featured-products_block_center" class="block products_block clearfix">
    <h4 class="title_block">{l s='Featured products' mod='homefeatured'}</h4>
    {if isset($products) AND $products}
        <div class="block_content">
            {assign var='liHeight' value=250}
            {assign var='nbItemsPerLine' value=3}
            {assign var='nbLi' value=$products|@count}

 

#featured-products_block_center li {
    margin-right:10px;
    padding:10px 0;
    width:157px;
    height:240px

 

please take a look as I need the height adjusted as well now. 

http://www.silkplantscanada.com/testsite/en/

Thank you again for your assistance. 

Got it..  Thank you again.

[vekia]

pictures are cutted a little i think, am i right?

[glozinski]

how to fix?  thank you for your comment