Rearrange SKU number

Solved
thegyver
Excursionist
17 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

0 Likes

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

Checkout Simple Subscriptions on the app store for quick and easy subscribe and save plans and more for your stores and clients.
0 Likes
thegyver
Excursionist
17 4 8

This is an accepted solution.

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