How can I move/relocate the subscription box on the product page?

Change Subscription Box Position

To show the subscription box at a specific position on the product page, insert the following code in the product.liquid file.

→ Most themes are using a product-template.liquid file to show the content on the product page.

To find the product.liquid file of your store theme, please follow the below steps:

  1. Go to Shopify Account > Online Store > Themes > Theme library
  2. Click on the ‘Action’ button given in the  ‘Theme Library’ section
  3. Click on the ‘Edit Code’ from the options, and it will take you to the page where you can edit your template files.
  4. On the right side of this page, you will see all the liquid files and a Search Bar 
  5. Use the search bar to find the product.liquid file
  6. Click the product.liquid file from the templates menu and open the file
  7. Add the code if that file has all codes to show the cart content product.liquid file 
  8. If the product.liquid file has code{% section 'product-template' %}> then select product-template.liquid file from the search result

→Now insert the below code in the file in the proper position where you want to show the Subscription Box and save the file.
→ {% render 'ROS-subscription-product', product: product %}

→ In our debut theme, the product-template.liquid file is the correct file that is using product content.


Take a look at the following image for the option


move-box-in-product-page