Move title above the product image on mobile (Turbo theme)

Store Design
1

Hi All,

I am trying to move title above the product image and need help with it. I use turbo theme and trying to achieve so on mobile view. I would highly appreciate if anyone can suggest the coding instructions for the same. Thanks in advance!

move product title above the image.png
move product title above the image.png529Ă—664 103 KB

1 Like
2

@WegaRG

Please share your store URL.

3

Hi @dmwwebartisan , Thanks for quick response

Here is the preview url: https://hzk3128q60mx4o62-53138817212.shopifypreview.com

Please let me know if you need any additional details

Appreciate your time

1 Like
4

@WegaRG

Could you please provide the complete code of sections/product-template.liquid file?

5

Hi @dmwwebartisan , Sorry I am not sure how can I capture the complete code of sections/product-template.liquid file. Do you want me to provide screenshot of an entire page or is there any particular section? Sorry I am a newbie in this area.

6

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Sections > product-template.liquid, find “product_name” and change code.

{{ product.title }}

=>

{{ product.title }}

- Step 3: Find "product__images" and add code:

{{ product.title }}

Refer [https://i.imgur.com/0fJUfLU.png](https://i.imgur.com/0fJUfLU.png) Hope it clear to you.
7

That worked! Thanks so much! Appreciate it!

8

Hi we want a same product titles above the image we find the code “product_name” but we didn’t find the product__image code can you tell me how we can do this and where i can replace the code. If you want i can add the code here.

Thank you

9

Hi @Israrkhan ,

Can you create a new question and send me the link?

I will help you check and answer it, this will help more people find the solution at the community.

Thank you.