New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change product title on top of product page - Impact Theme

2 0 0

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:

Theme: Impact theme


Thanks in advance. 

Replies 2 (2)
Shopify Partner
314 9 22



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:

<h1 class="product__title">{{ product.title }}</h1>

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

Click here to Contact and Get Shopify Store Help
E-mail -
We are Shopify Store Small Tasks and Customization Experts
2 0 0

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?