How To

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!

Click to rate this post!
[Total: 3 Average: 4.7]
Dhiren Vasoya

Dhiren Vasoya is a Director and Co-founder at MageComp, Passionate ?️ Certified Magento Developer?‍?. He has more than 9 years of experience in Magento Development and completed 850+ projects to solve the most important E-commerce challenges. He is fond❤️ of coding and if he is not busy developing then you can find him at the cricket ground, hitting boundaries.?

Recent Posts

Generating Thumbnails with Spatie Media Library in Laravel 11: A Step-by-Step Guide

Generating image thumbnails is a common requirement in web applications, especially when handling media-heavy content.…

16 hours ago

Enhancing Web Application Security with Laravel’s Built-In Features

In today’s digital landscape, web application security is paramount. As a powerful PHP framework, Laravel…

2 days ago

Magento 2 Extensions Digest October 2024 (New Release & Updates)

October was an exciting month for MageComp! From significant updates across our Magento 2 extension…

2 days ago

Improving Error Handling and Transition Management in Remix with useRouteError and useViewTransitionState

In modern web development, seamless navigation and state management are crucial for delivering a smooth…

1 week ago

Magento Open Source 2.4.8-Beta Release Notes

Magento Open Source 2.4.8 beta version released on October  8, 2024. The latest release of…

2 weeks ago

How to Create Catalog Price Rule in Magento 2 Programmatically?

Hello Magento Friends, Creating catalog price rules programmatically in Magento 2 can be a valuable…

2 weeks ago