How to remove Zipay widget from the product page Out of the Sandbox Turbo

[Storeowner4]

Hello,

On the product page, I would like to remove the Zip pay text underneath the product price and move the Afterpay text to its place. 

Any suggestion on how to achieve that would be highly appreciated.

Thank you in advance.

[ProdSquad]

Hello @Storeowner4 ,

Here’s a step-by-step guide to help you achieve this:

Step 1: Access Your Theme Code-

1. Log in to Shopify Admin.
2. Navigate to Online Store > Themes.
3. Click on Actions > Edit code for your active theme.

Step 2: Locate the Product Template-

1. In the Sections folder, look for a file named. The name may vary based on your theme.
2. Open this file to edit.

Step 3: Identify the ZipPay and Afterpay Text-

Search for the code related to ZipPay and Afterpay. It might look something like this:
liquid
Step 4: Move the Afterpay Text-

If needed, adjust the Afterpay text's position within the code. For example, you can place it where the ZipPay text was:
liquid
Step 5: Adjust CSS-

Step 6: Save Changes-

After making your edits, click Save in both the Liquid and CSS files.

Step 7: Preview Your Changes-

Go to your product page to ensure that the ZipPay text is removed and the Afterpay text is positioned correctly.

Conclusion-

This should help you rearrange the payment texts on your product page.Feel free to reach for further query

Thanks, Amit