...
Multiexcerpt | ||
---|---|---|
| ||
|
When a ribbon flag is assigned to a product, it appears as an overlay on the product image.
This guide will show you how to:
- enable the Ribbon Maintenance Flag feature on your BPD site
- maintain Ribbon Flags, including creating and uploading your own
- assign a Ribbon to a Product.
...
Step-by-step
...
guide
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 enabledTo be able to maintain Ribbon Flags and assign one to a product, online Product Maintenance and the Ribbon Flag feature must be enabled in Settings.
- In the CMS, navigate to Settings → Feature Management → Product Maintenance.
- Toggle on If Product Maintenance is disabled, toggle it on, and then click Configure.
- 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.
- To save your settings, click Click Save or Save & Exit. If you want to maintain ribbon flags at this point, 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 ribbon flags that can be assigned to individual products in Product Maintenance (Step 3 below).
Tip | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||
Any custom ribbon flags you want to add need to have been created first. The To ensure your ribbon flags are optimally sized and keep the look-and-feel of BPD ribbon flags, the following sample ribbon image (*.psd file) and font can be downloaded to ensure your ribbon flags have a consistent look-and-feel with BPD ones :
|
To add a ribbon flag,
- Go In the 'Product Maintenance Settings' screen, scroll down to the Add Ribbon Flag Option section.
- In New Ribbon Flag Name, enter a meaningful name for the new Ribbon Flag. Note - this name will be included in the ribbon flag's file name.
- In New Ribbon Alt Description, enter a meaningful description for the flag.
- In 'New Ribbon Filename', click the Select or Upload Image button.
- Click Upload to add a new image from your device.
- Click Insert to complete the upload. The selected ribbon flag image and file name are now displayed.
- Remember to click Save at at the top of the page to save your newly added ribbon flag.
The new ribbon flag will now appear in the Product Maintenance screen, ready to assign to product images.
Tip | ||
---|---|---|
| ||
To delete a ribbon flag, just tick Delete next to the flag. When you next click the 'Save' button, it will be removed. |
3. Assign a Ribbon to a Product
- In the CMS, navigate to Products & Categories → Product Maintenance.
- Search for Find the required product product to which you want to assign a ribbon flag and click Edit.
- In the 'Product Information' section, locate in the Ribbon Flag dropdown selector.
Select , select the required ribbon for the product.- Set a Ribbon Expiry Date, if required. On this date, the ribbon will be cleared from the product. (from version Note - this option available only for versions 3.84+)
- Click Save.
- View the product on your website in another browser (or incognito window) to verify the ribbon appears correctly.
...