Product images above all texts

Store Design
, , , , ,

Topic summary

A Shopify store owner needed to reorder their product page layout on mobile view, specifically moving the product image carousel above the title, reviews, and subtitle sections.

Solution Provided:

  • Two support teams offered similar CSS-based solutions
  • Both involved editing the theme.liquid file in the Shopify theme code editor
  • Custom CSS code was added before the closing </body> or </head> tag to reposition elements
  • The code targeted mobile view specifically to change the display order

Outcome:

  • The original poster confirmed both solutions worked
  • Issue was successfully resolved with custom CSS modifications
  • Store password mentioned: asas
Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

For my product page i want my product page:
https://marymill.amsterdam/?key=bc4d86fc4281b9ed8926805078c912ef0130d046387f65b7bd4e25bdd0b1252b&preview_theme_id=

Store password:sasa

I need the mobile view to have the products image carousel ahead of the title,reviews and sub title

Screenshot 2024-09-09 at 4.14.19 PM.png
Screenshot 2024-09-09 at 4.14.19 PM.png988×1246 145 KB

1 Like
2

@Levi123 ,

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code before

Result:

BSSCommerceB2B_0-1725895365796.png
BSSCommerceB2B_0-1725895365796.png433×915 181 KB

If it helps you, please like and mark it as the solution.

Best Regards :heart_eyes:

3
  • Here is the solution for you @Levi123
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
  • Here is the result you will achieve:

BSSTekLabs_0-1725895406897.png
BSSTekLabs_0-1725895406897.png374×819 152 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
4

Worked ..thanks

5

Worked better

6

Hi @Levi123 ,

:heart_eyes: It’s such my honor to help you, bro. If you like and mark solution for us, it will be the greatest motivation for us.

Have a nice day, sir!