Change product title on top of product page - Impact Theme

Shopify Discussion
1

Hi all helpful experts,

I would like to make my product info page,

On mobile site, product-vendor, product-title, and product-price on top, and product image below.
Sequence will be like: Header → (those listed above) → Media image → others info.

My website link: https://weareurbancraft.com/en-sg/products/16oz-tumbler-coral-pink-473ml

Theme: Impact theme

Thanks in advance.

2

Hi,

Current theme → Actions–>Edit code–> product.liquid or product-template.liquid.

Look for the code that displays the product title. It might look something like this:

# {{ product.title }}

You may need to modify the HTML and CSS around this code to change the position. You can move this code to the desired location within the product template.

Save–>Preview and Publish

Please take backup

1 Like
3

Hey thanks!

I have used this before but one more section are created on top, is there possible for me to make current display in desktop maintain, while the product-title, product-vendor and price are move upwards?