How can I rearrange my SKU number and product title order?

[thegyver]

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.

[CakewalkAlyssa · 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

[CakewalkAlyssa · 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

[thegyver · Accepted solution]

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