Merchant portal logo update
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.
Thanks
Best 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
vendor/spryker/zed-ui/src/Spryker/Zed/ZedUi/Presentation/Components/styles.less
TL;DR
Create the same structure at project level (src/Pyz/ZedUi) and then you can customize the css in styles.less file and overridespy-logo spy-logo--ful
l 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 themerchant-layout-main.twig
, at project level, according to the store being used1
Answers
-
Hey @vikram.bishnoi ,
Thanks for the question.
I am not sure if you are aware, we have a course for front end development that may contain that piece of information, it guides you through themes and other front end elements of Spryker.@Hidran Arias maybe you have more information here?
0 -
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
vendor/spryker/zed-ui/src/Spryker/Zed/ZedUi/Presentation/Components/styles.less
TL;DR
Create the same structure at project level (src/Pyz/ZedUi) and then you can customize the css in styles.less file and overridespy-logo spy-logo--ful
l 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 themerchant-layout-main.twig
, at project level, according to the store being used1
Categories
- All Categories
- 42 Getting Started & Guidelines
- 7 Getting Started in the Community
- 8 Additional Resources
- 7 Community Ideas and Feedback
- 69 Spryker News
- 896 Developer Corner
- 758 Spryker Development
- 83 Spryker Dev Environment
- 361 Spryker Releases
- 3 Oryx frontend framework
- 34 Propel ORM
- 68 Community Projects
- 3 Community Ideation Board
- 30 Hackathon
- 3 PHP Bridge
- 6 Gacela Project
- 23 Job Opportunities
- 3.2K ๐ Slack Archives
- 116 Academy
- 5 Business Users
- 370 Docker
- 551 Slack General
- 2K Help
- 75 Knowledge Sharing
- 6 Random Stuff
- 4 Code Testing
- 32 Product & Business Questions
- 68 Spryker Safari Questions
- 50 Random