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, as well as the ability to upload your own ribbon images for use on products throughout your site.

This guide will show you how to: 

1. Enable Ribbon Maintenance on your BPD site
2. Assign a Ribbon to a Product
3. Upload your own Ribbon image.  

Step-by-step guides

1. To Enable Ribbon Maintenance on your site: 

1. Login to the CMS. 
2. Navigate to Settings --> Website Features. 
3. Edit the Online Product Maintenance feature. 
   
4. Ensure 'Enable Maintenance of Ribbon Flag' is ticked. 
5. Verify that the Ribbon Flag Options section now appears on the page, with the default BPD ribbons loaded. 
    
6. Click 'Save'.
   
   

2. To 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. 
    

3. To Upload a New Ribbon image: 

1. In the CMS, navigate to Settings --> Feature Management. 
2. Configure the Online Product Maintenance feature.
3. In the Ribbon Flag Options section, enter a name for the new Ribbon.
4. Click 'Select or Upload Image'. 
   
5. Select the required image file from the folder, or click '+Upload' to add a new one. 
6. Highlight the required file and click 'Select'. 
   
7. The selected ribbon image should now be displayed, along with the name you entered. 
8. Click the 'Add Ribbon' button. 
9. The new ribbon should appear in the list, with the ribbon name and image file name displayed. 
   
10. 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 add to a product.

Additional Information

--

Related help

• Page:
  Product Maintenance Settings
• Page:
  Product Maintenance