Add a non-structured component in the template

iritwein · ‎12-07-2022

Hi every one,
How can I add a non-structured component in the shopify theme i choose,

I need to add a phone number in the top of the website and it has to be prominent.
thank a lot
Irit

GemPages · ‎12-07-2022

You can follow these steps:
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code after <body>

 <div class="gp-custom-phone">
      <a href="tel:0987654321">My Phone 0987654321</a>
    </div>
    <style>
      .gp-custom-phone {
          background: #ff0000;
          text-align: center;
      }
      
      .gp-custom-phone a {
          color: #fff;
          text-decoration: none;
          font-size: 20px;
          font-weight: bold;
      }
    </style>

Result like this

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Add a non-structured component in the template

Add a non-structured component in the template

GemPages - Build any high-converting store pages for any business

Community Blog Articles