Solved

Can I rearrange the SKU number and product title order in Shopify?

thegyver
Excursionist
18 4 8

Hello everyone. Can you Kindly  advice. ->  Referring to product page. I would like to rearrange my sku number. Current its in the following order. SKU number and then Product title. Is it possible to rearrange it to Product Title and then SKU number instead?  THANKS  IN ADVANCE.

Screen Shot 2021-07-28 at 6.24.42 PM.png

Accepted Solutions (2)

CakewalkAlyssa
Shopify Partner
24 3 4

This is an accepted solution.

Hi @thegyver,

You can do this by editing your theme code.

If you provide your shop link I can give more detailed instructions.

In the theme code editor (themes > theme you want to edit > actions > edit code)

Find the product template file (in many themes this is sections > product-template.liquid but yours may be different)

You will find something similar to 

 

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

that displays the product title. 

and something similar to that show the sku

{% assign current_variant = product.selected_or_first_available_variant %}
<span class="variant-sku">{{ current_variant.sku }}</span>

simply move the html block containing the product title (in the example above the <h1>...</h1> ) above the block that displays the sku (and the assignment block if there is one)
preview and save

Check out Simple Subscriptions for a complete recurring orders and subscriptions solution for your store. Click here to see our demo store.

View solution in original post

thegyver
Excursionist
18 4 8

This is an accepted solution.

Superb! It works, Thank you so much for your kind help. Appreciate it! 

View solution in original post

Replies 2 (2)

CakewalkAlyssa
Shopify Partner
24 3 4

This is an accepted solution.

Hi @thegyver,

You can do this by editing your theme code.

If you provide your shop link I can give more detailed instructions.

In the theme code editor (themes > theme you want to edit > actions > edit code)

Find the product template file (in many themes this is sections > product-template.liquid but yours may be different)

You will find something similar to 

 

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

that displays the product title. 

and something similar to that show the sku

{% assign current_variant = product.selected_or_first_available_variant %}
<span class="variant-sku">{{ current_variant.sku }}</span>

simply move the html block containing the product title (in the example above the <h1>...</h1> ) above the block that displays the sku (and the assignment block if there is one)
preview and save

Check out Simple Subscriptions for a complete recurring orders and subscriptions solution for your store. Click here to see our demo store.
thegyver
Excursionist
18 4 8

This is an accepted solution.

Superb! It works, Thank you so much for your kind help. Appreciate it!