Leo Sport Shoes, carousel i brak jednej opcji. Można ją dodać?

Bitoslaw · July 13, 2016

Otóż jak w temacie mam Szablon Leo Sport Shoes i na głównej stronie zrobiłem carousel z produktami z kategorii za pomocą modułu z LEO Zarządzaj Widget.
Ogólnie nie chce go zmieniać na inny taki moduł bo ten wygląd mi pasuje i nie umiem znaleźć innego takiego samego.
Ale jak widać po najechaniu na produkt są tylko dwie ikonki, dodaj do koszyka i do porównania. I aby na produkt wejść trzeba kliknąć w nazwę. Jest opcja aby dodać 3 przycisk do wejścia na produkt lub cały obszar zdjęcia by dało się nacisnąć? Bo aktualnie jest to troszkę nie intuicyjne.

vekia · July 13, 2016

można, tylko trzeba znać kod tego modułu

jeżeli to możliwe to wklej kod z .tpl

Bitoslaw · July 13, 2016



{*

 *  Leo Theme for Prestashop 1.6.x

 *

 * @author    http://www.leotheme.com

 * @copyright Copyright (C) October 2013 LeoThemes.com <@emai:[email protected]>

 *               <[email protected]>.All rights reserved.

 * @license   GNU General Public License version 2

*}



{$tabname="{$tab|escape:'html':'UTF-8'}"}

<div class="block products_block exclusive leomanagerwidgets">

{if isset($widget_heading)&&!empty($widget_heading)}

<h4 class="title_block">

{$widget_heading|escape:'html':'UTF-8'}

</h4>

{/if}

<div class="block_content"> 

{if !empty($products)}

{include file='./products.tpl'}

{else}

    <p class="alert alert-info">{l s='No products at this time.' mod='leomanagewidgets'}</p> 

{/if}

</div>

</div>

<script type="text/javascript">

$(document).ready(function() {

    $('#{$tabname|escape:'html':'UTF-8'}').each(function(){

        $(this).carousel({

            pause: 'hover',

            interval: {$interval|intval}

        });

    });

});

</script>

vekia · July 13, 2016

ups, z kodu wynika, że potrzebna jest jeszcze treść produc.tpl z Twojego szablonu

wybacz, nie znam tego szablonu stąd małe zamieszanie

Bitoslaw · July 13, 2016

@Vekia

{*
 *  Leo Theme for Prestashop 1.6.x
 *
 * @author    http://www.leotheme.com
 * @copyright Copyright (C) October 2013 LeoThemes.com <@emai:[email protected]>
 *               <[email protected]>.All rights reserved.
 * @license   GNU General Public License version 2
*}


{if !empty($products)}
<div class="carousel slide" id="{$tabname|escape:'html':'UTF-8'}">
{if count($products)>$itemsperpage} 
<a class="carousel-control left" href="#{$tabname|escape:'html':'UTF-8'}"   data-slide="prev">‹</a>
<a class="carousel-control right" href="#{$tabname|escape:'html':'UTF-8'}"  data-slide="next">›</a>
{/if}


<div class="carousel-inner">
{$mproducts=array_chunk($products,$itemsperpage)}
{foreach from=$mproducts item=products name=mypLoop}
<div class="item {if $smarty.foreach.mypLoop.first}active{/if}">
<ul class="product_list grid">
{foreach from=$products item=product name=products}


