Product tpl modifications

dsaura · May 29, 2016

Hi all.

I'm trying to redesign the product tpl to something lke the image 1.

So far I managed to do a few things (I can't program so I played arround with the product.tpl and the css)

The things I acomplshed are on image two.

I'm using default bootstrap theme and prestashop 1.6.1.3

Can somebody help me?

Thanks!!!

Edited May 29, 2016 by dsaura (see edit history)

dsaura · May 29, 2016

The two movements that I can't find where to do them are: to move the "add to wishlit" to the same line that the social icons and the "review stars" at the same line than the price....

Edited May 29, 2016 by dsaura (see edit history)

Simonas Invertus · May 30, 2016

If you use firefox and have installed firebug you can click on the "review stars" and see exact code that is responsible for that design.

If you will find the code, i think you will know what to do.

It is hard to give you advice when we can not see the code.

dsaura · May 31, 2016

Thanks!... I will try!

dsaura · May 31, 2016

Now I'm here (from.png) and I want to go here (dest.png)

Any toughts?

Simonas Invertus · May 31, 2016

If I could see the code I could say you exactly.

There can be possible solutions/issue:

1) CSS float:right/left

2) Change HTML div which hold social buttons.

dsaura · May 31, 2016

Do you mean products.tpl code?

Simonas Invertus · May 31, 2016

Yes.

dsaura · May 31, 2016

It's kind a mess, because I cannot program so did all of the modifications by testing an error... Here it is.

{*

* 2007-2015 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

{include file="$tpl_dir./errors.tpl"}

{if $errors|@count == 0}

{if !isset($priceDisplayPrecision)}

{assign var='priceDisplayPrecision' value=2}

{/if}

{if !$priceDisplay || $priceDisplay == 2}

{assign var='productPrice' value=$product->getPrice(true, $smarty.const.NULL, 6)}

{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(false, $smarty.const.NULL)}

{elseif $priceDisplay == 1}

{assign var='productPrice' value=$product->getPrice(false, $smarty.const.NULL, 6)}

{assign var='productPriceWithoutReduction' value=$product->getPriceWithoutReduct(true, $smarty.const.NULL)}

{/if}

{if !$content_only}

</div>

{/if}

{if isset($adminActionDisplay) && $adminActionDisplay}

<p class="alert alert-info">{l s='This product is not visible to your customers.'}

<span>{l s='Publish'}</span>

</a>

</a>

</p>

</div>

{/if}

{if isset($confirmation) && $confirmation}

{$confirmation}

</p>

{/if}

{if $product->new}

</span>

{/if}

{if $product->on_sale}

</span>

{elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}

<span class="discount">{l s='Reduced price!'}</span>

{/if}

{if $have_image}

{if $jqZoomEnabled && $have_image && !$content_only}

<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}">

<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>

</a>

{else}

<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>

{if !$content_only}

<!-- <span class="span_link no-print">{l s='View larger'}</span>

{/if}

</span> -->

{else}

<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>

{if !$content_only}

{l s='View larger'}

</span>

{/if}

</span>

{/if}

</div>

{if isset($images) && count($images) > 0}

{if isset($images) && count($images) > 2}

{l s='Previous'}

</a>

</span>

{/if}

{if isset($images)}

{foreach from=$images item=image name=thumbnails}

{assign var=imageIds value="`$product->id`-`$image.id_image`"}

{if !empty($image.legend)}

{assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}

{else}

{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}

{/if}

<!--<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>

<a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"{else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}" data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}">

<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" />

</a>

</li>-->

{/foreach}

{/if}

</ul>

</div>

{if isset($images) && count($images) > 2}

{l s='Next'}

</a>

{/if}

</div>

{/if}

{if isset($images) && count($images) > 1}

<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" data-id="resetImages">

{l s='Display all pictures'}

</a>

</span>

</p>

{/if}

</div>

{if isset($smarty.capture.path)}{assign var='path' value=$smarty.capture.path}{/if}

{if isset($path) AND $path}

