alg1978 Posted April 27, 2021 Share Posted April 27, 2021 Buenas me gustaria si alguien me pudiera ayudar, me gustaria saber como podria ampliar un producto en tpl o si existe algun modulo que haga esto o si me podeis orientar para pc y movil. subo codigo Gracias.. {assign var='nbItemsPerLine' value=4} {assign var='nbItemsPerLineIpadPro' value=4} {assign var='nbItemsPerLineTablet' value=3} {assign var='nbItemsPerLineMobile' value=2} <div class="item-inner col-lg-3 col-md-4 col-sm-6 col-xs-6 {if $product_list%$nbItemsPerLine == 0} last-in-line {elseif $product_list%$nbItemsPerLine == 1} first-in-line{/if} {if $product_list%$nbItemsPerLineIpadPro == 0} last-item-of-IpadPro-line {elseif $product_list%$nbItemsPerLineIpadPro == 1} first-item-of-IpadPro-line{/if} {if $product_list%$nbItemsPerLineTablet == 0} last-item-of-tablet-line {elseif $product_list%$nbItemsPerLineTablet == 1} first-item-of-tablet-line{/if} {if $product_list%$nbItemsPerLineMobile == 0} last-item-of-mobile-line {elseif $product_list%$nbItemsPerLineMobile == 1} first-item-of-mobile-line{/if}"> <div class="item"> <article class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product"> <div class="laberProduct-container"> <div class="laberProduct-image"> {block name='product_thumbnail'} {if $product.cover} <a href="{$product.url}" class="thumbnail product-thumbnail"> <span class="cover_image"> <img src = "{$product.cover.bySize.large_default.url}" alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}" data-full-size-image-url = "{$product.cover.large.url}" /> </span> {if isset($product.images[1])} <span class="hover_image"> <img src = "{$product.images[1].bySize.large_default.url}" alt = "{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}" data-full-size-image-url = "{$product.images[1].bySize.large_default.url}" /> </span> {/if} </a> {else} <a href="{$product.url}" class="thumbnail product-thumbnail"> <img src = "{$urls.no_picture_image.bySize.large_default.url}" /> </a> {/if} {/block} {block name='product_flags'} <ul class="laberProduct-flags"> {if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)} {if isset($product.specific_prices) && $product.specific_prices && isset($product.specific_prices.reduction) && $product.specific_prices.reduction > 0} <li class="laber-flag laber_reduction_percent_display"> <span> {if $product.specific_prices && $product.specific_prices.reduction_type == 'percentage'} -{$product.specific_prices.reduction|escape:'quotes':'UTF-8' * 100}% {else} -{$product.price_without_reduction-$product.price|floatval} {/if} </span> </li> {/if} {/if} {foreach from=$product.flags item=flag} <li class="laber-flag laber-{$flag.type}"><span>{$flag.label}</span></li> {/foreach} </ul> {/block} <div class="laberQuick"> <a href="#" class="quick-view" data-link-action="quickview" title="{l s='Quickview' d='Shop.Theme.Actions'}"> {l s='Quick view' d='Shop.Theme.Actions'} </a> </div> {*{block name='product_variants'} {if $product.main_variants} {include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants} {/if} {/block}*} </div> <div class="laber-product-description"> {hook h='displayProductListReviews' product=$product} {block name='product_name'} <h2 class="productName" itemprop="name"><a href="{$product.url}">{$product.name}</a></h2> {/block} {block name='product_price_and_shipping'} {if $product.show_price} <div class="laber-product-price-and-shipping"> <span itemprop="price" class="price {if $product.has_discount}laberRegular-price{/if}">{$product.price}</span> {if $product.has_discount} {hook h='displayProductPriceBlock' product=$product type="old_price"} <span class="regular-price">{$product.regular_price}</span> {/if} {hook h='displayProductPriceBlock' product=$product type="before_price"} {hook h='displayProductPriceBlock' product=$product type='unit_price'} {hook h='displayProductPriceBlock' product=$product type='weight'} </div> {/if} {/block} <div class="WishlistButtons"> {hook h='displayProductListFunctionalButtons' product=$product} </div> <div class="laberActions"> <div class="laberActions-i"> <div class="laberCart pull-left"> <form action="{$urls.pages.cart}" method="post"> <input type="hidden" name="token" value="{$static_token}"> <input type="hidden" value="{$product.id_product}" name="id_product"> <button data-button-action="add-to-cart" class="laberBottom {if !$product.add_to_cart_url} disabled {/if} " {if !$product.add_to_cart_url} disabled {/if} > <i class="icon-plus"></i> <span>{l s='Add to cart' d='Shop.Theme.Actions'}</span> </button> </form> </div> <div class="laberItem pull-right"> {hook h='Buttoncompare' product=$product} </div> </div> </div> </div> </div> </article> </div> </div> Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now