How to Customize Product Page Layout?

[chitra150]

Hello,

I’m currently working on a project that requires some advanced customization of the product page layout. I’ve been digging into the Shopify documentation and experimenting with Liquid and HTML/CSS, but I’m facing a few challenges:

1. Reordering Product Information: I’d like to rearrange the product information on the page. Specifically, I want to move the product- ruby on rails training description below the product title and price. How can I achieve this while maintaining responsiveness?

2. Adding Custom Sections: I want to add a custom section below the product details to display related products. How can I create a custom section and display it only on certain product pages?

3. Implementing a Sticky Add-to-Cart Button: I’d like to make the “Add to Cart” button sticky so that it’s always visible as the user scrolls down the page. How can I achieve this effect?

I’ve tried a few code snippets and apps, but I’m looking for best practices and recommendations from the community.

Thank you in advance for your help!

Best regards,

[JonasS]

Hi Chitra150,
For the first question, you should go to customize tool to edit your product template, the customize entry point below picture

And for the second and third one. You should go to edit code feature to customize your code, the edit code entry below picture