Arranging images in featured products on the home page

[apharrison964]

Hi,

 

I want to configure the look of the featured products on the home page module. The default value to display images is set to 4, and I want to just display 2 images without it looking odd (as it is, the two images are toward the left, keeping room for two more). I went into the homefeatured.tpl file and changed the variable to 2, but it isn't doing anything. I am sure that there is some CSS that I need to change, but I can't find where that would be.

 

Thank you!

[unlimitedgrain]

I think you have to change the global css for that.

I nobody answers this, you can try looking in the folder of the homefeatured which css files are in there that would override the global css.

 

good luck!

[apharrison964]

I tried looking in global.css and also the module css...I can't seem to find the CSS to actually change the width and everything. I was able to change the variables in the template file but that didn't do anything...

[vekia]

product-list.tpl

there is a code:
 

	{if $page_name !='index' && $page_name !='product'}
		{assign var='nbItemsPerLine' value=3}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=3}
	{else}
		{assign var='nbItemsPerLine' value=4}
		{assign var='nbItemsPerLineTablet' value=3}
		{assign var='nbItemsPerLineMobile' value=2}
	{/if}

change the:

{assign var='nbItemsPerLine' value=4}
        {assign var='nbItemsPerLineTablet' value=3}
        {assign var='nbItemsPerLineMobile' value=2}

to:

{assign var='nbItemsPerLine' value=2}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=2}

[vekia]

there is also:

{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else}

change it to:
 

{$page_name == 'product'} col-xs-12 col-sm-4 col-md-3{elseif $page_name == 'index'}col-xs-12 col-sm-6 col-md-6{else}