Configuration for Website Dynamic Ribbons :

Access Product Ribbons

• Navigate to Website Module → eCommerce → Product Ribbons to see all available ribbons.​

Ribbons for Key Scenarios

• All available ribbons are described below:

• Sale: For discounted products.
• Sold out: For products with no stock, to indicate they can’t be purchased.
• Out of stock: For items with zero inventory.
• New!: To highlight the latest arrivals.​

• If you want to create a new ribbon, click on the New button.

Configure Each Ribbon

• Ribbon Name: (e.g., Sale, Sold out, Out of stock, New!)

Assign Ribbon Logic

• Manually: Assign the ribbon manually by selecting the desired ribbon in the product's form under the sales tab.
• Sale: Assign to products flagged “on sale” or with a discount.
• Sold out/Out of stock: Assign based on product inventory = 0.
• New!: Assign to products with a recent creation or update date.

• Position: Left or Right based on preferred display.​

• Text Color: Select to ensure visibility.

• Background Color: Choose unique colors for each for quick recognition (green for Sale, red for Sold out, yellow for Out of stock, blue for New!).​

• Ribbons are now active and will display dynamically on relevant products in your eCommerce storefront.

Preview on Website

• Go to your shop or product page.

• Ribbons appear based on real-time product data and rules—automatically adapting to changes, such as new arrivals or out-of-stock items.