Jump to content

(Error) Module productscategory as list rather than as slider


Recommended Posts

I upgraded to 1.6.1 prestashop with theme474 and since then the module " Products from the same category v1.7.0" and left me still function correctly.

The slider no longer appears as such but appear 30 products in a 4x8 grid, it does appear the next and prev buttons but do not function.

I bring a couple of images to make it a little clearer as it looked before and how it looks now.
 
thump_9450734errorslider.jpgthump_9450735okslider.jpg
 
And the code from productscategory.tpl

{if count($categoryProducts) > 0 && $categoryProducts !== false}
<div class="clearfix blockproductscategory">
	<h3>{$categoryProducts|@count} {l s='other products in the same category:' mod='productscategory'}</h3>
       		<div class = 'container2'>
				<div class = 'iosSlider2'>
					<div class = 'slider2'>					     
						{foreach from=$categoryProducts item='categoryProduct' name=categoryProduct}							
								<div id='item2'>
									<a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" class="lnk_img" title="{$categoryProduct.name|htmlspecialchars}"><img src="{$link->getImageLink($categoryProduct.link_rewrite, $categoryProduct.id_image, 'carusel')}" alt="{$categoryProduct.name|htmlspecialchars}" /></a>
								<div class="clear"></div>
								<p class="product_name">
									<a href="{$link->getProductLink($categoryProduct.id_product, $categoryProduct.link_rewrite, $categoryProduct.category, $categoryProduct.ean13)}" title="{$categoryProduct.name|htmlspecialchars}">{$categoryProduct.name|truncate:22:'...'|escape:'htmlall':'UTF-8'}</a>
								</p>
								<div class="clear"></div>
								{if $ProdDisplayPrice AND $categoryProduct.show_price == 1 AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}
									<p class="price_display">
										<span class="price">{convertPrice price=$categoryProduct.displayed_price}</span>
									</p>
								{else}
									<br />
								{/if}			
							{/if} 
						{/foreach}
					</div>
				</div>	        
               	                {if count($categoryProducts) > 5}	
					<div class ='next'></div>
					<div class ='prev'></div>
				{/if}      
        	</div>
        
	<script type="text/javascript">	
			$(document).ready(function() {			
				$('.iosSlider2').iosSlider({
					scrollbar: false,
					snapToChildren: true,
					desktopClickDrag: true,
					navPrevSelector: $('.prev'),
					navNextSelector: $('.next')
				});				
			});
	</script>
</div>
{/if}

Thanks

Edited by jnaudin84 (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...