[{"id":"standard","name":"Standard","type":"Built-in","based":null,"status":"Active","isDefault":true,"usage":["Search results","Category pages","Collection pages","Related products"],"template":false,"cfg":{"design":"Theme default","ctaLayout":"Stacked","showRating":true,"ratio":"Square 1:1","fit":"Fill area and crop","density":"Comfortable","lines":"2 lines","primary":"Add to cart","secondary":"None","showWishlist":true,"showCompare":true,"showDiscount":true,"showTax":false,"showVariant":false,"showStock":false,"showSoldOut":true},"templateCode":"{{! product-card.mustache — one card in a grid.\n Tokens like name, salePriceText and image come from the card data.\n Buttons are SLOT tags — Shoopy renders them wired to cart/checkout,\n and their TEXT comes from Display Labels. Don't hard-code button text. }}\n

\n \n {{#discountOff}}{{discountOff}} OFF{{/discountOff}}\n \n $\"{{name}}\"$ \n \n

\n {{#eyebrow}}

{{/eyebrow}}\n

\n {{#showRating}}

{{/showRating}}\n

\n {{salePriceText}}\n {{#showMrp}}~~{{mrpText}}~~{{/showMrp}}\n

\n \n \n \n

","templateCss":"/* custom.css — your card's layout & type. Button / stepper styling ships with\n Shoopy (the .sh-tc-* slot classes), so tweak spacing and colours here. */\n.pc-card {\n border: 1px solid #f0f0f0;\n border-radius: 12px;\n overflow: hidden;\n background: #fff;\n}\n/* The image sits in a fixed-ratio, clipped box and fills it absolutely, so\n overlays (badge, wishlist) float on top and NEVER push the photo — add or\n remove any element and the layout stays intact. */\n.pc-media {\n position: relative;\n display: block;\n aspect-ratio: 1 / 1;\n overflow: hidden;\n}\n.pc-img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n/* Discount badge — floats over the image's top-left corner. */\n.pc-badge {\n position: absolute;\n top: 8px;\n left: 8px;\n z-index: 2;\n background: #171717;\n color: #fff;\n font-size: 11px;\n font-weight: 700;\n padding: 3px 8px;\n border-radius: 6px;\n}\n.pc-body {\n padding: 12px;\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n.pc-title {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n}\n.pc-price {\n display: flex;\n align-items: baseline;\n gap: 8px;\n}\n.pc-mrp {\n color: #999;\n}\n.pc-cta {\n margin-top: 6px;\n display: flex;\n gap: 8px;\n}"},{"id":"compact","name":"Compact","type":"Built-in","based":null,"status":"Active","usage":[],"template":false,"cfg":{"design":"Theme default","ctaLayout":"Stacked","showRating":true,"ratio":"Square 1:1","fit":"Fill area and crop","density":"Compact","lines":"2 lines","primary":"Add to cart","secondary":"None","showWishlist":false,"showCompare":true,"showDiscount":true,"showTax":true,"showVariant":true,"showStock":true,"showSoldOut":true}},{"id":"image","name":"Image-focused","type":"Built-in","based":null,"status":"Active","usage":[],"template":false,"cfg":{"design":"Theme default","ctaLayout":"Stacked","showRating":true,"ratio":"Portrait 4:5","fit":"Fill area and crop","density":"Comfortable","lines":"1 line","primary":"View product","secondary":"None","showWishlist":true,"showCompare":true,"showDiscount":false,"showTax":false,"showVariant":false,"showStock":false,"showSoldOut":true}}]

K

Kitchen

D

Dairy

P

Personal Care

B

Baby Care

H

Home Care

G

Groceries, Oil & Masala

B

Beverages

Products