What's your biggest current challenge? Have your say in Community Polls along the right column.

Add a non-structured component in the template

Add a non-structured component in the template

iritwein
Visitor
1 0 0

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 

Reply 1 (1)

GemPages
Shopify Partner
5625 1262 1254

Hello @Renaye 

 

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

GemPages_0-1670403677412.png

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

GemPages_1-1670403722761.png

 

 <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 

GemPages_2-1670403774437.png

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