Magento Expert Forum - Improve your Magento experience

Page 2 of 3 FirstFirst 123 LastLast
Results 21 to 40 of 45

How to change logo in magento?

  1. #21
    Expert
    Join Date
    Mar 2016
    Location
    india
    Posts
    570
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Hi,
    The easiest and fastest way to change all 3 default Magento logos is to replace the logos on your FTP server. To do that just login to your server using FTP and navigate to this folder: skin/frontend/default/YOURTHEME/images. There you find the following files:

    logo.gif
    logo_email.gif
    logo_print.gif

    But as you can see in the image below your theme can be build different from the Magento default theme. Here you see the FTP of my theme pt004. If you want to change the logo of that theme you should go to skin/frontend/pt004/default/images/ In your own theme it can be done differently, but the structure would be the same

    You can now replace the default logos by uploading your own logos with the same file names. (Do not forget to flush cache!) Done! Now you see your own company logo on all mentioned places. OK, so far so good.

    But what to do if you don't want to use a GIF but a PNG or JPG? No problem! You can easily define the the logos for each of the 3 logos in your Magento backend. Scroll down and I will show you.

    Name:  change-logo-ftp-1.jpg
Views: 3165
Size:  116.5 KB

    Change the default Magento GIF logo to your own PNG or JPG logo

    You need to login to your Magento Admin Panel. Than go to System > Configuration > Design > Header. There you can change the image name to what you want. See the image below.

    Name:  change-logo-ftp-2.jpg
Views: 3169
Size:  77.2 KB

    Here I explain the same as above but than in steps

    Change Header Logo

    * Upload your own logo with your to your server using FTP skin/frontend/default/YOURTHEME/, or skin/frontend/rwd/YOURTHEME/.
    * In your Magento backend navigate to: System > Configuration > Design > Header
    * In the Header section you find all settings for the logo.
    * In the field Logo Image Src you can now replace images/logo.gif with your own filename like images/mylogo.png.
    * You can also define the alt tag of your logo image in the field Logo Image Alt.

  2. #22
    Contributor
    Join Date
    Apr 2016
    Posts
    245
    Thanks
    0
    Thanked 0 Times in 0 Posts

  3. #23
    Junior Member
    Join Date
    Jan 2016
    Location
    Rajkot, Gujarat, India
    Posts
    20
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Hi,

    Following are some easy step to change header logo

    - Upload your logo with file name and extension
    - Go to System > Configuration > Design
    - in Magento store frontend you will see the setting for logo
    - replace your own logo at images/logo.gif
    - you can also define alter tag and title tag for your logo name

    Following are some easy step to follow for changes Email logo

    - go to System > Configuration > Design
    - in Transactional Emails section - you can find all setting for logo
    - upload your email logo here
    - you can also define alter tag and title tag for your logo name

    Thanks

  4. #24
    Junior Member alex118's Avatar
    Join Date
    Nov 2014
    Posts
    521
    Thanks
    55
    Thanked 57 Times in 49 Posts

    Default

    What's about Magento 2.0? Is it the same as Magento 1.6?

  5. #25
    Junior Member Magento Nguyen's Avatar
    Join Date
    Jun 2015
    Posts
    958
    Thanks
    0
    Thanked 13 Times in 13 Posts

    Default

    View more useful tutorial about Magento 2 at : Magento 2 tutorial

    Name:  qqqqqqqqqqqqqqqq.PNG
