How can I edit and optimize a product page layout?

Hello,

I need help to make 2 edits to the product page. First I would like to move a script I placed below the buy button and place it above the buy button. Then I would like for the payment icons of my store to be displayed centralized below the buy button. After the changes are made I would like for the spacing between these elemnts to be symmetric and visually appealing. I appreciate any help.

Example product page url: https://iconicshop.com.br/products/tenis-de-corrida-onke-sport

Ok, what do I have to do?

Hi @matteo_p

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Hi there,

The code didn’t work properly. The script went above the buy button but is badly positioned and the payment icons didn’t show up. Could you check this for me please? I appreciate your help.

I have updated the new code I hope it helps you