-->

Recommendations - PrestaShop

For Prestashop with a classic theme it is required to modify the following files inside the folder /prestashop/themes.

But first, please make a copy of each file before doing any modifications.

In Command Shell make a copy of the file as shown below:

$ cd /prestashop/themes/classic/templates/catalog
$ cp product.tpl product_original.tpl

📌 Note: Remember to change the hasid on all files.

Also, check the Prestashop cache settings in the admin to rebuild templates when they are modified. Once the template modifications are finished and the changes are rendered on the website, disable that option to optimise server resources.

For a website in production environment another option to make changes to the templates is by pressing the 'Delete Cache' button.

delete cache in Prestashop

The following file will place the recommendation widget at the bottom of the product page.

/prestashop/themes/classic/templates/catalog/product.tpl

At the end of this file insert the code for the doofinder recommendations.

   ...
    {block name='page_footer_container'}
      <footer class="page-footer">
        {block name='page_footer'}
          <!-- Footer content -->
        {/block}
      </footer>
    {/block}

    <!-- DOOFINDER CODE STARTS HERE -->
    <section class="featured-products clearfix">
      <h2 class="h2 products-section-title text-uppercase">
        Recommended for you:
      </h2>
      <script src="//cdn.doofinder.com/word2vec/js/doofinderRecommendation.min.js"></script>
      <df-recommendations hashid="{{hashid}}" total-products="10"></df-recommendations>
    </section>
    <!-- DOOFINDER CODE ENDS HERE -->

  </section>
{/block}

The following file will override the default Prestashop recommendations block in the home page.

/prestashop/themes/classic/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl

You need to remove the entire prestashop script and replace it with the code from the doofinder recommendation script.

* @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 *}

 <!-- DOOFINDER CODE STARTS HERE -->
<section class="featured-products clearfix">
  <h2 class="h2 products-section-title text-uppercase">
    Recommended for you:
  </h2>
  <script src="//cdn.doofinder.com/word2vec/js/doofinderRecommendation.min.js"></script>
  <df-recommendations hashid="{{hashid}}" total-products="10"></df-recommendations>
</section>
<!-- DOOFINDER CODE ENDS HERE -->

The following file adds recommendations at the bottom of the homepage.

/prestashop/themes/classic/templates/index.tpl

Then, at the end of this file,insert the code for the doofinder recommendations.

* @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 *}
{extends file='page.tpl'}

    {block name='page_content_container'}
      <section id="content" class="page-home">
        {block name='page_content_top'}{/block}

        {block name='page_content'}
          {block name='hook_home'}
            {$HOOK_HOME nofilter}
          {/block}
        {/block}

        <!-- DOOFINDER CODE STARTS HERE -->
        <section class="featured-products clearfix">
          <h2 class="h2 products-section-title text-uppercase">
            Recommended for you:
          </h2>
          <script src="//cdn.doofinder.com/word2vec/js/doofinderRecommendation.min.js"></script>
          <df-recommendations hashid="{{hashid}}" total-products="10"></df-recommendations>
        </section>
        <!-- DOOFINDER CODE ENDS HERE -->

      </section>
    {/block}