Using CSS we can display wrapped ribbon type badge on the product images. <div class=”facets-item-cell-grid”> <div class=”ribbon ribbon-top-left”><span>On Sale</span></div> </div> CSS .facets-item-cell-grid { position: relative; } .ribbon-top-left { top: -10px; left: -10px; } .facets-item-cell-table .ribbon-top-left { left: -15px; } .facets-item-cell-grid .ribbon-top-left { left: -13px; } .ribbon-top-left::before, .ribbon-top-left::after {… Continue reading Wrapped ribbon on product images
Tag: badge
Creating badge for items in Cart page to Display desired messages.
Badges are used for displaying any special message for any item, for example to display the “NEW ARRIVAL” of an item or the “DISCOUNT” on any item. Here we are creating a badge for the items present in the cart page. Steps:1. Create a new extension for Cart item badge.2. Create a custom field in… Continue reading Creating badge for items in Cart page to Display desired messages.
Clearance Sale – Cart , Chekcout, Myaccount
Display the badge for the items in the Myaccount, cart and checkout when the item added under the sale category