Search Widget for Concrete Products OverviewEdit on GitHub
With the search widget, the customer doesn’t need to go to the product details page to add items. Search widget adds a search box to a Shopping cart, Shopping List, and Quick Order Page allowing the users to easily search and add concrete products directly from shopping cart/list pages. The widget includes the search field for concrete products and the quantity field. A shopper can search for products by SKU or concrete Product name. What the customers only have to do is to start typing the Name or the product SKU and the appropriate suggestions will appear in the drop-down. The suggested options enable shoppers to complete the search quickly.
Using the search widget, online shoppers are able to find products assigned specifically to the stores the users are in. Also, only products corresponding to user’s currency and price mode settings are searched for.
Here’s an example of what the search widget looks like on:
Shopping Cart Page
When the customer selects the product they can set the necessary item quantity in the Quantity field. If the customer adds a product that has quantity restrictions, these restrictions are automatically adjusted and the item obtains the closest valid quantity.
All the products that are being added to cart are added as separate items to support the Splittable Order Items feature. For example, a customer has already 005 SKU product in the quantity of 3 in the cart. When adding another product of the same SKU to cart, the product is not merged but added as a separate item. This way a splittable product can be added to the order as a non-splittable one.
A picture with 2 products of the same SKU added
With the search widget, a customer can always find the items that are available specifically to them as Product Restriction are considered while searching. This means, that if a blacklist rule exists for a customer, the products that are added to that rule will not be displayed in the search results.
You can find more examples of product restriction use cases on the [Restricted Products Behavior](/docs/scos/dev/feature-walkthroughs/201907.0/merchant-product-restrictions-feature-walkthrough/restricted-products-behavior.html
Shopping List Page
The search widget is available on the shopping list edit page:
In the empty shopping list, the customer can still add products with the help of the search widget.
In comparison with Shopping Cart, for Shopping lists, the quantity that is being added via a search widget is not verified. That means that the customer can add products to a shopping list with any quantity, irrespective of the quantity restrictions the products may have.
The same works for the product restriction rules: it is impossible to add blacklisted products to a shopping list, the shopper will get “No search results” message in the widget field, and only whitelisted products will be suggested in the search results in case of a whitelist.
Quick Order Page
The widget allows searching the products on the quick order page too:
The module relations can be schematically represented in the following way:
For submitting the form