Shopify Buttons: How to always display product options and variants

Retired Boards Appdev Custom Storefronts
1

The default shopify behaviour is to hide product options if there is only one variant / option available.

I am customising some shopify buttons for a client and am looking at https://shopify.github.io/buy-button-js/

but do not see the ability to override this behaviour for a single option product:

“contents”: {
“img”: false,
“imgWithCarousel”: true,
“button”: false,
“buttonWithQuantity”: true,
“variantTitle”: true,
“options”: true
}

Can variant or options be forced to always be displayed?
If anyone can provide any help / advice on this I would be grateful.

Tx.
nwe

2

Hi.

I have managed to solve this by digging into the OpenGraph data in my test page and digging into https://shopify.github.io/buy-button-js/
One solution for displaying a product variant for a single variant product is the following:

{{data.selectedVariant.title}}

There was also some great code which demonstrates how to customise a template for data display in this example: https://codepen.io/tessa-lt/pen/pEZdKM