<li class="ajax_block_product product_block {if $columnspage == 5}col-md-2-4 col-lg-2-4{else}col-md-{$scolumn|escape:'html':'UTF-8'}{/if} col-xs-6 col-sp-12 {if $smarty.foreach.products.first}first_item{elseif $smarty.foreach.products.last}last_item{/if}">
<div class="product-container" itemscope itemtype="http://schema.org/Product">
<div class="left-block">
<div class="product-image-container">
<a class="product_img_link" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url">
<img class="replace-2x img-responsive" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" title="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" {if isset($homeSize)} width="{$homeSize.width|intval}" height="{$homeSize.height|intval}"{/if} itemprop="image" />
</a>
{if isset($quick_view) && $quick_view}
<a class="quick-view" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
<span>{l s='Quick view' mod='leomanagewidgets'}</span>
</a>
{/if}
{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
<div class="content_price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}
<span itemprop="price" class="price product-price">
{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}
</span>
<meta itemprop="priceCurrency" content="{$priceDisplay|escape:'html':'UTF-8'}" />
{if isset($product.specific_prices) && $product.specific_prices && isset($product.specific_prices.reduction) && $product.specific_prices.reduction}
<span class="old-price product-price">
{displayWtPrice p=$product.price_without_reduction}
</span>
{if $product.specific_prices.reduction_type == 'percentage'}
<span class="price-percent-reduction">-{$product.specific_prices.reduction * 100|escape:'html':'UTF-8'}%</span>
{/if}
{/if}
{/if}
</div>
{/if}
{if isset($product.new) && $product.new == 1}
<span class="new-box">
<span class="new-label product-label">{l s='New' mod='leomanagewidgets'}</span>
</span>
{/if}
{if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
<span class="sale-box">
<span class="sale-label product-label">{l s='Sale!' mod='leomanagewidgets'}</span>
</span>
{/if}
</div>
</div>
<div class="right-block">
<h5 itemprop="name">
{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}
<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
{$product.name|truncate:45:'...'|escape:'html':'UTF-8'}
</a>
</h5>
{hook h='displayProductListReviews' product=$product}
<p class="product-desc" itemprop="description">
{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}{* HTML form , no escape necessary *}
</p>
{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="content_price">
{if isset($product.show_price) && $product.show_price && !isset($restricted_country_mode)}
<span itemprop="price" class="price product-price">
{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}
</span>
<meta itemprop="priceCurrency" content="{$priceDisplay|escape:'html':'UTF-8'}" />
{if isset($product.specific_prices) && $product.specific_prices && isset($product.specific_prices.reduction) && $product.specific_prices.reduction}
<span class="old-price product-price">
{displayWtPrice p=$product.price_without_reduction}
</span>
{if $product.specific_prices.reduction_type == 'percentage'}
<span class="price-percent-reduction">-{$product.specific_prices.reduction * 100|escape:'html':'UTF-8'}%</span>
{/if}
{/if}
{/if}
</div>
{/if}
<div class="button-container">
{if ($product.id_product_attribute == 0 || (isset($add_prod_display) && ($add_prod_display == 1))) && $product.available_for_order && !isset($restricted_country_mode) && $product.minimal_quantity <= 1 && $product.customizable != 2 && !$PS_CATALOG_MODE}
{if ($product.allow_oosp || $product.quantity > 0)}
{if isset($static_token)}
<a class="button ajax_add_to_cart_button btn btn-default" href="{$link->getPageLink('cart',false, NULL, "add=1&id_product={$product.id_product|intval}&token={$static_token}", false)|escape:'html':'UTF-8'}" rel="nofollow" title="{l s='Add to cart' mod='leomanagewidgets'}" data-id-product="{$product.id_product|intval}">
<span>{l s='Add to cart' mod='leomanagewidgets'}</span>
</a>
{else}
<a class="button ajax_add_to_cart_button btn btn-default" href="{$link->getPageLink('cart',false, NULL, 'add=1&id_product={$product.id_product|intval}', false)|escape:'html':'UTF-8'}" rel="nofollow" title="{l s='Add to cart' mod='leomanagewidgets'}" data-id-product="{$product.id_product|intval}">
<span>{l s='Add to cart' mod='leomanagewidgets'}</span>
</a>
{/if} 
{else}
<span class="button ajax_add_to_cart_button btn btn-default disabled">
<span>{l s='Add to cart' mod='leomanagewidgets'}</span>
</span>
{/if}
{/if}
<a itemprop="url" class="button lnk_view btn btn-default" href="{$product.link|escape:'html':'UTF-8'}" title="{l s='View' mod='leomanagewidgets'}">
<span>{l s='More' mod='leomanagewidgets'}</span>
</a>
</div>
{if isset($product.color_list)}
<div class="color-list-container">{$product.color_list}{* HTML form , no escape necessary *} </div>
{/if}
<div class="product-flags">
{if (!$PS_CATALOG_MODE AND ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
{if isset($product.online_only) && $product.online_only}
<span class="online_only">{l s='Online only' mod='leomanagewidgets'}</span>
{/if}
{/if}
{if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
{elseif isset($product.reduction) && $product.reduction && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
<span class="discount">{l s='Reduced price!' mod='leomanagewidgets'}</span>
{/if}
</div>
{if (!$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && ((isset($product.show_price) && $product.show_price) || (isset($product.available_for_order) && $product.available_for_order)))}
{if isset($product.available_for_order) && $product.available_for_order && !isset($restricted_country_mode)}
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="availability">
{if ($product.allow_oosp || $product.quantity > 0)}
<span class="available-now">
<link itemprop="availability" href="http://schema.org/InStock" />{l s='In Stock' mod='leomanagewidgets'}
</span>
{elseif (isset($product.quantity_all_versions) && $product.quantity_all_versions > 0)}
<span class="available-dif">
<link itemprop="availability" href="http://schema.org/LimitedAvailability" />{l s='Product available with different options' mod='leomanagewidgets'}
</span>
{else}
<span class="out-of-stock">
<link itemprop="availability" href="http://schema.org/OutOfStock" />{l s='Out of stock' mod='leomanagewidgets'}
</span>
{/if}
</span>
{/if}
{/if}
</div>
{if $page_name != 'index'}
<div class="functional-buttons clearfix">
{hook h='displayProductListFunctionalButtons' product=$product}
{if isset($comparator_max_item) && $comparator_max_item}
<div class="compare">
<a class="add_to_compare" href="{$product.link|escape:'html':'UTF-8'}" data-id-product="{$product.id_product|intval}">{l s='Add to Compare' mod='leomanagewidgets'}</a>
</div>
{/if}
</div>
{/if}
</div>
</li> 


{/foreach}
</ul>
</div> 
{/foreach}
</div>
</div>
{addJsDefL name=min_item}{l s='Please select at least one product' mod='leomanagewidgets' js=1}{/addJsDefL}
{addJsDefL name=max_item}{l s='You cannot add more than %d product(s) to the product comparison' mod='leomanagewidgets' sprintf=$comparator_max_item js=1}{/addJsDefL}
{addJsDef comparator_max_item=$comparator_max_item}
{addJsDef comparedProductsIds=$compared_products}
{/if}

Edited July 13, 2016 by Bitoslaw (see edit history)

Bitoslaw · July 13, 2016

Da coś się z tym zrobić?

Bitoslaw · July 13, 2016

OK widze że jest taka opcja ale czy ktoś mi pomoże takie coś napisać?

Bitoslaw · July 14, 2016

Pomoże ktoś?

YaboL · July 14, 2016

A możesz podać link do sklepu?

Bitoslaw · July 14, 2016

Na razie jest sklep robiony na serwie innego, potem jak bedzie gotowy to bedzie inna domena i serwer.
http://www.diamond-budownictwo.pl/Czechy

YaboL · July 14, 2016

OK opcja z całym obszarem aktywnym:

w pliku product-item.tpl w głównym katalogu szablonu mamy taki wpis:

		<div class="center-block ImageWrapper">
			<p class="product-desc" itemprop="description">
				<a href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
					{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}
				</a>
			</p>
			{if isset($product.color_list) && $ENABLE_COLOR}

Zmieniamy to na:

		<div class="center-block ImageWrapper">
			<div class="product-desc" itemprop="description">
				<a href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >
				<div class="full-link">	{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'} </div>
				</a> 
			</div>
			{if isset($product.color_list) && $ENABLE_COLOR}

i w pliku global.css

na końcu dopisujemy:

div.full-link {
	height: 100%;
	color: #9c9c9c;
}
.product-block .product-desc {
    height: 100%;
}

Powinno zadziałać, powodzenia

Bitoslaw · July 15, 2016

Wielkie dzięki mistrzunio, działa bez problemowo

Leo Sport Shoes, carousel i brak jednej opcji. Można ją dodać?

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in