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

How to Integrate ChatGPT with Laravel Application?

In this guide, we'll explore how to integrate ChatGPT, an AI-powered chatbot, with a Laravel…

19 hours ago

What are Net Sales? How to Calculate Your Net Sales?

In the world of business, understanding financial metrics is crucial for making informed decisions and…

3 days ago

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

Welcome to the MageComp Monthly Digest, where we bring you the latest updates, releases, and…

3 days ago

The ABCs of Geofencing: Definition, Features and Uses

In this era, businesses are always on the lookout for ways to engage with their…

4 days ago

How to Delete Product Variant in a Shopify Remix App using GraphQL Mutations?

Managing a Shopify store efficiently involves keeping your product catalog organized. This includes removing outdated…

5 days ago

6 Innovative Tools Revolutionizing E-Commerce Operations

E-commerce has transformed the way consumers shop for products and services and interact with businesses.…

7 days ago