If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

OpenCart 2.x. How to replace image logo with the text one

This tutorial will show you how to replace image logo with the text one in OpenCart 1.5 – 2.x templates.

OpenCart 2.x. How to replace image logo with the text one

For OpenCart 2.x templates

  1. Log into OpenCart Dashboard. Navigate to System > Settings. Click ‘Edit’ button:

    OpenCart 2_How_to_replace_image_logo_with_the_text_one_1

  2. Open ‘Store’ tab. Define your store name:

    OpenCart 2_How_to_replace_image_logo_with_the_text_one_2

  3. Open ‘Image’ tab. Remove the Store Logo. Save the changes:

    OpenCart 2_How_to_replace_image_logo_with_the_text_one_3

    Logo image has been successfully replaced with Store Name text:

    OpenCart 2_How_to_replace_image_logo_with_the_text_one_4

For OpenCart 1.5.x templates

  1. Open catalog/view/theme/themeXXX/template/common/header.tpl file (where XXX is the number of your theme):

    OpenCart 2_How_to_replace_image_logo_with_the_text_one_1

  2. Look for the code as follows (you can search with the key word Logo):

    <!-- Logo -->
    <?php if ($logo) { ?>
    <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
    <?php } ?>
  3. Replace it with:

    <!-- Logo -->
    <?php if ($logo) { ?>
    <div id="logo"><h1><a href="<?php echo $home; ?>"></a>Your Text In Here</h1></div>
    <?php } ?>

    where ‘Your Text In Here’ is your own Logo text.

  4. Save the file. Refresh your website to see the changes.

Feel free to check the detailed video tutorial below:

OpenCart 2.x. How to replace image logo with the text one