How can I add a SKU on an option?

Note: this feature is currently in BETA, if you want to try it out, you have to request it via the support button in the app.

If you want to generate a custom SKU based on all selected custom options, follow the steps below.

Keep in mind that this feature does not include inventory tracking, the final SKU is stored on the order item and can be processed by external inventory management systems.

Options SKU

On each of the options values, you can optionally add a SKU for the specific option selection:

Whenever an option is changed, the app rebuilds the final SKU which is then saved on the add to cart process.

Theme setting

To enable the generation of the SKU, enable the setting on the Settings page > Theme Settings section:

The cart should then list the generated SKU:

Shopify Variant SKU

If your variant already has an SKU, the app will use it as a prefix to the final SKU:

Changing the SKU separator

The parts of a generated SKU are joined with a dash by default. A shirt variant with the SKU SHIRT and two selected options with the SKU parts BLU and MD produces:

SHIRT-BLU-MD

There is no setting for this in the app interface, but the separator can be changed with a single line of JavaScript. Add it either to the <head> of your theme, or to the Settings > Theme settings > Javascript section in the app:

window.clSKUSep = '_';

To remove the separator entirely and run the parts together, set it to an empty string:

window.clSKUSep = '';

With window.clSKUSep = '' the example above becomes SHIRTBLUMD .

Note: this is a global setting. It applies to every option configuration on your store, and it cannot currently be set per configuration.

Show on product page

If you want to show the current selected SKU, then you can add a custom element on your theme with the following attribute:

<p data-live-sku="{{ product.id }}"></p>