How to Add Text or Banner on Header of Specific Pages or Products?

fawadzia
Tourist
7 0 2

How to Add Text or Banner on Header of Specific Pages or Products, Header and Footer are Hidden from Specific Pages, Products or Collection?

 

screenshot 16.jpg

Replies 5 (5)

Sweet_Savior_3
Shopify Partner
1158 94 112

Hello @fawadzia 

 

It is possible to show site elements for some specific pages and can be dynamic for you so you can adjust in future. But it will need code alter, so if you are not good with code I would recommend you to seek help of a developer to help setup the same at reasonable cost.

 

let me know if you need one.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

PageFly-Theodor
Globetrotter
556 73 85

Hi @fawadzia ,
This is Theodore from PageFly - Shopify Page Builder App.

 

There are two ways to add text/banners and hide headers/footers on specific Shopify pages/products:

  1. Theme Customization (code needed):

    • Edit theme code to hide header/footer sections conditionally (using code).
    • Insert HTML code for your text/banner where you want it.
  2. Shopify Apps (easier but might have costs):

    • Drag-and-drop interface to add text/banners.
    • Set rules for where they appear (specific pages/products/collections).
    • Some apps allow hiding headers/footers conditionally.


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

fawadzia
Tourist
7 0 2

Hi, Could you please let me know what code and where I have to put in the theme?

Sweet_Savior_3
Shopify Partner
1158 94 112
It needs to be coded in the theme using theme format. Will you be able to
manage it? If you are not an expert then it can break your theme.
Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

gr_trading
Shopify Partner
1747 142 183

Hi @fawadzia ,

 

You can use any section available at collection template. please refer the below screenshot.

 

gr_trading_0-1713870527017.png

 

Now use connect dynamic source to provide the value dynamically.

 

gr_trading_2-1713870636102.png

 

 

gr_trading_1-1713870619821.png

 

To use dynamic source you have to create metafield variables at collection level and assign the data in collection.

 

How to create metafield and assign values into it please refer the below video.

 

For any custom development WhatsApp or connect at Email ID: gr.trading15@gmail.com for quick consultation. | Shopify Free codes
To support Buy Me a Coffee