Home / Widgets

Physical Product Widgets

Tech Writers Team @ Ucraft

Last updated on Sep 02, 2024

The Physical Product Widgets grouping includes the widgets referring to all physical products. The widget grouping is designed to support the sale and management of physical products, providing a seamless and efficient shopping process.

Tips:

  • To use the Physical Product Widgets, make sure to drop the Product List widget onto the Layout Canvas and drop your required widget from the grouping.
  • You can access a single physical product page from Pages > Ecommerce > Physical Products.

Adding Physical Product Widgets

After creating the product, you can add its related widgets.

To add the Physical Product Widgets:

  1. Go to the Visual Editor by clicking Design on the Dashboard top panel or by navigating from Dashboard > Channels > Design.
  2. Open Pages > Ecommerce > Physical Product page.
  3. Navigate to the Ecommerce > Physical Product Widgets grouping on the Visual Editor Left Panel.
  4. Type the widget name in the search bar, or find it in the widget grouping.
  5. Drag the widget from the list and drop it into the Product List widget.

Configuring the Physical Product Widgets

You can configure and edit all the widgets under this grouping using the widget Styles and Settings on the Property Panel.

  1. Go to Styles to modify the necessary configuration of general styling features (see Global Styles). Global Styles are a set of predefined style settings that can be applied to widgets across the website. They provide a constant appearance by defining default styles for all the widget types.
  2. Go to Settings to modify the Visibility of the widget on your website. Specifically, select who can view the widget according to the customer's location, session status, used device type, browser, language preference, etc. (see Visibility Settings).
     Tips:

    • To get more widgets in the widget list of the Visual Editor, you need to add the product-related fields from the Dashboard > Products > Fields.
    • To drop the product-related widgets within the Product List, hold down the CTRL while doing so.

    Add to Cart

    The Add to Cart widget allows your customers to add a product to their shopping cart, making it easy for them to begin the purchase process. For more details, see Add to Cart Widget.

Stock Level

The Stock Level widget is essential for inventory management since it helps to provide real-time information on product availability and helps to manage stockout situations. The initial number provided in the template is 10 (including 10), and you can modify it according to your preferences from the Dashboard. The out-of-stock mode shows a disabled button on the public mode.

All the product-related information is generated from the Dashboard > Products, where you set up the relevant details.

Once you have added the Stock Level widget, you can modify its Styles (Global Styles) and Settings (Visibility Settings).

  1. Go to Settings to modify:

Quantity - refers to the number of available items in stock for a particular product, which is generated from your Project Dashboard.

Quantity

The Quantity widget allows your customers to select the desired quantity of a product before adding it to their cart. It is beneficial for your business to track your customer demand and manage inventory.

Once you have added the Quantity widget, you can modify its Styles (Global Styles) and Settings (Visibility Settings). All the product-related information is generated from the Dashboard > Products, where you set up the relevant details.

Width

Once you have added the Width widget, you can modify its Styles (Global Styles) and Settings (Visibility Settings). The product-related information is generated from the Dashboard > Products, where you set up the relevant details.

The Settings include showing/hiding the label of the widget.

Height

Once you have added the Height widget, you can modify its Styles (Global Styles) and Settings (Visibility Settings). The product-related information is generated from the Dashboard > Products, where you set up the relevant details.

The Settings include showing/hiding the label of the widget.

Depth

Once you have added the Depth widget, you can modify its Styles (Global Styles) and Settings (Visibility Settings). The product-related information is generated from the Dashboard > Products, where you set up the relevant details.

The Settings include showing/hiding the label of the widget.

Weight

Once you have added the Weight widget, you can modify its Styles (Global Styles) and Settings (Visibility Settings). The product-related information is generated from the Dashboard > Products, where you set up the relevant details.

The Settings include showing/hiding the label of the widget.

💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.