Site icon MageComp Blog

How to Get Logo URL, Alt Text, Logo Size in Magento 2

How to Get Logo URL Alt Text Logo Size in Magento 2

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!

Exit mobile version