How can I change the position of the Shop Pay installment information and give it its own section?

Empire Theme
I want to

  • Change the Position: Move the Shop Pay installment information (such as the monthly payment amount and financing options) from its current location on the product page to a different location.

  • Give It Its Own Section: Create a dedicated section or block for the Shop Pay installment information. This would separate it from other text or pricing details

Hi @SalimMoseli

You can make the change by following the below steps:

  1. Access the Theme Code Editor:

    • Go to your Shopify admin panel.
    • Navigate to Online Store > Themes.
    • Find the Empire theme and click Actions > Edit code.
  2. Locate the Product Template:

    • In the code editor, find the Sections folder.
    • Open the product-template.liquid file. This file controls the layout of your product pages.
  3. Find the Shop Pay Installment Code:

    • Look for the code snippet that displays the Shop Pay installment information. It might look something like this
    • {{ form | payment_terms }}
  4. Move the Code Snippet:

    • Cut the code snippet from its current location.
    • Paste it in the new desired location within the product-template.liquid file. For example, if you want it to appear below the product description, find the section where the product description is rendered (usually {{ product.description }}) and place the snippet below it.
  5. Save Your Changes:

    • After moving the code snippet, click Save to apply the changes.

Please do not forget to make a copy of the working version of the theme before you make any change.

Thanks