Text block shows in right place in admin but wrong place on live site (Dawn Theme)

Text block shows in right place in admin but wrong place on live site (Dawn Theme)

LB2022
Excursionist
22 1 4

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

Replies 2 (2)

PaulNewton
Shopify Partner
6741 610 1436

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


LB2022
Excursionist
22 1 4

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.