Jump to content

ProductsCategory ne scroll pas


Recommended Posts

Bonjour,

j'ai un problème avec ma boutique :

 

http://www.tous-les-jours-noel.fr/animaux/43-alligator.html

 

Sur le bloc "ProductsCategory", en vous rendant sur le lien ci-dessus, vous verrez le bloc "8 autres produits dans la même catégorie"

 

Sauf que, impossible de scroller pour visualiser les autres produits.

Je penche pour un problème css/js

 

Mais j'avoue que je sèche un peu.

Link to comment
Share on other sites

  • 3 weeks later...

hi mouzet, sorry but i don't write in french but i found this while looking for info about a similar problem. i cannot get the images larger.

 

i see you still have this problem.

 

anyway, i cannot see your productscategory.tpl file but here is my code for the same section and my products DO scroll so perhaps you can use it to fix yours.

 

see my page at http://www.fixgear.info/index.php?id_product=36&controller=product&id_lang=1 and see it working. my template came like this so i did not make it work.

 

you need the "scroll" part and i think the " {if count($categoryProducts) > 3}style="width: {math equation="width * nbImages" width=200 nbImages=$categoryProducts|@count}px"{/if}" part to resize the thumbs but that is what i am trying to change to make the thumbs bigger and i cannot figure it out.

 

bon chance :)

 


{if count($categoryProducts) > 0 && $categoryProducts !== false}
<h2 class="productscategory_h2">{$categoryProducts|@count} {l s='other products in the same category:' mod='productscategory'}</h2><br>
<div id="{if count($categoryProducts) > 3}productscategory{else}productscategory_noscroll{/if}" class="clearfix">
{if count($categoryProducts) > 3}<a id="productscategory_scroll_left" title="{l s='Previous' mod='productscategory'}" href="javascript:{ldelim}{rdelim}">{l s='Previous' mod='productscategory'}</a>{/if}
<div id="productscategory_list">
<ul {if count($categoryProducts) > 3}style="width: {math equation="width * nbImages" width=107 nbImages=$categoryProducts|@count}px"{/if}>
{foreach from=$categoryProducts item='categoryProduct' name=categoryProduct}
<li>
<a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" title="{$categoryProduct.name|htmlspecialchars}"><img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, 'home_liquid')}" alt="{$categoryProduct.name|htmlspecialchars}" />
<p>{$categoryProduct.name|truncate:15:'…'|escape:'htmlall':'UTF-8'}</p>
{if $ProdDisplayPrice AND $categoryProduct.show_price == 1 AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
<span class="price_display">
<span class="price">{convertPrice price=$categoryProduct.displayed_price}</span>
</span><br />
{else}
<br />
{/if}
</li> 
{/foreach}
</ul>
</div>
{if count($categoryProducts) > 3}<a id="productscategory_scroll_right" title="{l s='Next' mod='productscategory'}" href="javascript:{ldelim}{rdelim}">{l s='Next' mod='productscategory'}</a>{/if}
</div>
<script type="text/javascript">
$('#productscategory_list').trigger('goto', [{$middlePosition}-3]);
</script>
{/if}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...