<span class="navigation-pipe"{if isset($category) && isset($category->id_category) && $category->id_category == (int)Configuration::get('PS_ROOT_CATEGORY')} style="display:none;"{/if}>{$navigationPipe|escape:'html':'UTF-8'}</span>

{if $path|strpos:'span' !== false}

<span class="navigation_page">{$path|@replace:'<a ': '<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" '|@replace:'data-gg="">': '><span itemprop="title">'|@replace:'</a>': '</span></a></span>'}</span>

{else}

{$path}

{/if}

</div>

{if isset($smarty.get.search_query) && isset($smarty.get.results) && $smarty.get.results > 1 && isset($smarty.server.HTTP_REFERER)}

{capture}{if isset($smarty.get.HTTP_REFERER) && $smarty.get.HTTP_REFERER}{$smarty.get.HTTP_REFERER}{elseif isset($smarty.server.HTTP_REFERER) && $smarty.server.HTTP_REFERER}{$smarty.server.HTTP_REFERER}{/if}{/capture}

<i class="icon-chevron-left left"></i> {l s='Back to Search results for "%s" (%d other results)' sprintf=[$smarty.get.search_query,$smarty.get.results]}

</a>

</strong>

</div>

{/if}

{if $product->online_only}

<p class="online_only">{l s='Online only'}</p>

{/if}

<h1 itemprop="name">{$product->name|escape:'html':'UTF-8'}</h1>

{* <p id="product_reference"{if empty($product->reference) || !$product->reference} style="display: none;"{/if}>

<label>{l s='Reference:'} </label>

<span class="editable" itemprop="sku"{if !empty($product->reference) && $product->reference} content="{$product->reference}"{/if}>{if !isset($groups)}{$product->reference|escape:'html':'UTF-8'}{/if}</span> *}

</p>

{if !$product->is_virtual && $product->condition}

{*<p id="product_condition">

<label>{l s='Condition:'} </label>

{if $product->condition == 'new'}

<span class="editable">{l s='New product'}</span>

{elseif $product->condition == 'used'}

{elseif $product->condition == 'refurbished'}

<span class="editable">{l s='Refurbished'}</span>

{/if} *}

</p>

{/if}

{if $product->description_short || $packItems|@count > 0}

{if $product->description_short}

<div id="short_description_content" class="rte align_justify" itemprop="description">{$product->description_short}</div>

{/if}

{if $product->description}

{l s='More details'}

</a>

</p>

{/if}

<!--{if $packItems|@count > 0}

<h3>{l s='Pack content'}</h3>

{foreach from=$packItems item=packItem}

{$packItem.pack_quantity} x <a href="{$link->getProductLink($packItem.id_product, $packItem.link_rewrite, $packItem.category)|escape:'html':'UTF-8'}">{$packItem.name|escape:'html':'UTF-8'}</a>

<p>{$packItem.description_short}</p>

</div>

{/foreach}

</div>

{/if}-->

</div>

<div>

<p class="our_price_display" itemprop="offers" itemscope itemtype="https://schema.org/Offer">{strip}

{if $product->quantity > 0}<link itemprop="availability" href="https://schema.org/InStock"/>{/if}

{if $priceDisplay >= 0 && $priceDisplay <= 2}

<span id="our_price_display" class="price" itemprop="price" content="{$productPrice}">{convertPrice price=$productPrice|floatval}</span>

{if $tax_enabled && ((isset($display_tax_label) && $display_tax_label == 1) || !isset($display_tax_label))}

{if $priceDisplay == 1} {l s='tax excl.'}{else} {l s='tax incl.'}{/if}

{/if}

{hook h="displayProductPriceBlock" product=$product type="price"}

{/if}

{/strip}</p>

<p id="reduction_percent" {if $productPriceWithoutReduction <= 0 || !$product->specificPrice || $product->specificPrice.reduction_type != 'percentage'} style="display:none;"{/if}>{strip}

{if $product->specificPrice && $product->specificPrice.reduction_type == 'percentage'}-{$product->specificPrice.reduction*100}%{/if}

</span>

{/strip}</p>

