Show QR Code at bottom of Order Status Page

Shopify Discussion
1

Hello , I can add the qr code from liquid variable using js onto order status page however this qr code shows right on top under the ‘THANK YOU’

FBR_POS_0-1685701669214.png
FBR_POS_0-1685701669214.png882×800 26.3 KB

is it possible to show this div at bottom of page (below ‘Order Details’ ) or other selected space ?.

2

Hi @FBR_POS ,

Use the below script to append the image at the last.

let div = document.createElement('div');
div.innerHTML = "# hari";
document.querySelector(".step__sections").append(div)

Replace the div with your img code.

Hope it will help…

3

Ok Got it working —

FBR_POS_0-1685827086217.png
FBR_POS_0-1685827086217.png492×600 56.8 KB

Thanks to @gr_trading , for pointing in right direction how ever had to fiddle with ‘DOMContentLoaded’ before it let me access all the elements.

I will accept your answer as it does point in the right direction.