{"id":5222,"date":"2026-02-15T15:00:42","date_gmt":"2026-02-15T15:00:42","guid":{"rendered":"https:\/\/www.soundsofomaleh.com\/?page_id=5222"},"modified":"2026-03-27T18:03:51","modified_gmt":"2026-03-27T18:03:51","slug":"collection","status":"publish","type":"page","link":"https:\/\/www.soundsofomaleh.com\/?page_id=5222","title":{"rendered":"Artist&#8217;s Collection"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5222\" class=\"elementor elementor-5222\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3a4d66 e-flex e-con-boxed e-con e-parent\" data-id=\"f3a4d66\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6bd852e e-con-full e-flex e-con e-child\" data-id=\"6bd852e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ef3b11 elementor-widget elementor-widget-heading\" data-id=\"0ef3b11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Artist Wallpaper<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22ff34c elementor-widget elementor-widget-html\" data-id=\"22ff34c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"artist-subcategories\">\r\n    \r\n    <div id=\"subcategory-grid\" class=\"subcategory-grid\"><\/div>\r\n    <div class=\"load-more-wrapper\">\r\n        <button id=\"load-more-btn\">Load More<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.artist-subcategories {\r\n    padding: 40px 20px;\r\n    font-family: Arial, sans-serif;\r\n}\r\n\r\n.section-title {\r\n    text-align: center;\r\n    font-size: 30px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.subcategory-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n@media(max-width:1024px){\r\n    .subcategory-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media(max-width:600px){\r\n    .subcategory-grid { grid-template-columns: repeat(1, 1fr); }\r\n}\r\n\r\n.subcategory-card {\r\n     border-radius: 14px;\r\n    overflow: hidden;\r\n    transition: 0.3s ease;\r\n\r\n    \/* Glass Effect *\/\r\n    background: rgba(255, 255, 255, 0.15);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.subcategory-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n.subcategory-card img {\r\n    width: 100%;\r\n    height: 420px;\r\n    object-fit: cover;\r\n}\r\n\r\n.subcategory-card h3 {\r\n    padding: 18px;\r\n    text-align: center;\r\n    font-size: 35px;\r\n    margin: 0;\r\n    font-family: syne;\r\n    margin: -2% 0 0 0;\r\n}\r\n\r\n.subcategory-card a {\r\n    text-decoration: none;\r\n    color: #000;\r\n}\r\n\r\n.load-more-wrapper {\r\n    text-align: center;\r\n    margin-top: 30px;\r\n}\r\n\r\n#load-more-btn {\r\n    padding: 12px 30px;\r\n    border: none;\r\n    background: #000;\r\n    color: #fff;\r\n    cursor: pointer;\r\n    border-radius: 6px;\r\n    font-size: 16px;\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n    let currentPage = 1;\r\n    let loading = false;\r\n\r\n    const container = document.getElementById(\"subcategory-grid\");\r\n    const loadMoreBtn = document.getElementById(\"load-more-btn\");\r\n\r\n    function loadCategories() {\r\n\r\n        if (loading) return;\r\n        loading = true;\r\n\r\n        loadMoreBtn.innerText = \"Loading...\";\r\n        loadMoreBtn.disabled = true;\r\n\r\n        const formData = new FormData();\r\n        formData.append(\"action\", \"get_artist_subcategories\");\r\n        formData.append(\"page\", currentPage);\r\n\r\n        fetch(\"\/wp-admin\/admin-ajax.php\", {\r\n            method: \"POST\",\r\n            body: formData\r\n        })\r\n        .then(response => response.json())\r\n        .then(data => {\r\n\r\n            const categories = data.categories;\r\n\r\n            if(categories.length > 0){\r\n\r\n                categories.forEach(cat => {\r\n\r\n                    const card = `\r\n                        <div class=\"subcategory-card\">\r\n                            <a href=\"${cat.link}\">\r\n                                ${cat.image ? `<img decoding=\"async\" src=\"${cat.image}\" alt=\"${cat.name}\" loading=\"lazy\">` : ''}\r\n                                <h3>${cat.name}<\/h3>\r\n                            <\/a>\r\n                        <\/div>\r\n                    `;\r\n\r\n                    container.insertAdjacentHTML(\"beforeend\", card);\r\n                });\r\n\r\n                currentPage++;\r\n            }\r\n\r\n            \/\/ Hide button if no more categories\r\n            if(!data.has_more){\r\n                loadMoreBtn.style.display = \"none\";\r\n            } else {\r\n                loadMoreBtn.innerText = \"Load More\";\r\n                loadMoreBtn.disabled = false;\r\n            }\r\n\r\n            loading = false;\r\n\r\n        })\r\n        .catch(error => {\r\n            console.error(error);\r\n            loading = false;\r\n        });\r\n    }\r\n\r\n    loadCategories();\r\n\r\n    loadMoreBtn.addEventListener(\"click\", loadCategories);\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Artist Wallpaper Load More<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/5222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5222"}],"version-history":[{"count":41,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/5222\/revisions"}],"predecessor-version":[{"id":6525,"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=\/wp\/v2\/pages\/5222\/revisions\/6525"}],"wp:attachment":[{"href":"https:\/\/www.soundsofomaleh.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}