<p id="reduction_amount" {if $productPriceWithoutReduction <= 0 || !$product->specificPrice || $product->specificPrice.reduction_type != 'amount' || $product->specificPrice.reduction|floatval ==0} style="display:none"{/if}>{strip}

{if $product->specificPrice && $product->specificPrice.reduction_type == 'amount' && $product->specificPrice.reduction|floatval !=0}

-{convertPrice price=$productPriceWithoutReduction|floatval-$productPrice|floatval}

{/if}

</span>

{/strip}</p>

<p id="old_price"{if (!$product->specificPrice || !$product->specificPrice.reduction)} class="hidden"{/if}>{strip}

{if $priceDisplay >= 0 && $priceDisplay <= 2}

{hook h="displayProductPriceBlock" product=$product type="old_price"}

<span id="old_price_display"><span class="price">{if $productPriceWithoutReduction > $productPrice}{convertPrice price=$productPriceWithoutReduction|floatval}{/if}</span>{if $productPriceWithoutReduction > $productPrice && $tax_enabled && $display_tax_label == 1} {if $priceDisplay == 1}{l s='tax excl.'}{else}{l s='tax incl.'}{/if}{/if}</span>

{/if}

{/strip}</p>

{if $priceDisplay == 2}

<br />

<span id="pretaxe_price">{strip}

<span id="pretaxe_price_display">{convertPrice price=$product->getPrice(false, $smarty.const.NULL)}</span> {l s='tax excl.'}

{/strip}</span>

{/if}

</div>

{/if}

{if ($display_qties == 1 && !$PS_CATALOG_MODE && $PS_STOCK_MANAGEMENT && $product->available_for_order)}

{*<p id="pQuantityAvailable"{if $product->quantity <= 0} style="display: none;"{/if}>

<span id="quantityAvailable">{$product->quantity|intval}</span>

<span {if $product->quantity > 1} style="display: none;"{/if} id="quantityAvailableTxt">{l s='Item'}</span>

<span {if $product->quantity == 1} style="display: none;"{/if} id="quantityAvailableTxtMultiple">{l s='Items'}</span>

</p>*}

{/if}

<!-- availability or doesntExist

