Product Ribbons Admin Add Product Ribbon Available Product Tokens Back to Product Ribbons list Small product picture ribbon text To configure the plugin either click HERE or go to Plugins -> Nop Product Ribbons -> Settings Conditions Default State If the product does not match any condition groups, then this determines whether the ribbon will be shown on the product. Almost always select "Fail" unless you want to show on every product. Product Products State You need to save this ribbon before you can add conditions. You need to save this ribbon before you can include/exclude products. The Product Ribbon have been created successfully. The Ribbon was deletes successfully Product Ribbon successfully edited. Edit Product Ribbon details Big product picture ribbon text Add or Delete Ribbon Picture Add picture You can choose from {0} pictures Select picture Manage pictures No Picture Picture Insert ribbon picture. Do not insert the picture twice!!! Adding the ribbon picture failed. Picture Height Preview picture Preview picture Picture Width Select a picture Settings Nop Product Ribbons Settings Go to Product Ribbons List Enabled If checked the Product Ribbons plugin will be enabled. General Product Box Picture Container Selector The selector for the product box picture container. The product box is used for listing products on pages like category page, manufacturer page, home page, etc. It is used by the integration of the plugin for displaying the Small product picture ribbon. Product Box Selector The selector for the product box. The product box is used for listing products on pages like category page, manufacturer page, home page, etc. It is used by the integration of the plugin for displaying the Small product picture ribbon. Product Page Big Picture Container Selector The selector for the container of the big product picture located on the product page. It is used by the integration of the plugin for displaying the Big product picture ribbon. Product Page Picture Parent Container Selector The selector for the parent container of the product picture located on the product page. It is used by the integration of the plugin for displaying the Big product picture ribbon. Product Ribbon Small product picture ribbon Specify the settings for the ribbon shown on the small (thumbnail) product picture.<br/> The small (thumbnail) product pictures are used for the products (product boxes) on the followings:<br/> catalog and manufacturer pages, related products, also purchased products, home page products, recently viewed products etc. Conditions Add Condition Group With conditions you can filter the products for which this ribbon will be shown.<br/> The conditions consist of <strong>Condition Groups</strong>. <br/> The <strong>Default State</strong> is also considered as a condition group. <br/> A Condition Group consists of one or many <strong>Condition Statements</strong> (rules).<br/> The dependancy between the Condition Groups is <strong>OR</strong> and between the Condition Statements is <strong>AND</strong>. This means that if all of the Condition Statements in one Condition Group are true for a product, the ribbon will be displayed over that product.<br/> To add a Condition Group you need to click on the <strong>Add Condition Group</strong> button. To delete a Condition Group you need to click on the <strong>Delete</strong> button. To add a Condition Statement to the Condition Group, you need to click on the <strong>Add new record</strong> button. Page Ribbon Ribbon style Here you can specify css styles that will be applied only to the ribbon html element. <br/> The ribbon html element is the main html element for the ribbon that wraps the ribbon image and the ribbon text elements.<br/> It has a css class name - 'product-ribbon'. Example styles: top: -5px; left:-5px; Enabled Check/uncheck to enable/disable this product ribbon. Ribbon image style Here you can specify css styles that will be applied only to the ribbon image (img) element.<br/> The ribbon image html element is nested inside the ribbon element. Position The default location where the ribbon will appear relative to the picture of the product.<br/> You can customize further with the styles below if needed. Text Specify the text of the ribbon. This text will appear over the product image. <br/> Leave empty if you use a ribbon picture that contains text. <br/> You can use the Available Product Tokens here i.e "${max-discount-percentage} OFF" or "-${max-discount-percentage}" Ribbon text style Here you can specify css styles that will be applied only to the ribbon text (label) element.<br/> The ribbon text is an label html element that is nested inside the ribbon element. Big product picture ribbon Specify the settings for the ribbon shown on the big product picture.<br/> The big product picture is the one on the product page. General Information Category Ribbon Text Enabled Check/Uncheck to enable/disable this product ribbon. From date Set the date from which this product ribbon will be displayed. Ribbon name The name of this product ribbon. Please enter the name of this product ribbon. Priority NOTE: A lower number is a higher priority! Set the priority of the product ribbon. If two or more product ribbons match the same conditions and have the same position then the ribbon with the higher priority will be shown first. Product Ribbon Text Stop adding ribbons after this one is added If checked no more ribbons will be added to a product after this ribbon is added. Do not check if there will be multiple ribbons shown for a single product. To date Set the date till which this product ribbon will be displayed. Stores You need to save this product ribbon, before you can limit it to stores. days hours minutes day hour minute second seconds Submenu names Product Ribbons Ribbon Images Settings Mappings