{"id":9,"date":"2025-12-18T09:06:51","date_gmt":"2025-12-18T09:06:51","guid":{"rendered":"https:\/\/makemylife.in\/?page_id=9"},"modified":"2025-12-18T09:07:17","modified_gmt":"2025-12-18T09:07:17","slug":"shop","status":"publish","type":"page","link":"https:\/\/makemylife.in\/?page_id=9","title":{"rendered":"Shop"},"content":{"rendered":"\n<style>\n.luxury-shop {\n    background: var(--luxury-cream);\n    min-height: 80vh;\n}\n\n.luxury-shop-header {\n    background: var(--luxury-white);\n    padding: 50px 30px;\n    text-align: center;\n    border-bottom: 1px solid var(--luxury-cream-dark);\n}\n\n.luxury-shop-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 42px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n    margin-bottom: 10px;\n}\n\n.luxury-shop-breadcrumb {\n    font-size: 14px;\n    color: var(--luxury-text-light);\n}\n\n.luxury-shop-breadcrumb a {\n    color: var(--luxury-text-light);\n    text-decoration: none;\n    transition: var(--luxury-transition);\n}\n\n.luxury-shop-breadcrumb a:hover {\n    color: var(--luxury-primary);\n}\n\n.luxury-shop-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 50px 30px;\n    display: grid;\n    grid-template-columns: 280px 1fr;\n    gap: 50px;\n}\n\n.luxury-shop-sidebar {\n    background: var(--luxury-white);\n    padding: 30px;\n    border-radius: var(--luxury-radius-lg);\n    box-shadow: var(--luxury-shadow);\n    height: fit-content;\n    position: sticky;\n    top: 100px;\n}\n\n.luxury-sidebar-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 22px;\n    font-weight: 600;\n    color: var(--luxury-primary);\n    margin-bottom: 25px;\n    padding-bottom: 15px;\n    border-bottom: 2px solid var(--luxury-cream);\n}\n\n.luxury-category-list {\n    list-style: none;\n}\n\n.luxury-category-list li {\n    margin-bottom: 5px;\n}\n\n.luxury-category-list a {\n    display: block;\n    padding: 12px 15px;\n    color: var(--luxury-text);\n    text-decoration: none;\n    border-radius: var(--luxury-radius);\n    transition: var(--luxury-transition);\n    font-size: 15px;\n}\n\n.luxury-category-list a:hover,\n.luxury-category-list a.active {\n    background: var(--luxury-cream);\n    color: var(--luxury-primary);\n    padding-left: 20px;\n}\n\n.luxury-category-list a.active {\n    font-weight: 600;\n}\n\n.luxury-shop-content {\n    min-height: 500px;\n}\n\n.luxury-shop-toolbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 30px;\n    padding: 20px 25px;\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius);\n    box-shadow: var(--luxury-shadow);\n}\n\n.luxury-results-count {\n    font-size: 15px;\n    color: var(--luxury-text-light);\n}\n\n.luxury-sort-select {\n    padding: 10px 20px;\n    border: 1px solid var(--luxury-cream-dark);\n    border-radius: var(--luxury-radius);\n    font-size: 14px;\n    color: var(--luxury-text);\n    background: var(--luxury-white);\n    cursor: pointer;\n}\n\n.luxury-products-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.luxury-product-card {\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n    overflow: hidden;\n    box-shadow: var(--luxury-shadow);\n    transition: var(--luxury-transition);\n    text-decoration: none;\n    color: var(--luxury-text);\n}\n\n.luxury-product-card:hover {\n    transform: translateY(-8px);\n    box-shadow: var(--luxury-shadow-hover);\n}\n\n.luxury-product-image {\n    position: relative;\n    height: 280px;\n    background: var(--luxury-cream);\n    overflow: hidden;\n}\n\n.luxury-product-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: var(--luxury-transition);\n}\n\n.luxury-product-card:hover .luxury-product-image img {\n    transform: scale(1.05);\n}\n\n.luxury-product-badge {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    padding: 6px 15px;\n    background: var(--luxury-gold);\n    color: var(--luxury-text);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-radius: 20px;\n}\n\n.luxury-product-actions {\n    position: absolute;\n    bottom: 15px;\n    left: 15px;\n    right: 15px;\n    opacity: 0;\n    transform: translateY(10px);\n    transition: var(--luxury-transition);\n}\n\n.luxury-product-card:hover .luxury-product-actions {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.luxury-quick-add {\n    width: 100%;\n    padding: 12px;\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n    border: none;\n    border-radius: var(--luxury-radius);\n    font-family: 'Lato', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    cursor: pointer;\n    transition: var(--luxury-transition);\n}\n\n.luxury-quick-add:hover {\n    background: var(--luxury-primary-dark);\n}\n\n.luxury-product-info {\n    padding: 25px;\n}\n\n.luxury-product-name {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 20px;\n    font-weight: 600;\n    margin-bottom: 10px;\n    color: var(--luxury-text);\n}\n\n.luxury-product-price {\n    font-family: 'Lato', sans-serif;\n    font-size: 18px;\n    color: var(--luxury-primary);\n    font-weight: 600;\n}\n\n.luxury-product-price .original {\n    text-decoration: line-through;\n    color: var(--luxury-text-light);\n    font-size: 14px;\n    margin-left: 10px;\n    font-weight: 400;\n}\n\n.luxury-no-products {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 80px 30px;\n    background: var(--luxury-white);\n    border-radius: var(--luxury-radius-lg);\n}\n\n.luxury-no-products h3 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 28px;\n    color: var(--luxury-primary);\n    margin-bottom: 15px;\n}\n\n.luxury-no-products p {\n    color: var(--luxury-text-light);\n    margin-bottom: 30px;\n}\n\n.luxury-pagination {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 50px;\n}\n\n.luxury-pagination a,\n.luxury-pagination span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 45px;\n    height: 45px;\n    padding: 0 15px;\n    background: var(--luxury-white);\n    color: var(--luxury-text);\n    text-decoration: none;\n    border-radius: var(--luxury-radius);\n    transition: var(--luxury-transition);\n    font-weight: 500;\n}\n\n.luxury-pagination a:hover {\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n}\n\n.luxury-pagination .current {\n    background: var(--luxury-primary);\n    color: var(--luxury-white);\n}\n\n@media (max-width: 1024px) {\n    .luxury-shop-container {\n        grid-template-columns: 1fr;\n    }\n    \n    .luxury-shop-sidebar {\n        position: static;\n        margin-bottom: 30px;\n    }\n    \n    .luxury-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .luxury-shop-header {\n        padding: 40px 20px;\n    }\n    \n    .luxury-shop-title {\n        font-size: 32px;\n    }\n    \n    .luxury-shop-container {\n        padding: 30px 20px;\n    }\n    \n    .luxury-products-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n    }\n    \n    .luxury-product-image {\n        height: 200px;\n    }\n    \n    .luxury-product-info {\n        padding: 15px;\n    }\n    \n    .luxury-product-name {\n        font-size: 16px;\n    }\n    \n    .luxury-shop-toolbar {\n        flex-direction: column;\n        gap: 15px;\n    }\n}\n<\/style>\n\n<div class=\"luxury-shop\">\n    <div class=\"luxury-shop-header\">\n        <h1 class=\"luxury-shop-title\">\n                            Shop\n                    <\/h1>\n        <p class=\"luxury-shop-breadcrumb\">\n            <a href=\"https:\/\/makemylife.in\/\">Home<\/a> \/ \n            <a href=\"https:\/\/makemylife.in\/?page_id=9\">Shop<\/a>\n                    <\/p>\n    <\/div>\n    \n    <div class=\"luxury-shop-container\">\n        <aside class=\"luxury-shop-sidebar\">\n            <h3 class=\"luxury-sidebar-title\">Categories<\/h3>\n            <ul class=\"luxury-category-list\">\n                <li>\n                    <a href=\"https:\/\/makemylife.in\/?page_id=9\" class=\"active\">\n                        All Products\n                    <\/a>\n                <\/li>\n                                <li>\n                    <a href=\"https:\/\/makemylife.in\/?page_id=9&#038;category=1\" \n                       class=\"\">\n                        Sacred Items                    <\/a>\n                <\/li>\n                                <li>\n                    <a href=\"https:\/\/makemylife.in\/?page_id=9&#038;category=2\" \n                       class=\"\">\n                        Puja Essentials                    <\/a>\n                <\/li>\n                                <li>\n                    <a href=\"https:\/\/makemylife.in\/?page_id=9&#038;category=3\" \n                       class=\"\">\n                        Spiritual Decor                    <\/a>\n                <\/li>\n                            <\/ul>\n        <\/aside>\n        \n        <div class=\"luxury-shop-content\">\n            <div class=\"luxury-shop-toolbar\">\n                <p class=\"luxury-results-count\">\n                    Showing 1 products\n                <\/p>\n            <\/div>\n            \n            <div class=\"luxury-products-grid\">\n                                                        <div class=\"luxury-product-card\">\n                        <a href=\"https:\/\/makemylife.in\/?page_id=10&#038;id=1\" class=\"luxury-product-image\">\n                                                        <span class=\"luxury-product-badge\">Sale<\/span>\n                                                        <img decoding=\"async\" src=\"https:\/\/makemylife.in\/wp-content\/uploads\/2025\/12\/istockphoto-1180422792-612x612-1.jpg\" alt=\"rice\">\n                            <div class=\"luxury-product-actions\">\n                                <button type=\"button\" class=\"luxury-quick-add\" data-product-id=\"1\">\n                                    Add to Cart\n                                <\/button>\n                            <\/div>\n                        <\/a>\n                        <div class=\"luxury-product-info\">\n                            <a href=\"https:\/\/makemylife.in\/?page_id=10&#038;id=1\">\n                                <h3 class=\"luxury-product-name\">rice<\/h3>\n                            <\/a>\n                            <p class=\"luxury-product-price\">\n                                \u20b9700.00                                                                <span class=\"original\">\u20b91,000.00<\/span>\n                                                            <\/p>\n                        <\/div>\n                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    var ajaxUrl = 'https:\/\/makemylife.in\/wp-admin\/admin-ajax.php';\n    var nonce = '570bb35302';\n    \n    document.querySelectorAll('.luxury-quick-add').forEach(function(btn) {\n        btn.addEventListener('click', function(e) {\n            e.preventDefault();\n            e.stopPropagation();\n            \n            var productId = this.getAttribute('data-product-id');\n            var button = this;\n            \n            button.textContent = 'Adding...';\n            button.disabled = true;\n            \n            var formData = new FormData();\n            formData.append('action', 'luxury_add_to_cart');\n            formData.append('product_id', productId);\n            formData.append('quantity', 1);\n            formData.append('nonce', nonce);\n            \n            fetch(ajaxUrl, {\n                method: 'POST',\n                body: formData\n            })\n            .then(function(response) { return response.json(); })\n            .then(function(data) {\n                if (data.success) {\n                    button.textContent = 'Added!';\n                    if (window.updateLuxuryCartCount) {\n                        window.updateLuxuryCartCount(data.data.cart_count);\n                    }\n                    setTimeout(function() {\n                        button.textContent = 'Add to Cart';\n                        button.disabled = false;\n                    }, 2000);\n                } else {\n                    button.textContent = 'Error';\n                    setTimeout(function() {\n                        button.textContent = 'Add to Cart';\n                        button.disabled = false;\n                    }, 2000);\n                }\n            });\n        });\n    });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/makemylife.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":1,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/makemylife.in\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/makemylife.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}