<p id="availability_statut"{if !$PS_STOCK_MANAGEMENT || ($product->quantity <= 0 && !$product->available_later && $allow_oosp) || ($product->quantity > 0 && !$product->available_now) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>

{*<span id="availability_label">{l s='Availability:'}</span>*}

{*<span id="availability_value" class="label{if $product->quantity <= 0 && !$allow_oosp} label-danger{elseif $product->quantity <= 0} label-warning{else} label-success{/if}">{if $product->quantity <= 0}{if $PS_STOCK_MANAGEMENT && $allow_oosp}{$product->available_later}{else}{l s='This product is no longer in stock'}{/if}{elseif $PS_STOCK_MANAGEMENT}{$product->available_now}{/if}</span>*}

</p>

{if $PS_STOCK_MANAGEMENT}

{if !$product->is_virtual}{hook h="displayProductDeliveryTime" product=$product}{/if}

<p class="warning_inline" id="last_quantities"{if ($product->quantity > $last_qties || $product->quantity <= 0) || $allow_oosp || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none"{/if} >{l s='Warning: Last items in stock!'}</p>

{/if}

<p id="availability_date"{if ($product->quantity > 0) || !$product->available_for_order || $PS_CATALOG_MODE || !isset($product->available_date) || $product->available_date < $smarty.now|date_format:'%Y-%m-%d'} style="display: none;"{/if}>

<span id="availability_date_label">{l s='Availability date:'}</span>

<span id="availability_date_value">{if Validate::isDate($product->available_date)}{dateFormat date=$product->available_date full=false}{/if}</span>

</p>-->

<div id="oosHook"{if $product->quantity > 0} style="display: none;"{/if}>

{$HOOK_PRODUCT_OOS}

</div>

{if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}

{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}

{* {if !$content_only}

{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}

{l s='Print'}

</a>

</li>

</ul>

{/if} *}

</div>

{if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}

<form id="buy_block"{if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0} class="hidden"{/if} action="{$link->getPageLink('cart')|escape:'html':'UTF-8'}" method="post">

<input type="hidden" name="id_product" value="{$product->id|intval}" id="product_page_product_id" />

</p>

{if $product->show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}

{if $packItems|@count && $productPrice < $product->getNoPackPrice()}

<p class="pack_price">{l s='Instead of'} <span style="text-decoration: line-through;">{convertPrice price=$product->getNoPackPrice()}</span></p>

{/if}

{if $product->ecotax != 0}

<p class="price-ecotax">{l s='Including'} <span id="ecotax_price_display">{if $priceDisplay == 2}{$ecotax_tax_exc|convertAndFormatPrice}{else}{$ecotax_tax_inc|convertAndFormatPrice}{/if}</span> {l s='for ecotax'}

{if $product->specificPrice && $product->specificPrice.reduction}

<br />{l s='(not impacted by the discount)'}

{/if}

</p>

{/if}

{if !empty($product->unity) && $product->unit_price_ratio > 0.000000}

{math equation="pprice / punit_price" pprice=$productPrice punit_price=$product->unit_price_ratio assign=unit_price}

<p class="unit-price"><span id="unit_price_display">{convertPrice price=$unit_price}</span> {l s='per'} {$product->unity|escape:'html':'UTF-8'}</p>

{hook h="displayProductPriceBlock" product=$product type="unit_price"}

{/if}

{/if} {*close if for show price*}

{hook h="displayProductPriceBlock" product=$product type="weight" hook_origin='product_sheet'}

{hook h="displayProductPriceBlock" product=$product type="after_price"}

</div>

{* {if !$PS_CATALOG_MODE}

<p id="quantity_wanted_p"{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>

<label for="quantity_wanted">{l s='Quantity'}</label>

<input type="number" min="1" name="qty" id="quantity_wanted" class="text" value="{if isset($quantityBackup)}{$quantityBackup|intval}{else}{if $product->minimal_quantity > 1}{$product->minimal_quantity}{else}1{/if}{/if}" />

</a>

</a>

</p>

{/if} *}

<p id="minimal_quantity_wanted_p"{if $product->minimal_quantity <= 1 || !$product->available_for_order || $PS_CATALOG_MODE} style="display: none;"{/if}>

{l s='The minimum purchase order quantity for the product is'} <b id="minimal_quantity_label">{$product->minimal_quantity}</b>

</p>

{if isset($groups)}

{foreach from=$groups key=id_attribute_group item=group}

{if $group.attributes|@count}

<label class="attribute_label" {if $group.group_type != 'color' && $group.group_type != 'radio'}for="group_{$id_attribute_group|intval}"{/if}>{$group.name|escape:'html':'UTF-8'} </label>

{assign var="groupName" value="group_$id_attribute_group"}

{if ($group.group_type == 'select')}

{foreach from=$group.attributes key=id_attribute item=group_attribute}

<option value="{$id_attribute|intval}"{if (isset($smarty.get.$groupName) && $smarty.get.$groupName|intval == $id_attribute) || $group.default == $id_attribute} selected="selected"{/if} title="{$group_attribute|escape:'html':'UTF-8'}">{$group_attribute|escape:'html':'UTF-8'}</option>

{/foreach}

</select>

{elseif ($group.group_type == 'color')}

{assign var="default_colorpicker" value=""}

{foreach from=$group.attributes key=id_attribute item=group_attribute}

{assign var='img_color_exists' value=file_exists($col_img_dir|cat:$id_attribute|cat:'.jpg')}

<li{if $group.default == $id_attribute} class="selected"{/if}>

<a href="{$link->getProductLink($product)|escape:'html':'UTF-8'}" id="color_{$id_attribute|intval}" name="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" class="color_pick{if ($group.default == $id_attribute)} selected{/if}"{if !$img_color_exists && isset($colors.$id_attribute.value) && $colors.$id_attribute.value} style="background:{$colors.$id_attribute.value|escape:'html':'UTF-8'};"{/if} title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}">

{if $img_color_exists}

{/if}

</a>

</li>

{if ($group.default == $id_attribute)}

{$default_colorpicker = $id_attribute}

{/if}

{/foreach}

</ul>

{elseif ($group.group_type == 'radio')}

<ul>

{foreach from=$group.attributes key=id_attribute item=group_attribute}

<li>

<span>{$group_attribute|escape:'html':'UTF-8'}</span>

</li>

{/foreach}

</ul>

{/if}

</div>

</fieldset>

{/if}

{/foreach}

</div>

{/if}

</div>

<div{if (!$allow_oosp && $product->quantity <= 0) || !$product->available_for_order || (isset($restricted_country_mode) && $restricted_country_mode) || $PS_CATALOG_MODE} class="unvisible"{/if}>

<span>{if $content_only && (isset($product->customization_required) && $product->customization_required)}{l s='Customize'}{else}{l s='Add to cart'}{/if}</span>

</button>

</p>

</div>

</div>

</div>

</form>

{/if}

</div>

</div>

{if !$content_only}

{if (isset($quantity_discounts) && count($quantity_discounts) > 0)}

<h3 class="page-product-heading">{l s='Volume discounts'}</h3>

<thead>

<tr>

<th>{l s='Quantity'}</th>

<th>{if $display_discount_price}{l s='Price'}{else}{l s='Discount'}{/if}</th>

</tr>

</thead>

<tbody>

{foreach from=$quantity_discounts item='quantity_discount' name='quantity_discounts'}

<td>

{$quantity_discount.quantity|intval}

</td>

<td>

{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}

{if $display_discount_price}

{if $quantity_discount.reduction_tax == 0 && !$quantity_discount.price}

{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction_with_tax)|floatval}

{else}

{convertPrice price=$productPriceWithoutReduction|floatval-$quantity_discount.real_value|floatval}

{/if}

{else}

{convertPrice price=$quantity_discount.real_value|floatval}

{/if}

{else}

{if $display_discount_price}

{if $quantity_discount.reduction_tax == 0}

{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction_with_tax)|floatval}