Views: 3077
Size:  172.0 KB

  6. #26
    Junior Member
    Join Date
    Aug 2016
    Location
    USA
    Posts
    52
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by shunavi View Post
    As you start to customize your newly installed Magento 1.6 webstore, you'll probably want to change the logo that displays in the top right section of the header on each page. This can be easily accomplished in the Magento 1.6 Admin Panel at any time.

    Uploading your logo to Magento



    In Magento 1.6, to change the logo you simply have to specify a new URL path to the logo. If you want to place the logo in the same folder as the default one, you'll have to use cPanel's File Manager or FTP. Each logo is relative to the template you are using. If you change the theme on your website, you'll have to upload the new image.

    While this may sound complicated, it keeps the files and folders of Magento organized.


    With your FTP program (in this example we'll use FileZilla), go to the root folder of Magento

    • Go to skin/frontend/default
    • From here you'll need to select the template you are using. Currently we're using the "modern" template so we'll click on that folder
    • Now, click on the images folder
    • Select the logo file, and upload the file


    Setting the path to the logo in Magento



    Now, that you have uploaded the image of your logo to Magento 1.6, we'll need to tell Magento where it is. Changing the file path or URL to your logo in Magento 1.6 is easily accomplished in the Magento Admin backend




    • Log into your Magento Admin Panel
    • Go to System ->> Configuration
    • Click on "Design" in the left side menu pane
    • Open the "Header" section
    • Change the file name in the "Logo Image Src" to the file name you just uplaoded. Leave theimages/prefix alone
    • Click "Save Config"



    Now, when you visit your website, your new logo should be displayed in the upper left of the header of the paghe

    BEFORE:


    AFTER:
    Appreciate This post.

  7. #27
    Junior Member
    Join Date
    Sep 2016
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Must helpful details. Thanks

  8. #28
    Expert
    Join Date
    Mar 2016
    Location
    india
    Posts
    570
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Hi,

    Basic knowledge about the default logos:

    At first you have to know that there is not only one logo to replace in your store. By default Magento makes use of these 3 logos:

    Default Magento Header Logo

    The logo in the header section of your store frontend
    Default location: skin/frontend/default/YOURTHEME/images/logo.gif

    Default Magento Email Logo

    The logo in all transactional emails
    Default location: skin/frontend/default/YOURTHEME/images/logo_email.gif

    Default Magento Print Logo

    The logo in all printable documents like invoices and packing slips
    Default location: skin/frontend/default/YOURTHEME/images/logo_print.gif
    How to replace all logos in your Magento store
    The easiest and fastest way to change all 3 default Magento logos is to replace the logos on your FTP server. To do that just login to your server using FTP and navigate to this folder: skin/frontend/default/YOURTHEME. There you find the following files:

    logo.gif
    logo_email.gif
    logo_print.gif

    You can now replace the default logos by uploading your own logos with the same file names. Done! Now you see your own company logo on all mentioned places. OK, so far so good. But what to do if you don’t want to use a GIF but a PNG ot JPG? No problem!
    You can easily define the the logos for each of the 3 logos in your Magento backend.

    Change Header Logo

    Upload your own logo with your custom filename and extension to your FTP serverskin/frontend/default/YOURTHEME.
    In your Magento backend navigate to: System > Configuration > Design
    In the Header section you find all settings for the logo in your Magento store frontend.
    In the field Logo Image Src you can now replace images/logo.gif with your own filename like images/mylogo.png.
    Furthermore you can also define the alt tag of your logo image in the field Logo Image Alt.

    Change Email Logo

    In your Magento backend navigate to: System > Configuration > Design
    In the Transactional Emails section you find all settings for the logo in your Magento Emails.
    Here you can easily upload your Email Logo in the field Logo Image.
    Furthermore you can also define the alt tag of your logo image in the field Logo Image Alt.

    Change Print Logo

    In your Magento backend navigate to: System > Configuration > Sales
    In the Invoice and Packing Slip Design section you find all settings for the logo in your printable documents.
    Here you can easily upload your Email Logo in the field Logo for PDF Print-outs (200×50) and Logo for HTML Print View.


    app\design\adminhtml\default\default\template\page .header.phtml

    <a href="<?php echo $this->getHomeLink() ?>"><img src="<?php echo
    $this->getSkinUrl('images/logo.gif') ?>" alt="<?php echo $this->__('Magento Logo') ?>"
    class="logo"/></a>

  9. #29
    New member
    Join Date
    Sep 2016
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Some extremely valid points about how to change logo in magento! I appreciate you penning this article

  10. #30
    Junior Member
    Join Date
    Dec 2016
    Posts
    77
    Thanks
    1
    Thanked 1 Time in 1 Post

    Default

    Good job, man.
    Keep sharing

  11. #31
    Junior Member
    Join Date
    May 2016
    Posts
    47
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hey dear thanks for this detailed information. I am biggner and this information a lot to me.

  12. #32
    Expert
    Join Date
    Mar 2016
    Location
    india
    Posts
    570
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Really thanks fort the kind of good information.

  13. #33
    New member
    Join Date
    Feb 2017
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Great. Thank you for sharing

  14. #34
    Junior Member Ryna Lagger's Avatar
    Join Date
    Mar 2016
    Posts
    242
    Thanks
    19
    Thanked 13 Times in 11 Posts

    Default

    The logo image resides in the following location on the server. Any image file with by that name and at that location is used as the theme logo.

    Path: app/design/frontend/[vendor]/[theme]/web/images/logo.svg

    If you don’t know the size of the logo, or any other image that is used in your theme, open the page in a browser, right-click the image, and inspect the element.

    In addition to the logo in the header, your logo also appears on email templates and on PDF invoices and other sales documents. The logos used for email templates and invoices have different size requirements, and must be uploaded separately

    How to upload frontend logo in Magento 2

    Magento 2.0

    On the Admin sidebar, click on Stores. Then under Settings, choose Configuration.

    In the panel on the left under General choose Design.

    If you have multiple stores or views, set Store View in the upper-left corner to the view where the configuration applies. Then, clear the checkbox after each field so new values can be entered.

    Expand the Header section. Then, do the following:

    Magento 2.1

    From Magento 2.1, this path was changed. It is located at Content > Configuration > Select your current theme > Header

    To upload a new logo, click on Choose File. Then, choose the file from your computer.

    Enter the Logo Image Width and Logo Image Height.

    In the Logo Image Alt field, enter the text that you want to appear when someone hovers over the image.

    When complete, click Save Config

    Ref: Magento 2 User Guide

    If you want to build and configure Homepage, Category page, Product page, CMS pages... straightly and visually at front-end without having to log in the admin back-end, let’s check Frontend Builder for Magento 2

  15. #35
    Junior Member
    Join Date
    Jan 2017
    Posts
    127
    Thanks
    1
    Thanked 4 Times in 4 Posts

    Default

    Thanks for the information.

  16. #36
    Junior Member ClickPoint's Avatar
    Join Date
    Mar 2016
    Location
    Bangalore, India
    Posts
    18
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thanks for sharing the steps for uploading the logo while development the website.

  17. #37
    Junior Member ClickPoint's Avatar
    Join Date
    Mar 2016
    Location
    Bangalore, India
    Posts
    18
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Is it the same process as Wordpress Development?

  18. #38
    Junior Member
    Join Date
    Jul 2017
    Location
    Delhi
    Posts
    68
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    Thats really a helpful post I came thorough . I will try this with my own web designing website.

  19. #39
    New member LanHuong6118's Avatar
    Join Date
    Oct 2017
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Really thanks fort the kind of good information.

  20. #40
    Junior Member aishwaryaV's Avatar
    Join Date
    Sep 2018
    Location
    Noida, India
    Posts
    31
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    You have to perform these basic steps to change logo in your Magento Store.

    1. Log into your Magento Admin Panel.
    2. Go to System ->> Configuration.
    3. Click on "Design" in the left side menu pane.
    4. Open the "Header" section.
    5. Change the file name in the "Logo Image Src" to the file name you just uplaoded. Leave the images/prefix alone.
    6. Click "Save Config"

    If you still face a issue while implementing the same, then you can go to this complete Magento tutorial here >> https://www.inmotionhosting.com/supp...ogo-in-magento

Page 2 of 3 FirstFirst 123 LastLast

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •