Integration StepsIn this example we will create Custom Sticker component for Product Card.
The main idea is that we will create a CustomSticker component that will be shown based on certain logic. The example will showcase the sticker logic if the product has a 'sale' tag:
CustomStickercomponents/Cards/Product/index.tsxCSS
const CustomSticker = ({item}) => { const sale = item.get('tags')?.find(tag => tag.toLowerCase() === 'sale'); return ( <div className='findify-custom-sticker' display-if={sale}>sale</div> )};export default CustomSticker;
MJS VersionThis module has been optimized for MJS version 7.1.25