{else}

{convertPrice price = $productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction)|floatval}

{/if}

{else}

{$quantity_discount.real_value|floatval}%

{/if}

</td>

<td>

{if $quantity_discount.price >= 0 || $quantity_discount.reduction_type == 'amount'}

{$discountPrice=$productPriceWithoutReduction|floatval-$quantity_discount.real_value|floatval}

{else}

{$discountPrice=$productPriceWithoutReduction|floatval-($productPriceWithoutReduction*$quantity_discount.reduction)|floatval}

{/if}

{$discountPrice=$discountPrice * $quantity_discount.quantity}

{$qtyProductPrice=$productPriceWithoutReduction|floatval * $quantity_discount.quantity}

{convertPrice price=$qtyProductPrice - $discountPrice}

</td>

</tr>

{/foreach}

</tbody>

</table>

</div>

</section>

{/if}

{if isset($features) && $features}

<h3 class="page-product-heading">{l s='Data sheet'}</h3>

{foreach from=$features item=feature}

{if isset($feature.value)}

<td>{$feature.name|escape:'html':'UTF-8'}</td>

<td>{$feature.value|escape:'html':'UTF-8'}</td>

{/if}

</tr>

{/foreach}

</table>

</section>

{/if}

{if isset($product) && $product->description}

<div>

<div class="rte">{$product->description}</div>

</section>

</div>

{/if}

{if isset($packItems) && $packItems|@count > 0}

<h3 class="page-product-heading">{l s='Pack content'}</h3>

{include file="$tpl_dir./product-list.tpl" products=$packItems}

</section>

{/if}

{$HOOK_PRODUCT_TAB}

{if isset($HOOK_PRODUCT_TAB_CONTENT) && $HOOK_PRODUCT_TAB_CONTENT}{$HOOK_PRODUCT_TAB_CONTENT}{/if}

</section>

</div>

{if isset($accessories) && $accessories}

<h3 class="page-product-heading">{l s='Accessories'}</h3>

{foreach from=$accessories item=accessory name=accessories_list}

