Calling Developers!
We are reenergizing our code contribution process! Learn More

Merchant portal logo update

vikram.bishnoi Spryker Solution Partner Posts: 14 🧑🏻‍🚀 - Cadet

Hi Experts,

Can someone please guide how we can change the logo for merchant portal?

Also, we are using multistore setup where there are separate merchant portals for the stores. We want to have different logo for each merchant portal.


Best Answer

  • Hidran Arias
    Hidran Arias Senior Technical Trainer Sprykee Posts: 73 🏛 - Council (mod)
    Answer ✓

    As @James Hooper stated, you can follow that course to learn how to override twig template files from core modules.

    On this page,

    you can learn how to override core module files, for example, the ZedUi/Presentation/Layout/merchant-layout-main.twig and vendor/spryker/zed-ui/src/Spryker/Zed/ZedUi/Presentation/Components/styles.less

    Create the same structure at project level (src/Pyz/ZedUi) and then you can customize the css in styles.less file and override spy-logo spy-logo--full class.

    run npm run mp:build after modifying css and javascript stuff.

    For dynamically changing the logo according to business logic, you could condition the
    {% block logo %}
    <web-spy-logo cloak logo></web-spy-logo>

    {% endblock %}

    block inside the merchant-layout-main.twig , at project level, according to the store being used