Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi - I am using the Dawn Theme.
I'm trying to get a simple line of text to appear just under my "Add to cart" button on product pages.
In the admin view I've added a "text" block to my product template and positioned it just under the "Add to cart" button, and above the Trust Badge display.
All looks fine in the admin area viewing as mobile, desktop, or full view.
But when I save the template and look at the product page on my live site using desktop or an android or iPhone, the line of text displays ABOVE the "Add to cart" button.
I've uploaded a slide deck showing what's needed, and what's happening.
How can I get this text to display between the "Add to cart" button and the Trust Badges?
An example: https://2xedge.com/products/2xedge
Try dragging it elsewhere based on what you know, ignoring what your being shown.
From what I can see the trustbadge element(#ultimateTrustBadgeswidgetDiv) for some insane reason inserts itself inside the product-form itself. Weirder is that element is using an iframe for it's content, but it's not an external src iframe it's all inline html. It's also injected by javascript as it's not present in the rendered html source (copy and paste to a new tab/window) :
view-source:https://2xedge.com/products/2xedge
So whatever is going on inside the admin theme editor is wrong and they are probably targeting elements incorrectly with javascript instead of using an app-block.
Also check your theme for malformed html https://validator.w3.org/ for issues causing potential side effects with apps.
If you need this fixed/dug into contact me directly, info in sig, please provide context: post url, store name, etc
Good hunting.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Hi @PaulNewton - thanks for looking into this.
That TrustBadge app lets you include a header for the badge. So I put the text into the header text box in the app settings and it is now showing in the right place.
Thanks for pointing out the issues with malformed html. I'll circle back to you once I get through what's currently on my plate and explore this further. It's concerning.
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024