{if ($accessory.allow_oosp || $accessory.quantity_all_versions > 0 || $accessory.quantity > 0) && $accessory.available_for_order && !isset($restricted_country_mode)}

{assign var='accessoryLink' value=$link->getProductLink($accessory.id_product, $accessory.link_rewrite, $accessory.category)}

<img class="lazyOwl" src="{$link->getImageLink($accessory.link_rewrite, $accessory.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{$accessory.legend|escape:'html':'UTF-8'}" width="{$homeSize.width}" height="{$homeSize.height}"/>

</a>

{$accessory.description_short|strip_tags|truncate:25:'...'}

</a>

</div>

{$accessory.name|truncate:20:'...':true|escape:'html':'UTF-8'}

</a>

</h5>

{if $accessory.show_price && !isset($restricted_country_mode) && !$PS_CATALOG_MODE}

{if $priceDisplay != 1}

{displayWtPrice p=$accessory.price}

{else}

{displayWtPrice p=$accessory.price_tax_exc}

{/if}

{hook h="displayProductPriceBlock" product=$accessory type="price"}

</span>

{/if}

{hook h="displayProductPriceBlock" product=$accessory type="after_price"}

</div>

{if !$PS_CATALOG_MODE && ($accessory.allow_oosp || $accessory.quantity > 0) && isset($add_prod_display) && $add_prod_display == 1}

<a class="exclusive button ajax_add_to_cart_button" href="{$link->getPageLink('cart', true, NULL, "qty=1&id_product={$accessory.id_product|intval}&token={$static_token}&add")|escape:'html':'UTF-8'}" data-id-product="{$accessory.id_product|intval}" title="{l s='Add to cart'}">

</a>

</div>

{/if}

</div>

</li>

{/if}

{/foreach}

</ul>

</div>

</section>

{/if}

{if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}

{if (isset($product) && $product->description) || (isset($features) && $features) || (isset($accessories) && $accessories) || (isset($HOOK_PRODUCT_TAB) && $HOOK_PRODUCT_TAB) || (isset($attachments) && $attachments) || isset($product) && $product->customizable}

{if isset($attachments) && $attachments}

<h3 class="page-product-heading">{l s='Download'}</h3>

{foreach from=$attachments item=attachment name=attachements}

{if $smarty.foreach.attachements.iteration %3 == 1}<div class="row">{/if}

<h4><a href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">{$attachment.name|escape:'html':'UTF-8'}</a></h4>

<p class="text-muted">{$attachment.description|escape:'html':'UTF-8'}</p>

<a class="btn btn-default btn-block" href="{$link->getPageLink('attachment', true, NULL, "id_attachment={$attachment.id_attachment}")|escape:'html':'UTF-8'}">

{l s="Download"} ({Tools::formatBytes($attachment.file_size, 2)})

</a>

<hr />

</div>

{if $smarty.foreach.attachements.iteration %3 == 0 || $smarty.foreach.attachements.last}</div>{/if}

{/foreach}

</section>

{/if}

{if isset($product) && $product->customizable}

<h3 class="page-product-heading">{l s='Product customization'}</h3>

{l s='After saving your customized product, remember to add it to your cart.'}

{if $product->uploadable_files}

<br />

{l s='Allowed file formats are: GIF, JPG, PNG'}{/if}

</p>

{if $product->uploadable_files|intval}

<h5 class="product-heading-h5">{l s='Pictures'}</h5>

{counter start=0 assign='customizationField'}

{foreach from=$customizationFields item='field' name='customizationFields'}

{if $field.type == 0}

