Product Ribbons

Overview

Ribbons are an eye-catching way to highlight specific products to users browsing your site. BPD includes several ribbons out of the box, and the facility for you to upload your own ribbon images.

This guide will show you how to: 

1. enable Ribbon Maintenance on your BPD site
2. maintain Ribbon Flags, including creating and uploading your own
3. assign a Ribbon to a Product.  

Step-by-step guides

1. Enable Ribbon Flag maintenance

Ribbon flags are a feature added over a product image. To maintain and add ribbon flags, Product Maintenance must be enabled.  

1. In the CMS, navigate to Settings → Feature Management → Product Maintenance. 
   
   
2. Toggle on Product Maintenance, then click Configure.
   
   
3. In the 'Product Maintenance Settings' screen, scroll down 'Feature Options' and tick Enable Maintenance of Ribbon Flag. 
   
   
   The Ribbon Flag Options section now appears in the screen, with the default BPD ribbons loaded. 
    
   
   
4. To save your settings, click Save or Save & Exit. If you want to maintain ribbon flags, proceed to Step 2.
   
   

2. Maintain Ribbon Flags

Once the Ribbon Flag feature is enabled, you can add and delete the set of flags available for selection when maintaining individual products in Product Maintenance.   

To add a ribbon flag,

1. Go to the Add Ribbon Flag Option section.
   
   
2. In New Ribbon Flag Name, enter a meaningful name for the new Ribbon Flag.
   
   
3. In New Ribbon Alt Description, enter a meaningful description for the flag. 
    
4. In New Ribbon Filename, click Select or Upload Image. 
   
   
   
5. Click Upload to add a new image from your device.
    
6. Click Insert to complete the upload. The selected ribbon image and file name are now displayed.
    
7. Remember to click Save at the top of the page to save your newly added ribbon.

The new ribbon will now appear in the Product Maintenance screen, ready to assign to product images.

3. Assign a Ribbon to a Product

1. In the CMS, navigate to Products & Categories → Product Maintenance. 
   
   
2. Search for the required product and click Edit.
   
   
3. In the Product Information section, locate the Ribbon Flag dropdown selector. 
   
   
4. Select the required ribbon for the product. 
   
   
5. Set a Ribbon Expiry Date, if required. On this date, the ribbon will be cleared from the product. (from version 3.84+)
    
6. Click Save.
   
   
7. View the product on your website in another browser (or incognito window) to verify the ribbon appears correctly. 
    

Additional Information

--

Related help

• Page:
  Product Maintenance Settings
• Page:
  Product Maintenance