Move product title and price above product image on mobile with Dawn Theme

Store Design
, , ,
1

Hello,

I would like to place the product title and price above the product image on the product page.

I’ve read several pages and discussions on the forum about this, but the answers are usually customized according to everyone’s code.

How can I change this on my site?

Here’s the link to my store: https://ancestraathletes.com

Thank you for your time !

1 Like
2

Hey @Julietteweb

Something like this is definitely possible but will require some changes in your main-product.liquid file as it’s not possible with CSS only so if you’re not familiar with coding then I suggest you to hire a Shopify developer who can help you out in performing this task smoothly. Feel free to let me know if you want me to help you out with that!

Best Regards,

Moeed

1 Like
3

@Julietteweb it will need code editing, are you familiar with the coding?

1 Like
4

Hello @suyash1

Thanks for taking the time to respond.

I already added some code to my store (not only CSS). I’m not really familiar with that but as long as I have the right information, I’m doing okay.

5

Hello @Moeed

As long as I have the right information, I’m doing okay with some code who are “simple”.

I can’t hire a developer right now, so I’m content to make simple, essential changes pn my website.

6

@Julietteweb - this will need to be done by editing existing theme code inmain-product.liquid as mentioned by @Moeed , are you familiar with the liquid coding?

7

@suyash1 No, I’m not enought familiar with that

8

If you want then I can do it on your website, I will need collaboration
access with theme rights

9

How can I let you access to this ?

10

Can you please send me collab code? You can send it on email below

I will send colab request

1 Like
11

Hello @suyash1 ,

I apologize for not having replied sooner. I’ve been really busy.

I’ve decided not to put the price and title above the image for the time being, as this could be a disadvantage for the conversion.

(The price differs depending on the chosen quantity and can be “big”. It should be visible next to the “add to cart” button. I don’t find teh solution to customize the price in the variant selector and display it in color, so for now I’ll leave the main price below the product image.)

I’d still like to thank you for your help !

1 Like
12

@Julietteweb welcome, do let me know if you need anything later.

1 Like
13

@suyash1 Thank you !