<li class="customizationUploadLine{if $field.required} required{/if}">{assign var='key' value='pictures_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

{if isset($pictures.$key)}

<a href="{$link->getProductDeletePictureLink($product, $field.id_customization_field)|escape:'html':'UTF-8'}" title="{l s='Delete'}" >

</a>

</div>

{/if}

{if !empty($field.name)}

{$field.name}

{else}

{l s='Please select an image file from your computer'}

{/if}

{if $field.required}<sup>*</sup>{/if}

</label>

</div>

</li>

{counter}

{/if}

{/foreach}

</ul>

</div>

{/if}

{if $product->text_fields|intval}

{counter start=0 assign='customizationField'}

{foreach from=$customizationFields item='field' name='customizationFields'}

{if $field.type == 1}

{assign var='key' value='textFields_'|cat:$product->id|cat:'_'|cat:$field.id_customization_field}

{if !empty($field.name)}

{$field.name}

{/if}

{if $field.required}<sup>*</sup>{/if}

</label>

<textarea name="textField{$field.id_customization_field}" class="form-control customization_block_input" id="textField{$customizationField}" rows="3" cols="20">{strip}

{if isset($textFields.$key)}

{$textFields.$key|stripslashes}

{/if}

{/strip}</textarea>

</li>

{counter}

{/if}

{/foreach}

</ul>

</div>

{/if}

</button>

</span>

</p>

</form>

<p class="clear required"><sup>*</sup> {l s='required fields'}</p>

</section>

{/if}

</div>

{strip}

{if isset($smarty.get.ad) && $smarty.get.ad}

{addJsDefL name=ad}{$base_dir|cat:$smarty.get.ad|escape:'html':'UTF-8'}{/addJsDefL}

{/if}

{if isset($smarty.get.adtoken) && $smarty.get.adtoken}

{addJsDefL name=adtoken}{$smarty.get.adtoken|escape:'html':'UTF-8'}{/addJsDefL}

{/if}

{addJsDef allowBuyWhenOutOfStock=$allow_oosp|boolval}

{addJsDef availableNowValue=$product->available_now|escape:'quotes':'UTF-8'}

{addJsDef availableLaterValue=$product->available_later|escape:'quotes':'UTF-8'}

{addJsDef attribute_anchor_separator=$attribute_anchor_separator|escape:'quotes':'UTF-8'}

{addJsDef attributesCombinations=$attributesCombinations}

{addJsDef currentDate=$smarty.now|date_format:'%Y-%m-%d %H:%M:%S'}

{if isset($combinations) && $combinations}

{addJsDef combinations=$combinations}

{addJsDef combinationsFromController=$combinations}

{addJsDef displayDiscountPrice=$display_discount_price}

{addJsDefL name='upToTxt'}{l s='Up to' js=1}{/addJsDefL}

{/if}

{if isset($combinationImages) && $combinationImages}

{addJsDef combinationImages=$combinationImages}

{/if}

{addJsDef customizationId=$id_customization}

{addJsDef customizationFields=$customizationFields}

{addJsDef default_eco_tax=$product->ecotax|floatval}

{addJsDef displayPrice=$priceDisplay|intval}

{addJsDef ecotaxTax_rate=$ecotaxTax_rate|floatval}

{if isset($cover.id_image_only)}

{addJsDef idDefaultImage=$cover.id_image_only|intval}

{else}

{addJsDef idDefaultImage=0}

{/if}

{addJsDef img_ps_dir=$img_ps_dir}

{addJsDef img_prod_dir=$img_prod_dir}

{addJsDef id_product=$product->id|intval}

{addJsDef jqZoomEnabled=$jqZoomEnabled|boolval}

{addJsDef maxQuantityToAllowDisplayOfLastQuantityMessage=$last_qties|intval}

{addJsDef minimalQuantity=$product->minimal_quantity|intval}

{addJsDef noTaxForThisProduct=$no_tax|boolval}

{if isset($customer_group_without_tax)}

{addJsDef customerGroupWithoutTax=$customer_group_without_tax|boolval}

{else}

{addJsDef customerGroupWithoutTax=false}

{/if}

{if isset($group_reduction)}

{addJsDef groupReduction=$group_reduction|floatval}

{else}

{addJsDef groupReduction=false}

{/if}

{addJsDef oosHookJsCodeFunctions=Array()}

{addJsDef productHasAttributes=isset($groups)|boolval}

{addJsDef productPriceTaxExcluded=($product->getPriceWithoutReduct(true)|default:'null' - $product->ecotax)|floatval}

{addJsDef productPriceTaxIncluded=($product->getPriceWithoutReduct(false)|default:'null' - $product->ecotax * (1 + $ecotaxTax_rate / 100))|floatval}

{addJsDef productBasePriceTaxExcluded=($product->getPrice(false, null, 6, null, false, false) - $product->ecotax)|floatval}

{addJsDef productBasePriceTaxExcl=($product->getPrice(false, null, 6, null, false, false)|floatval)}

{addJsDef productBasePriceTaxIncl=($product->getPrice(true, null, 6, null, false, false)|floatval)}

{addJsDef productReference=$product->reference|escape:'html':'UTF-8'}

{addJsDef productAvailableForOrder=$product->available_for_order|boolval}

{addJsDef productPriceWithoutReduction=$productPriceWithoutReduction|floatval}

{addJsDef productPrice=$productPrice|floatval}

{addJsDef productUnitPriceRatio=$product->unit_price_ratio|floatval}

{addJsDef productShowPrice=(!$PS_CATALOG_MODE && $product->show_price)|boolval}

{addJsDef PS_CATALOG_MODE=$PS_CATALOG_MODE}

{if $product->specificPrice && $product->specificPrice|@count}

{addJsDef product_specific_price=$product->specificPrice}

{else}

{addJsDef product_specific_price=array()}

{/if}

{if $display_qties == 1 && $product->quantity}

{addJsDef quantityAvailable=$product->quantity}

{else}

{addJsDef quantityAvailable=0}

{/if}

{addJsDef quantitiesDisplayAllowed=$display_qties|boolval}

{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'percentage'}

{addJsDef reduction_percent=$product->specificPrice.reduction*100|floatval}

{else}

{addJsDef reduction_percent=0}

{/if}

{if $product->specificPrice && $product->specificPrice.reduction && $product->specificPrice.reduction_type == 'amount'}

{addJsDef reduction_price=$product->specificPrice.reduction|floatval}

{else}

{addJsDef reduction_price=0}

{/if}

{if $product->specificPrice && $product->specificPrice.price}

{addJsDef specific_price=$product->specificPrice.price|floatval}

{else}

{addJsDef specific_price=0}

{/if}

{addJsDef specific_currency=($product->specificPrice && $product->specificPrice.id_currency)|boolval} {* TODO: remove if always false *}

{addJsDef stock_management=$PS_STOCK_MANAGEMENT|intval}

{addJsDef taxRate=$tax_rate|floatval}

{addJsDefL name=doesntExist}{l s='This combination does not exist for this product. Please select another combination.' js=1}{/addJsDefL}

{addJsDefL name=doesntExistNoMore}{l s='This product is no longer in stock' js=1}{/addJsDefL}

{addJsDefL name=doesntExistNoMoreBut}{l s='with those attributes but is available with others.' js=1}{/addJsDefL}

{addJsDefL name=fieldRequired}{l s='Please fill in all the required fields before saving your customization.' js=1}{/addJsDefL}

{addJsDefL name=uploading_in_progress}{l s='Uploading in progress, please be patient.' js=1}{/addJsDefL}

{addJsDefL name='product_fileDefaultHtml'}{l s='No file selected' js=1}{/addJsDefL}

{addJsDefL name='product_fileButtonHtml'}{l s='Choose File' js=1}{/addJsDefL}

{/strip}

{/if}

Simonas Invertus · May 31, 2016

Sorry it seems that social sharing and add to whishlist comes from hook so there is nothing in this code that can be changed.

dsaura · May 31, 2016

That's what I thought.

Where do you think that this must be changed?

Simonas Invertus · May 31, 2016

Social networking block module and/or wishlist block module template files.

dsaura · May 31, 2016

Maybe I can combine both?

dsaura · May 31, 2016

No way. I don't know how to do that! I'm frustrated!

Simonas Invertus · June 1, 2016

social networking template can be found in [yourshop]/modules/socialsharing/views/templates/hook

There is a limit to the help you can get in the forum. Please hire developer who could access the code and make the changes you want.

Product tpl modifications

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

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