In this documentation, we will show you how to customize the Product Stock Widget by Ultimate Store Kit.

Enable the Product Stock Widget

To use the Product Stock widget by Ultimate Store Kit, first, you have to enable the widget.

1. Go to WordPress > Ultimate Store Kit Plugin dashboard.
2. Then Click the WC Widgets Tab.
3. Search the Product Stock Widget Name.
4. Enable the Product Stock Widget.
5. Hit the Save Settings Button.

Inserting The Product Stock widget

1. Go to the Elementor Editor Page and Hit the “+” (Add Element) icon button.
2. Search the Product Stock widget.
3. Drag the widget and drop it on the editor page.

Work with the Style Tab

Stock Status Section

Go to Style > Stock Status

1. Color: This option allows you to change the stock status color.
2. Typography: Change the text’s font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.
3. Alignment: This option allows you to move the content to the Left, Center & Right.
4. Show Progress Bar:  Enable/disable the switcher to visible/invisible the progress bar.

Progress Bar Section

Go to Style > Progress Bar

1. Text Color: You can set the text color by using this option.
2. Count Color: You can set the count color (Number) here by using this option.
3. Typography: Change the text and numbers font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

4. Percentage Color: You can add or change the percentage color by using this option.
5. Percentage Typography: Change the percentage font family, size, weight, transform, style, decoration, line height, letter spacing, and word spacing from here.

6. Progress Base Color: You can set the progress bar base color by using this option.
7. Progress Fill Color: You can set the progress bar fill color by using this option.
8. Border  Radius: The Border Radius controls the roundness of the progress bar.
9. Height: You can adjust the height of the progress bar by using this option.

All done! You have successfully customized the Product Stock widget on your website.

Video Assist

The video will come soon. Please visit the demo page for examples.

Thanks for being with us.