Home page featured product help urgently required

[Pinkloveshy]

Hi Everyone

I need some help please.
I cannot get my featured products to go across the width instead of in a column

I've attached a screen shot to show you what Ii mean. I've disabled the module until I get a response as this is a live site

Regards
Pinkloveshy

[Pinkloveshy]

Please can an expert/moderator help me with this one.

I really need to sort this, as I need the featured products to be on my home page to allow my mobile module to work and display products to customers logging in via their mobile phones

Many thanks in advance

Pinkloveshy

[Pinkloveshy]

Bump

Please can someone give me some pointers on this one.
There are many skilled Prestashop users out there and your knowledge would be greatly appreciated.
Please spend a couple of minutes to help me if you can

Many thanks

Gillian
Pinkloveshy

[tomerg3]

It's impossible to know what's going on just by looking at that image.

It seems like a CSS / html issue, it could be something very small, or could be that new code needs to be written to align them properly.

If you have any specific question, I'm sure you will have a better chance to get an answer.

If you are waiting for someone to write you a new code to align the products properly, you will probably be waiting for a while

[vivek tripathi]

As you showed in image Product are comming properly but they are not horizentally align this is definatly CSS Issue . To align properly edit your css .
or you can add new line in your global css

div . block_content ul {
list-style:none;
float:left;

}

[Pinkloveshy]

Thanks very much for your comments

When you say alter your CSS do you mean for me to add this into CSS related to the header.tpl or do I just put this code anywhere in the global css

div . block_content ul {
list-style:none;
float:left;

}

Much appreciated
Gillian

[Pinkloveshy]

Hi

Just added the code to the end of my theme's global CSS and then reistalled the featured products and it didn't change the view, it remains verticle.
I will show you what I did on a screen shot

Regards
Gillian

Also I can send you the source code for my header.tpl which may give more clues as to whats wrong if you think it will help

[vivek tripathi]

ok their is css issue on your page it seems you have change original css or class applied on featured block

please make sure that their is class product_block on featured product div and then

check for following css in global.css if not present then add these line


#center_column .products_block ul {
width: 540px; /* total width = no of li * li width */
}
#center_column .products_block ul li {
float: left;
margin-top: 0;
padding: 0 0 1px;
width: 133px;
}


If problem still persist write inline css it might be possible your css is clashing with other css

[Pinkloveshy]

Hi Vivek

This is the code for the featured products and the line you suggest is already present i.e

I put the other code in the global CCS in my theme and it still the same. Perhaps I am doing something wrong

Thanks for your comments
Regards Gillian
PS . I have left the module installed for a while so you can see.
www.shorts4u.com/shop


<!-- MODULE Home Featured Products -->

{l s='recently arrived' mod='homefeatured'}

{if isset($products) AND $products}

{assign var='liHeight' value=200}
{assign var='nbItemsPerLine' value=4}
{assign var='nbLi' value=$products|@count}
{assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
{assign var='ulHeight' value=$nbLines*$liHeight}

• 
  {foreach from=$products item=product name=homeFeaturedProducts}
  
• 
  getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.legend|escape:htmlall:'UTF-8'}" />
  

  {$product.name|truncate:60:'...'|escape:'htmlall':'UTF-8'}

  
  

  {$product.description_short|strip_tags|truncate:0:'...'}

  
  
  
  
  
  
  
  
  {/foreach}
  

{else}

{l s='No featured products' mod='homefeatured'}

{/if}

<!-- /MODULE Home Featured Products -->

[Pinkloveshy]

Hi

I've managed to improve it so it now shows horizontally by removing this from header.tpl:-

{$HOOK_WIZNAV}

{else}

Now I need to increase the width so I can get more products across the page. Can you help with this

Regards
Pinkloveshy

[dazzza]

Try changing global.css line 2781 from:

#center_column .products_block ul {
width: 540px;

To

#center_column .products_block ul {
width: 900px;

[Pinkloveshy]

#9 was not the correct fix. I have had to revert
This is proving impossible

I need a book a good book on Prestashop development
Thanks to all for trying

Regards
Gillian