Featured products problem

[antongoikoetxea]

Someone can help me? Anyone know tell me how I can modify featured products for them to stay aligned right? My page http://kitesurfmaniacs.com

[vekia]

go to the module .tpl file and define how many products per line you want to display

 

{assign var='nbItemsPerLine' value=4}

 

change the value param

[antongoikoetxea]

Yes, but the problem is that I modified but still out five.

[vekia]

checked sources of your website - there is still 4 products in line

are you sure that you changing correct file?

where you append changes?

 

sometimes it's necessary to turn force compilation on

[antongoikoetxea]

I tried forcing the compilation and nothing. I've changed and nothing has changed.

 

{assign var='liHeight' value=250}

{assign var='nbItemsPerLine' value=4}

{assign var='nbLi' value=$products|@count}

[Paulito]

Good morning,

 

Do you have TWO featured product modules?

 

Paul

[tdr170]

The problem is the width for each cell, I can not see the individual css files because you have CCC enabled.

I was however to align the into 2 rows by changing the width of the following heading, not sure if it in the global.css or the modules css.

 

Changed width to 170px

 

 

 

#featured-products_block_center li {

• border-width: 1px 1px 2px 1px;
  
• border-style: solid;
  
• border-color: #e5e5e5 #e5e5e5 #b22222 #e5e5e5;
  
• border-radius: 5px;
  
• margin: 0 10px 20px;
  
• width: 170px;
  
• padding: 2px;
  
• background-color: #fff;
  
• float: left;
  

 

 

 

If you turn off CCC I can point you to the exact file.

Edited July 3, 2013 by tdr170 (see edit history)

[antongoikoetxea]

I have turned off the ccc so you can watch it.

[tdr170]

It is the homefeatured.css located here ..themes/leoshoe/css/modules/homefeatured, go to this folder and edit the homefeatured.css file.

 

At the very top you should see this heading change the width from 174 to 170 and you should be good to go.

 

#featured-products_block_center li

[vekia]

but you've got 4 value there, you have to increase it to 5 (you've got 5 products in one line)

[antongoikoetxea]

Thank you very much. Now comes aligned. But what I want is to get out 4 products instead of 5. As you can do?

[vekia]

you can do it, but then you have to edit css styles for this module (change the width of the <li> object)

[tdr170]

Hey Vekia you would think so but I have found that it really makes no diff, I have changed man times without changing the products per line in the tpl file without issues. Strange I know.

 

Here is an example.

 

From the .tpl file for this site. http://team-shepherdusa.com/shop3/

 

<div class="block_content">

{assign var='liHeight' value=250}

{assign var='nbItemsPerLine' value=4}

[tdr170]

Same file try these settings:

 

changed margin and width lines.

#featured-products_block_center li {

border-width: 1px 1px 2px 1px;

border-style: solid ;

border-color: #e5e5e5 #e5e5e5 #b22222 #e5e5e5;

border-radius: 5px;

margin: 0 25px 40px;

width: 200px;

padding: 2px;

background-color: #fff;

float: left;

}

[vekia]

it makes, when you use different value of the produts per line, then other products will have got class "last item" (this class has got no margin-right value - 0px; )

 

take a look:

[antongoikoetxea]

I'll leave it at 5. But now the problem is that there are no straight ones above with those below.

[vekia]

put back styles that you used before you applied changes. now you've got wide product block,

[antongoikoetxea]

I do not understand this last.

[vekia]

you changed css for this module? i think so, because it looks different than before

Just use old css styles