how to put a hook in a product.tpl file

[Tejo1]

Hi ,

I have to add a hook in a product.tpl file. 

Where do I place this hook? For me in the explanation it is not clear. Unfortunally I don't know much about script. I hope somebody can show me where I have to place this.

Thank you very much for your help.

Tejo

 

This is the hook placings explanation.

I have to add the 1. Add "Add to Favorites" button to Product Listing Page
Favorites module requires custom hooks to be present in your theme.

{hook h='displayFavButton' product_id=$product.id} - this hook used to display "Add to Favorites" button. Necessary location of this hook for Product Listing Pages is in the file:

YOUR_THEME/templates/catalog/_partials/miniatures/product.tpl

 

This is the product.tpl  file

{**
 * 2007-2017 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (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:
 * https://opensource.org/licenses/AFL-3.0
 * 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]>
 * @copyright 2007-2017 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}

{block name='product_miniature_item'}
  <article class="product-miniature js-product-miniature col-lg-{math equation = "12/{if isset($module_column)}{$module_column}{else}{if isset($SP_gridProduct)}{$SP_gridProduct}{else}3{/if}{/if}"} col-md-6 col-sm-6 col-xs-6" data-sp_gridproduct="{math equation = "12/{if isset($SP_gridProduct)}{$SP_gridProduct}{else}3{/if}"}" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
   <div class="product-container">
          <div class="left-block">
            <div class="product-image">
                {block name='product_thumbnail'}
                    <a href="{$product.url}" class="thumbnail product-thumbnail">
                        {if $product.cover.bySize.home_default.url}
                            <img class="img_1" src = "{$product.cover.bySize.home_default.url}" alt = "{$product.cover.legend}" data-full-size-image-url = "{$product.cover.large.url}">
                        {else}
                            {assign var="src" value={Context::getContext()->link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html':'UTF-8'}}
                            <img src="{$src|escape:'html':'UTF-8'}" alt="{$product.legend|escape:'html':'UTF-8'}"/>
                        {/if}
                        {hook h="displaySecondImage" id_product=$product.id_product link_rewrite=$product.link_rewrite}
                    </a>
                {/block}
                {block name='product_flags'}
                      <div class="product-flags">
                        {foreach from=$product.flags item=flag}
                            {if $flag.type !== 'discount'} 
                                <span class="sp-label {$flag.type}-label">{$flag.label}</span>
                            {/if}
                        {/foreach}
                        {if $product.discount_type === 'percentage'}
                            <span class="discount-percentage">{$product.discount_percentage}</span>
                        {/if}
                      </div>
                {/block}
                <div class="quick-view-wrapper">
                    {block name='quick_view'}
                        <a href="#" class="quick-view" data-link-action="quickview">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                        </a>
                    {/block}
                </div>
            </div>
        </div><!-- left-block-->
        <div class="product-info right-block">
            {block name='product_name'}
                <h5 class="product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></h5>
            {/block}
            {block name='product_reviews'}
                {hook h='displayProductListReviews' product=$product}
            {/block}
            {block name='product_availability'}
                {if $product.show_availability}
                    {* availability may take the values "available" or "unavailable" *}
                    <span class='product-availability {$product.availability}'>{$product.availability_message}</span>
                {/if}
            {/block}
              {block name='product_price_and_shipping'}
                {if $product.show_price}
                    <div class="product-price-and-shipping">
                      <span class="sr-only">{l s='Price' d='Shop.Theme.Catalog'}</span>
                      <span itemprop="price" class="price">{$product.price}</span>
                      {if $product.has_discount}
                        {hook h='displayProductPriceBlock' product=$product type="old_price"}
                        <span class="sr-only">{l s='Regular price' d='Shop.Theme.Catalog'}</span>
                        <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}
            {block name='product_variants'}
                {if $product.main_variants}
                    {include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
                {/if}
            {/block}
            {block name='product_description_short'}
                <div class="product-description-short" itemprop="description">{$product.description_short nofilter}</div>
            {/block}
                {block name='product_buy'}
                    <div class="cart_content">
                            <div class="product-list-actions">
                                <form action="{Context::getContext()->link->getPageLink('cart')}" method="post" class="add-to-cart-or-refresh">
                                         <input type="hidden" name="token" value="{Tools::getToken(false)}">
                                         <input type="hidden" name="id_product" value="{$product.id}" class="product_page_product_id">
                                         <input type="hidden" name="qty" value="1">
                                         <button class="btn btn-primary add-to-cart button-mobilelayout" data-button-action="add-to-cart" type="submit" {if $product.quantity < 1 || !$product.add_to_cart_url}disabled{/if}>
                                             <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                                             <span>{l s='Add to cart' d='Shop.Theme.Actions'}</span>
                                         </button>
                                        <a href="#" class="quick-view button-mobilelayout" data-link-action="quickview">
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>
                                </form>
                            </div>
                    </div>
                {/block}
        </div>
      </div>
  </article>
{/block}

[joseantgv]

It depends on the position where you want to display the button or whatever this module displays. So where you place this code, it will display the module output.

You can ask for help to the module developer.