Liquid, JavaScript, themes, sales channels
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.
Solved! Go to the solution
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
This is an accepted solution.
Superb! It works, Thank you so much for your kind help. Appreciate it!
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
This is an accepted solution.
Superb! It works, Thank you so much for your kind help. Appreciate it!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024