Moving title and price above Image (Prestige Theme)

Store Design
,
1

Hey :waving_hand:

Wondering if someone can help me with moving the price and title above the image on the product page. Please ignore the subtitle and reviews as they are bits of code I’ve added so I can sort that accordingly.

Screenshot_20230602-180916.png
Screenshot_20230602-180916.png1080×2340 268 KB

Thank you

2

I guess I should add, mobile only

Thank you

3

Hey @HalloftheFallen

To move the price and title above the image on the product page in Shopify, you’ll need to modify the liquid code in your theme. Here are the general steps you can follow:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme you’re currently using and click on the “Actions” button, then select “Edit code” from the dropdown menu.
  3. In the theme editor, navigate to the “Sections” or “Templates” folder (depending on your theme structure) and look for the file that controls the product page layout. It is usually named something like “product.liquid” or “product-template.liquid.”
  4. Open the file and locate the section where the image, price, and title are being displayed.
  5. Cut the code block that generates the price and title, including any surrounding HTML elements.
  6. Move your cursor to the desired position above the image, and paste the code block you just cut.
  7. Save the changes and preview the product page to see if the price and title are now displayed above the image.

Please note that the specific liquid code and file structure may vary depending on your theme. If you’re unsure about the exact location to make the changes, it’s recommended to reach out to your theme developer or Shopify support for assistance. Additionally, make sure to create a backup of your theme files before making any modifications.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed