1 reply to this topic

[apps]

Hello, how to put ribbon like in this video with the new HTML BOX PRO module for Prestashop 1.7 please? https://www.youtube....h?v=Pq52Aw3le5M Regards,

[Milosz]

Hello
case is theme-related,
anyway, usually it is enough to add this code:

<div style="position:absolute; top:0px; right:0px;">{hook h='MyRibbon' product=$product}</div>

 
to file: 
themes/your-theme/templates/catalog/_partials/miniatures/product.tpl
 
add it after this code:

{block name='product_thumbnail'}
          {if $product.cover}
            <a href="{$product.url}" class="thumbnail product-thumbnail">
              <img
                src="{$product.cover.bySize.home_default.url}"
                alt="{if !empty($product.cover.legend)}{$product.cover.legend}{else}{$product.name|truncate:30:'...'}{/if}"
                loading="lazy"
                data-full-size-image-url="{$product.cover.large.url}"
                width="{$product.cover.bySize.home_default.width}"
                height="{$product.cover.bySize.home_default.height}"
              />
            </a>
          {else}
            <a href="{$product.url}" class="thumbnail product-thumbnail">
              <img
                src="{$urls.no_picture_image.bySize.home_default.url}"
                loading="lazy"
                width="{$urls.no_picture_image.bySize.home_default.width}"
                height="{$urls.no_picture_image.bySize.home_default.height}"
              />
            </a>
          {/if}
{/block}

 
 
as i mentioned - your theme may have a little different code, so exact position where it is required to add this code is theme-related.
anyway, once you will save your new code, you can go to html box pro and create custom hook "myRibbon", activate it and create custom blocks there, these blocks should appear as in guide - if not - it will be required to personalize css styles of theme (i can suggest changes but i need to see your website)