Shopify Question posted in
The Shopify help center can be found here.

How can we inject our custom APP code (html code) into shopify product page without using Script tag

I’m trying to figure out how to get my app’s html div onto the products page of shopify. I am creating an APP based on quantity breakdown feature using laravel. I need to add HTML code onto product page as shown below.

enter image description here

In right, you can see the HTML code just above the ADD TO CART button. I need to do exactly the same.

As my app will work on different themes, and every theme have its own layout. I don’t think using script tag it will work. Please give me a solution to do it without using script tags.

Please note that I am working with Laravel.

Thanks in advance!

Tags:

2

Answers


  1. 0

    You can use an App Proxy for one. Or a Script Tag for another. Your choice. Choose the one that makes you happiest.

    Login or Signup to reply.
  2. 0
    1. When a user installs your app, use ScriptTag to add js on the product page
    2. Using js, search for the id of the button with text ‘Add to Cart’ or contain ‘Cart’. If the store is using bundle app, it may have an extra button ‘Add bundle to Cart’
    3. Add your code under Add to Cart button
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search