[contact-form-7 id="24078" title="Feedback EN"]

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