Page History

...

Overview
 

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. 
   Image Modified
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. 
   

...

To Add a New Ribbon: 

1. Enter the New Ribbon Flag Name
2. Click 'Select or Upload Image'. 
3. Select the required ribbon image file in the folder, or click '+Upload' to add a new one. 
4. Click 'Select'. 
5. The selected ribbon image should be displayed. 
6. Click 'Add Ribbon'. 
7. The new ribbon will be added to the list, with the flag name and file name displayed. 

KK - this doesn't show in the dropdown on the product maintenace page though?? 

1. Image Added 
2. 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. 

...

1. Select the required ribbon for the product. 
2. Set a Ribbon Expiry Date, if required. On this date, the ribbon will be cleared from the product. (from version 3.84+)
   Image Added 
3. Click 'Save'.
4. View the product on your website in another browser (or incognito window) to verify the ribbon appears correctly. 
   Image Added 

...

3. To Upload a New Ribbon image: 

1. In the CMS, navigate to Settings --> Website Features. 
2. Edit 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'. 
   Image Added
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'. 
   Image Added
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. 
   Image Added
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.
 

Related articles