Hello Magento Friends,
It’s an interesting topic for the day. How to Get Logo URL, Alt Text, Logo Size in Magento 2.
The logo is the identity of your brand. When you apply the logo to your store you need to determine information like Logo Size, Logo URL, and Alt Text. These details are totally important to increase your brand uniqueness and also your SEO rankings.
Logo URL refers to the link the user is redirected to when he/she clicks on the logo. Logo size refers to the height and width of the logo image. Alt Text refers to the unique content on the logo. You need these three elements for your brand – a relevant logo URL, a unique alt text, and perfect logo size.
Let’s see the steps on How to Get Logo URL, Alt Text, Logo Size in Magento 2.
Steps to Get Logo URL, Alt Text, Logo Size in Magento 2:
Step 1: Use the below code in your block class
app\code\Vendor\Extension\Block\Logo.php
<?php namespace Vendor\Extension\Block; class Logo extends \Magento\Framework\View\Element\Template { protected $_logo; protected $_template = “logo.phtml”; public function __construct( \Magento\Backend\Block\Template\Context $context, \Magento\Theme\Block\Html\Header\Logo $logo, array $data = [] ) { $this->_logo = $logo; parent::__construct($context, $data); } //Get logo image URL public function getLogoSrc() { return $this->_logo->getLogoSrc(); } //Get logo text public function getLogoAlt() { return $this->_logo->getLogoAlt(); } //Get logo width public function getLogoWidth() { return $this->_logo->getLogoWidth(); } //Get logo height public function getLogoHeight() { return $this->_logo->getLogoHeight(); } } ?>
Step 2: Call function in template (.phtml) file at the below path
app\code\Vendor\Extension\view\frontend\templates\ logo.phtml
<?php echo $block->getLogoSrc() . '<br />'; echo $block->getLogoAlt() . '<br />'; echo $block->getLogoWidth() . '<br />'; echo $block->getLogoHeight() . '<br />'; ?>
Conclusion:
This way you can Get Logo URL, Alt Text, Logo Size in Magento 2. You can even change the logo in Magento 2. If you have any issues let me know through the comment section. Share the article with your friends and colleagues. Stay tuned for more.
Happy Coding!