All things Shopify and commerce
I would like to add an announcement bar so I can put text on top of the product description section and below the header. So in between the two. I only want to do this for one products product page. Can anyone assist? My theme is Craft. Thanks.
Solved! Go to the solution
This is an accepted solution.
Hi @dogand
You can do that by going to your Online store > Themes > Edit code > open theme.liquid file, find this line of code
{% sections 'header-group' %}
Add this code below this line of code above
{%- if product.id == your shopify product ID -%}
<div class="utility-bar color-background-1 gradient utility-bar--bottom-border">
<div class="page-width utility-bar__grid">
<div class="announcement-bar" role="region" aria-label="Announcement">
<p class="announcement-bar__message h5">
<span>Welcome to our store</span>
</p>
</div>
</div>
</div>
{%- endif -%}
Please add your shopify product ID that you want announcement bar appear
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
This is an accepted solution.
Sorry, please add code below header group.
You can see your product ID when opening that product in your Shopify admin, check the number after /product/ part is product ID
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
This is an accepted solution.
Please check this image
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
This is an accepted solution.
Hi @dogand
You can do that by going to your Online store > Themes > Edit code > open theme.liquid file, find this line of code
{% sections 'header-group' %}
Add this code below this line of code above
{%- if product.id == your shopify product ID -%}
<div class="utility-bar color-background-1 gradient utility-bar--bottom-border">
<div class="page-width utility-bar__grid">
<div class="announcement-bar" role="region" aria-label="Announcement">
<p class="announcement-bar__message h5">
<span>Welcome to our store</span>
</p>
</div>
</div>
</div>
{%- endif -%}
Please add your shopify product ID that you want announcement bar appear
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
Just to clarify, do I add the code below or above the header group code? Also how would I add my product ID?
Thank you for your help!
This is an accepted solution.
Sorry, please add code below header group.
You can see your product ID when opening that product in your Shopify admin, check the number after /product/ part is product ID
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
@Dan-From-Ryviu how would I add this product ID to the code? and where in the code?
This is an accepted solution.
Please check this image
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
User | RANK |
---|---|
45 | |
45 | |
44 | |
28 | |
21 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023