All Collections
Plus+ Addons
Dynamic Variant Dropdown
Dynamic Variant Dropdown
Nick Paul avatar
Written by Nick Paul
Updated over a week ago

Dynamic display of current stock in your 'dropdown' for the variant selection!

mceclip0.png

An improved version of the current Lightspeed dropdown in most themes, where the stock is now immediately visible and the visitor has the option to sign up for The Perfect Stock notification.
No more hassle for the customer! He no longer has to actually go to the variant to see which one is in stock. Can be seen directly from the dropdown! πŸ˜ƒ So
​
​beware, the add-on only works if you use the standard Lightspeed dropdown!
​
​Installation πŸ› οΈ
​

mceclip6.png


To install this add-on, an implementation from a developer is required . So it may take a while before the add-on is active. Simply click on " Request add-on " and let Plus+ notify our development heroes. πŸ‘¨β€βš•οΈ
​
After clicking " Request Add-on ", you would be redirected to " My Plus+ Add-ons " page. You will also see the following message appear in the top right corner of the dashboard.
​

mceclip7.png


​
​Add-on settings/overview βš™οΈ
After installation you will see that the add-on is in your overview , including installation date and status.
​
With this add-on, the status would first be "Open" , this is because the developers would first have to add the code to your webshop.
​

mceclip5.png


As soon as the developers are working on this you should see the status change to "Work in progress".
​

mceclip6.png


If the developers have added the code, this status will be set to "inactive" , so you can set it up properly and then activate it! βœ…
​

mceclip0.png


To activate the add-on, click on the hamburger menu and choose "activate". Prefer to see a preview in test mode first ? Which can. Click " Activate in preview mode" and the add-on would be visible only to you. So not for the customers !
​

mceclip9.png

Settings βš™οΈ
​

mceclip4.png
mceclip5.png


​Of course we have some general settings for this add-on, they are explained below!
General settings:
β€‹πŸ›ŽοΈ Show out-of-stock variants:Activate this setting if you want out-of-stock products to be displayed in the dropdown that reads 'Temporarily sold out'.
β€‹πŸ›ŽοΈ Show availability with stock quantities: Activate this setting if you would like the stock quantities to be displayed after the variant name. This way the customer can immediately see if there is little in stock!
β€‹πŸ›ŽοΈ Show quantity with a maximum stock of: Enter the number of stock here. So from when do you want the stock to be displayed? In the example, the message is displayed at 10 or lower. So if the stock is 10 or lower, the stock will be displayed in the dropdown.
β€‹πŸ›ŽοΈ Show product thumbnail:Do you want to show a small product image in the dropdown? This is displayed before the title. (It is by default the first photo of the product)
β€‹πŸ›ŽοΈ Show first variant by default: Activate this option so that the first variant is selected by default. As a result, the customer does not have to make a choice, but this is optional!
​
Design settings:
β€‹πŸ›ŽοΈ Show 'Notify me' text in dropdown on desktop: Do you want to activate the text for The Perfect Stock 'keep me informed'? Then turn this setting on. Keep an eye on! Always check first whether the space in the dropdown is available!
β€‹πŸ›ŽοΈ Show 'Notify me' text in dropdown on mobile:Basically the same option as explained above, only for the mobile. So do you want to activate the text for The Perfect Stock 'keep me informed'? Then turn this setting on. Keep an eye on! Always check first whether the space in the dropdown is available!
β€‹πŸ›ŽοΈ Title size: A title is displayed above the dynamic variant dropdown. This will be 'Choose' or 'Choose from', how big should this text be?
β€‹πŸ›ŽοΈ Whitespace settings: How much whitespace should be above and below the block for the dynamic variant dropdown?
​
​

Within this add-on translations are used, with which you can adjust the text of the add-on to your own text. You can do this by entering the desired translation in the text fields.

Did this answer your question?