{"id":8,"date":"2025-08-31T05:26:21","date_gmt":"2025-08-31T05:26:21","guid":{"rendered":"https:\/\/alaminahamed.xyz\/index.php\/shop\/"},"modified":"2025-08-31T05:26:21","modified_gmt":"2025-08-31T05:26:21","slug":"shop","status":"publish","type":"page","link":"https:\/\/alaminahamed.xyz\/index.php\/shop\/","title":{"rendered":"Shop"},"content":{"rendered":"<div class=\"flex flex-col gap-2\">\n\t<div>\n\t\t<p class=\"easycommerce-shop-count text-ec-body !mb-0\"> \n\t\t\tShowing 0 results\t\t<\/p>\n\t<\/div>\n\t\t<div id=\"easycommerce-filter\" class=\"easycommerce-filter cursor-pointer flex justify-start items-center mb-4\">\n\t\t<img decoding=\"async\" id=\"easycommerce-filter-icon\" class=\"w-9 h-9 object-contain\" src=\"https:\/\/alaminahamed.xyz\/wp-content\/plugins\/easycommerce\/assets\/common\/img\/blocks\/shop-page\/filter.png\" \/>\n\t<\/div>\n\t<div class=\"flex justify-between gap-10 items-start easycommerce-shop-container-front\">\n\t\t<input type=\"hidden\" id=\"shop-settings\" name=\"shop-settings\" value='{\"ProductPerPage\":9,\"columns\":3,\"align\":\"wide\",\"categoryColor\":\"var(--color-ec-secondary)\",\"showFilters\":true,\"categoryFontSize\":12,\"categoryFontWeight\":\"500\",\"categoryTextTransform\":\"\",\"categoryStyle\":\"\",\"categoryDecoration\":\"\",\"categoryLineHeight\":20,\"titleColor\":\"#121216\",\"titleFontSize\":16,\"titleFontWeight\":\"600\",\"titleTextTransfrom\":\"\",\"titleStyle\":\"\",\"titleDecoration\":\"\",\"titleLineHeight\":26,\"titleSpacing\":0,\"starSize\":13,\"ratingColor\":\"var(--color-ec-secondary)\",\"ratingFontSize\":16,\"ratingFontWeight\":\"400\",\"ratingTextTransform\":\"\",\"ratingStyle\":\"\",\"ratingDecoration\":\"\",\"ratingLineHeight\":26,\"ratingSpacing\":0,\"priceColor\":\"#120350\",\"priceFontSize\":20,\"priceFontWeight\":\"600\",\"priceTextTransform\":\"\",\"priceStyle\":\"\",\"priceDecoration\":\"\",\"priceLineHeight\":32,\"priceSpacing\":0,\"cartButtonColor\":\"var(--color-ec-primary)\",\"cartButtonBgColor\":\"var(--color-ec-accent)\",\"cartButtonFontSize\":16,\"cartButtonFontWeight\":\"500\",\"cartButtonTextTransform\":\"\",\"cartButtonStyle\":\"\",\"cartButtonDecoration\":\"\",\"cartButtonLineHeight\":26,\"cartButtonSpacing\":0,\"cartButtonHoverColor\":\"#ffffff\",\"cartButtonHoverBgColor\":\"var(--color-ec-primary)\",\"cartButtonHoverFontSize\":16,\"cartButtonHoverFontWeight\":\"500\",\"cartButtonHoverTextTransform\":\"\",\"cartButtonHoverStyle\":\"\",\"cartButtonHoverDecoration\":\"\",\"cartButtonHoverLineHeight\":26,\"cartButtonHoverSpacing\":0,\"checkoutButtonColor\":\"var(--color-ec-primary)\",\"checkoutButtonBgColor\":\"var(--color-ec-accent)\",\"checkoutButtonFontSize\":16,\"checkoutButtonFontWeight\":\"500\",\"checkoutButtonTextTransform\":\"\",\"checkoutButtonStyle\":\"\",\"checkoutButtonDecoration\":\"\",\"checkoutButtonLineHeight\":26,\"checkoutButtonSpacing\":0,\"checkoutButtonHoverColor\":\"#ffffff\",\"checkoutButtonHoverBgColor\":\"var(--color-ec-primary)\",\"checkoutButtonHoverFontSize\":16,\"checkoutButtonHoverFontWeight\":\"500\",\"checkoutButtonHoverTextTransform\":\"\",\"checkoutButtonHoverStyle\":\"\",\"checkoutButtonHoverDecoration\":\"\",\"checkoutButtonHoverLineHeight\":26,\"checkoutButtonHoverSpacing\":0}'>\n\t\t<input type=\"hidden\" id='shop-id' name=\"shop-id\" value=\"1\">\n\n\t\t<!-- Filter section -->\n\t\t\t\t\t<div class=\"easycommerce-drawer-container\">\n\t\t\t\t<div class=\"easycommerce-drawer-wrap mb-10\" style=\"width: 300px;\">\n\n\t<div class=\"easycommerce-drawer-header-space\" style=\"height: 50px;\"><\/div>\n\t<div class=\"easycommerce-drawer-product-search\">\n\t\t<img \n\t\t\tsrc=\"https:\/\/alaminahamed.xyz\/wp-content\/plugins\/easycommerce\/assets\/common\/img\/blocks\/shop-page\/product-search.png\" \n\t\t\talt=\"Search Icon\" \n\t\t\tclass=\"\"\n\t\t\/>\n\t\t<input \n\t\t\ttype=\"text\" \n\t\t\tclass=\"easycommerce-product-search border border-ec-border pl-14 pr-2 py-1 w-full rounded-lg hover:border-ec-secondary focus:border-ec-primary\" \n\t\t\tplaceholder=\" Search\"\n\t\t>\n\t<\/div>\n\n\t<div class=\"easycommerce-drawer-cross-icon bg-[#F8F8F8] border-b border-ec-border p-4\">\n\n\t\t<div class=\"flex items-center gap-[6px]\">\n\t\t\t\n\t\t\t<svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t<path clip-rule=\"evenodd\" fill-rule=\"evenodd\" d=\"M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z\"><\/path>\n\t\t\t<\/svg>\n\t\t\t<h3 class=\"!m-0\">\n\t\t\t\tFilter\t\t\t<\/h3>\n\t\t<\/div>\n\t\t\n\t\t<div class=\"easycommerce-drawer-close w-8 h-8 border border-ec-border cursor-pointer rounded-full bg-ec-border flex items-center justify-center\">\n\t\t\t<svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t\t<path clip-rule=\"evenodd\" fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/div>\n\t<\/div>\n\n\t<!-- Filters Section -->\n\t<div class=\"border-b border-ec-border\">\n\t\t<h5 class=\"easycommerce-filter-heading text-[16px] font-semibold cursor-pointer text-ec-body w-full flex justify-between items-center shadow-none py-6\" onclick=\"toggleAccordion('filters')\">\n\t\t\tFilters\t\t\t<span id=\"arrow-filters\" class=\"transform transition-transform\">\n\t\t\t\t<svg class=\"w-4 h-4\" data-slot=\"icon\" fill=\"none\" stroke-width=\"1.5\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\"><\/path>\n\t\t\t\t<\/svg>\n\t\t\t<\/span>\n\t\t<\/h5>\n\n\t\t<div id=\"filters\" class=\"accordion-content\">\n\t\t\t<div class=\"pb-8 flex flex-col gap-5\">\n\t\t\t\t<div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"low-to-high\" \/>\n\t\t\t\t\t\t\t\t\tLow to High\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div><div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"high-to-low\" \/>\n\t\t\t\t\t\t\t\t\tHigh to Low\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div><div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"newest\" \/>\n\t\t\t\t\t\t\t\t\tNewest\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div><div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"oldest\" \/>\n\t\t\t\t\t\t\t\t\tOldest\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div><div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"best-selling\" \/>\n\t\t\t\t\t\t\t\t\tBest Selling\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div><div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"lowest-selling\" \/>\n\t\t\t\t\t\t\t\t\tLowest Selling\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div><div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"top-rating\" \/>\n\t\t\t\t\t\t\t\t\tTop rating\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div><div class=\"flex justify-between\">\n\t\t\t\t\t\t\t\t<label class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<input type=\"radio\" class=\"easycommerce-shop-page-input-type-radio\" name=\"filter\" value=\"lowest-rating\" \/>\n\t\t\t\t\t\t\t\t\tLowest rating\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/div>\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<!-- Categories Section -->\n\t\t\t\t\t\n\t<!-- Price Slider Section -->\n\t<div class=\"py-3 border-b border-ec-border\">\n\t\t<h5 class=\"easycommerce-filter-heading text-[16px] font-semibold cursor-pointer colorec-body w-full flex justify-between items-center shadow-none py-3\" onclick=\"toggleAccordion('price-slider')\">\n\t\t\tPrice\t\t\t<span id=\"arrow-price-slider\" class=\"transform transition-transform\">\n\t\t\t\t<svg class=\"w-4 h-4\" data-slot=\"icon\" fill=\"none\" stroke-width=\"1.5\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m19.5 8.25-7.5 7.5-7.5-7.5\"><\/path>\n\t\t\t\t<\/svg>\n\t\t\t<\/span>\n\t\t<\/h5>\n\t\t<div id=\"price-slider\" class=\"flex-col gap-5 accordion-content\">\n\t\t\t<div class=\"bg-white rounded-md pt-3 mt-4\">\n\t\t\t\t<div class=\"relative h-2 bg-gray-200 rounded\">\n\t\t\t\t\t<div class=\"absolute h-full bg-ec-primary rounded w-full\"><\/div>\n\t\t\t\t\t<div class=\"slider\">\n\t\t\t\t\t\t<div class=\"absolute h-full bg-ec-primary rounded\"><\/div>\n\t\t\t\t\t\t<div class=\"easycommerce-handle-min cursor-pointer\"><\/div>\n\t\t\t\t\t\t<div class=\"absolute w-6 h-6 bg-white border-4 border-ec-primary rounded-full cursor-pointer -top-2 easycommerce-handle-max\" style=\"left: 80%;\"><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"flex justify-between mt-4 gap-10\">\n\t\t\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t\t\t<label class=\"text-[12px] mb-1 text-ec-placeholder\">\n\t\t\t\t\t\t\tMin Price\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t\t\t<input type=\"number\" id=\"easycommerce-min-price\" class=\"easycommerce-price-range-input-field\" value=\"0\" class=\"border border-ec-body rounded px-2 py-1 w-full pr-10\" min=\"0\" max=\"0\" \/>\n\t\t\t\t\t\t\t<span class=\"absolute inset-y-0 right-0 pr-3 flex items-center text-ec-secondary\">$<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t\t\t<label class=\"text-[12px] mb-1 text-ec-placeholder\">\n\t\t\t\t\t\t\tMax Price\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<div class=\"relative\">\n\t\t\t\t\t\t\t<input type=\"number\" id=\"easycommerce-max-price\" class=\"easycommerce-price-range-input-field\" value=\"0\" class=\"border border-ec-body rounded px-2 py-1 w-full pr-10\" min=\"0\" max=\"0\" \/>\n\t\t\t\t\t\t\t<span class=\"absolute inset-y-0 right-0 pr-3 flex items-center text-ec-secondary\">$<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"accordion-container\">\n\t\t\n\t\t<!-- Brand section -->\n\t\t\t<\/div>\n<\/div>\n\n<script>\n\tlet isToggled = false;\n\n\tfunction toggleAccordion(section) {\n\t\tconst el = document.getElementById(section);\n\t\tconst arrow = document.getElementById(`arrow-${section}`);\n\n\t\t\/\/ Toggle the \"open\" class to trigger the transition\n\t\tel.classList.toggle('open');\n\t\tarrow.classList.toggle('rotate-180');\n\t}\n\n\t\/**\n\t * Check if the height of each element exceeds 380px and add the class than add the scrolling class\n\t *\/\n\tconst accordionContents = document.querySelectorAll('.accordion-content');\n\n\t\/\/ Function to check if the height exceeds 380px and add the class\n\tfunction checkHeight(element) {\n\tif (element.scrollHeight > 380) {\n\t\telement.classList.add('easycommerce-categories-scrolling');\n\t} else {\n\t\telement.classList.remove('easycommerce-categories-scrolling');\n\t}\n\t}\n\n\t\/\/ Loop through each element and check its height\n\taccordionContents.forEach(checkHeight);\n\n\t\/\/ Optionally, use a MutationObserver to track changes in the content of the divs\n\taccordionContents.forEach((element) => {\n\tconst observer = new MutationObserver(() => checkHeight(element));\n\tobserver.observe(element, { childList: true, subtree: true });\n\t});\n<\/script>\n\t\t\t<\/div>\n\t\t\n\n\t\t<!-- Shop Grid -->\n\t\t<div class=\"easycommerce-shop-container w-[calc(100%_-_340px)] grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4\">\n\t\t\t<style>\n.ec-checkout-btn-6a202b87d45f3 {\n\tcolor: var(--color-ec-primary);\n\tbackground-color: var(--color-ec-accent);\n\tfont-size: 16px;\n\tfont-weight: 500;\n\ttext-transform: ;\n\ttext-decoration: ;\n\tline-height: 26px;\n\tletter-spacing: 0px;\n\ttransition: all 0.3s ease;\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tborder-radius: 6px;\n}\n.ec-checkout-btn-6a202b87d45f3:hover {\n\tcolor: #ffffff;\n\tbackground-color: var(--color-ec-primary);\n}\n<\/style>\n    <style>\n        .ec-cart-btn-6a202b87d4603 {\n            color: var(--color-ec-primary);\n            background-color: var(--color-ec-accent);\n            font-size: 16px;\n            font-weight: 500;\n            text-transform: ;\n            text-decoration: ;\n            line-height: 26px;\n            letter-spacing: 0px;\n\n            transition: all 0.3s ease;\n            display: inline-flex;\n            gap: 8px;\n            align-items: center;\n            padding: 8px 16px;\n            border-radius: 6px;\n        }\n        .ec-cart-btn-6a202b87d4603:hover {\n            color: #ffffff;\n            background-color: var(--color-ec-primary);\n        }\n    <\/style>\n    \t\t<\/div>\n\n\t<\/div>\n<\/div>\n\n<div class=\"w-full flex\">\n\t<div class=\"w-[30%]\"><\/div>\n\t<div class=\"w-[70%]\">\n\t\t<!-- Pagination -->\n\t<\/div>\n<\/div>\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":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alaminahamed.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alaminahamed.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alaminahamed.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alaminahamed.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alaminahamed.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/alaminahamed.xyz\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"wp:attachment":[{"href":"https:\/\/alaminahamed.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}