Add Brand Logo beside Product Images in Product List (Categories, Homepage modules, etc.) PS 8.0.x

[Jontee]

Hi,

Do anyone know of a simple and elegante code to add the brand logos (images) beside the product images in product list, for example on category pages, homepage modules (popular product, bestsellers etc.).?

I am running Prestashop 8.0.x

Many thanks in advance.

Have a great weekend.

Best regards,

[ps8modules.com]

Hi.

Just modify one file. (prestashop 8.x)

./themes/your_theme/templates/catalog/_partials/miniatures/product.tpl

add after:

{hook h='displayProductPriceBlock' product=$product type="before_price"}

 

small code:

{block name='brand_miniature_item'}
                {if $product.id_manufacturer}
       
                    <div class="brand-img">
                      <a href="{$link->getmanufacturerLink($product.id_manufacturer)}">
                        <img 
                          src="/img/m/{$product.id_manufacturer}-small_default.jpg" 
                          alt="{$product.manufacturer_name}" 
                          title="{$product.manufacturer_name}" 
                          loading="lazy"
                        >
                      </a>
                    </div>
                 
                {/if}
              {/block}

 

result:

Edited June 13, 2023 by ps8moduly.cz
Remove li tag (see edit history)

[Jontee]

Hi!

MANY THANKS for this one!

Unfortunately it doesn't seem to be working as expected, the brand logo is overlapped at the bottom and the price won't show as well. Also, there appears a "dot" under the product title.

Do you have any idea to resolve this?

Should the "block" be inside of the price block, or maybe before?

Thanks again, appreciate it.

Best regards,

[Jontee]

Forgot to mention, this is for the regular Classic theme.

Best regards,

[Jontee]

@ps8moduly.cz Did you get the result as you attached in Prestashop 8.0.4?  I don't know what I did wrong, it seems the div container height for the product item isn't high enough? Also, the <li> seems to be making the dot.

Thanks in advance.

Best regards,

[ps8modules.com]

Hi.

You can remove the li tag in the code.

[Jontee]

Hi, thanks!

Now I know why the thumbail-container was set for a specific height (358px), it was because of the old module "Legal Compliance" still being active in my shop. So I disabled it and everything is working like a charm now.  Many thanks.

https://github.com/PrestaShop/PrestaShop/issues/26794

[ps8modules.com]

I gladly helped 🤪

[Jontee]

Many MANY thanks, it works great now!

Have a nice day.

Best regards,

[Jontee]

Hi!

I am expanding this topic to also include adding the brand logo (manfacturer image) to the product page itself, do you have any idea how to do that @ps8moduly.cz ?  For example, above the product title, or below it, or similar.

Thanks again.

Best regards,

[Jontee]

Okay, so I opened up /themes/classic/templates/catalog/product.tpl and added this:

{block name='brand_productpage'}
    {if $product.id_manufacturer}
        <div class="brand-productpage" style="margin-bottom:6px;">
            <a href="{$link->getmanufacturerLink($product.id_manufacturer)}" title="{$product.manufacturer_name|escape:html:'UTF-8'}">
                <img
                src="/img/m/{$product.id_manufacturer}-small_default.jpg"
                alt="{$product.manufacturer_name|escape:html:'UTF-8'}"
                loading="lazy"
                >
            </a>
        </div>
    {/if}
{/block}

BELOW this:

{block name='page_header_container'}

..and it seems to be working fine.

Do the block name has to refer to an actual "name" within Prestashop, or can I just use "brand_productpage" as I have done?

Thanks in advance,

Best regards,