{"id":96,"date":"2026-07-29T08:32:44","date_gmt":"2026-07-29T08:32:44","guid":{"rendered":"https:\/\/douple.net\/demo\/?page_id=96"},"modified":"2026-07-29T08:32:44","modified_gmt":"2026-07-29T08:32:44","slug":"carousel-lookbook","status":"publish","type":"page","link":"https:\/\/douple.net\/demo\/carousel-lookbook\/","title":{"rendered":"Carousel Lookbook"},"content":{"rendered":"<div id=\"lookbookgallery-6241\" class=\"lookbook-gallery lookbookgallery-carousel lookbookgallery-style-slide lookbookgallery-slidefit-cover\" data-count=\"2\" data-perview=\"1\" data-autoplay=\"0\" data-speed=\"4000\" style=\"--lookbookgallery-gap:16px;--lookbookgallery-ratio:4 \/ 3;--lookbookgallery-perview:1;\"><div class=\"lookbookgallery-viewport\"><div class=\"lookbookgallery-track\"><div class=\"lookbookgallery-slide\"><div id=\"shopspot-3\" data-limit-top=\"110\" data-limit-left=\"310\" data-top=\"15\" data-bottom=\"5\" data-left=\"-15\" data-right=\"-15\" data-max-width=\"0\" class=\"shopspot lookbook-layout-0 lookbook-anim-beat lookbook-trigger-click lookbook-mobile-sheet\">\n            <div class=\"lookbook-markers light\" style=\"--lb-marker-size:30px;--lb-marker-color:#ffffff;--lb-radius:0px;\"><div id=\"lookbook-marker0\" class=\"lookbook-marker\" data-product=\"25\" style=\"left: 24.15663159929%; top: 52.303229320004%;\"><i class=\"lookbook-grab material-icons-round\" style=\"color:#ffffff\" role=\"button\" tabindex=\"0\" aria-label=\"View: LUNA NIGHTLY NOURISHING\" aria-expanded=\"false\">favorite<\/i><div class=\"lookbook-box is-price is-cart\">\n                    <a href=\"https:\/\/douple.net\/demo\/product\/luna-nightly-nourishing\/\" class=\"lookbook-product\">\n                            <div class=\"product-name\">\n                                <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/luna-1-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"LUNA NIGHTLY NOURISHING\" \/><\/div>\n                                <div class=\"product-info\">\n                                    <h3 class=\"product-name\">LUNA NIGHTLY NOURISHING<\/h3>\n                                    <div class=\"product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>30.00<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                        \n                        <div class=\"lookbook-cart\"><a href=\"\/demo\/wp-json\/wp\/v2\/pages\/96?add-to-cart=25\" data-quantity=\"1\" class=\"button lookbook-add-to-cart product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"25\" data-product_sku=\"\" rel=\"nofollow\" aria-label=\"Add to cart\">Add to cart<\/a><\/div>\n                        <i class=\"lookbook-close material-icons\" role=\"button\" tabindex=\"0\" aria-label=\"Close\">clear<\/i>\n                        <\/div>\n                    <\/div><div id=\"lookbook-marker1\" class=\"lookbook-marker\" data-product=\"27\" style=\"left: 70.557494796259%; top: 40.57544336423%;\"><i class=\"lookbook-grab material-icons-round\" style=\"color:#ffffff\" role=\"button\" tabindex=\"0\" aria-label=\"View: LUNA STONE\" aria-expanded=\"false\">favorite<\/i><div class=\"lookbook-box is-price is-cart\">\n                    <a href=\"https:\/\/douple.net\/demo\/product\/luna-stone\/\" class=\"lookbook-product\">\n                            <div class=\"product-name\">\n                                <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/luna-2-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"LUNA STONE\" \/><\/div>\n                                <div class=\"product-info\">\n                                    <h3 class=\"product-name\">LUNA STONE<\/h3>\n                                    <div class=\"product-price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>12.00<\/span> <span aria-hidden=\"true\">&ndash;<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>18.00<\/span><span class=\"screen-reader-text\">Price range: &#036;12.00 through &#036;18.00<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                        <div class=\"lookbook-variation\" data-variations=\"[{&quot;id&quot;:32,&quot;attributes&quot;:{&quot;attribute_color&quot;:&quot;Pink&quot;},&quot;in_stock&quot;:true},{&quot;id&quot;:33,&quot;attributes&quot;:{&quot;attribute_color&quot;:&quot;Yellow&quot;},&quot;in_stock&quot;:true},{&quot;id&quot;:34,&quot;attributes&quot;:{&quot;attribute_color&quot;:&quot;Blue&quot;},&quot;in_stock&quot;:true},{&quot;id&quot;:35,&quot;attributes&quot;:{&quot;attribute_color&quot;:&quot;Green&quot;},&quot;in_stock&quot;:true}]\"><select class=\"lookbook-variation-select\" data-attr=\"attribute_color\" aria-label=\"Color\"><option value=\"\">Color<\/option><option value=\"Pink\">Pink<\/option><option value=\"Yellow\">Yellow<\/option><option value=\"Blue\">Blue<\/option><option value=\"Green\">Green<\/option><\/select><\/div>\n                        <div class=\"lookbook-cart\"><a href=\"#\" class=\"button lookbook-add-to-cart lookbook-variation-btn\" data-parent_id=\"27\" data-quantity=\"1\" rel=\"nofollow\" aria-disabled=\"true\">Add to cart<\/a><\/div>\n                        <i class=\"lookbook-close material-icons\" role=\"button\" tabindex=\"0\" aria-label=\"Close\">clear<\/i>\n                        <\/div>\n                    <\/div><div id=\"lookbook-marker2\" class=\"lookbook-marker\" data-product=\"30\" style=\"left: 47.910652671925%; top: 16.715465040414%;\"><i class=\"lookbook-grab material-icons-round\" style=\"color:#ffffff\" role=\"button\" tabindex=\"0\" aria-label=\"View: ELEVATED BOTANICAL VOLUME\" aria-expanded=\"false\">favorite<\/i><div class=\"lookbook-box is-price is-cart\">\n                    <a href=\"https:\/\/douple.net\/demo\/product\/elevated-botanical-volume\/\" class=\"lookbook-product\">\n                            <div class=\"product-name\">\n                                <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/serene-1-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"ELEVATED BOTANICAL VOLUME\" \/><\/div>\n                                <div class=\"product-info\">\n                                    <h3 class=\"product-name\">ELEVATED BOTANICAL VOLUME<\/h3>\n                                    <div class=\"product-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>35.00<\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#036;35.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>29.00<\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#036;29.00.<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                        \n                        <div class=\"lookbook-cart\"><a href=\"\/demo\/wp-json\/wp\/v2\/pages\/96?add-to-cart=30\" data-quantity=\"1\" class=\"button lookbook-add-to-cart product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"30\" data-product_sku=\"\" rel=\"nofollow\" aria-label=\"Add to cart\">Add to cart<\/a><\/div>\n                        <i class=\"lookbook-close material-icons\" role=\"button\" tabindex=\"0\" aria-label=\"Close\">clear<\/i>\n                        <\/div>\n                    <\/div>   <\/div>\n                <img class=\"lookbook-photo\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-2.jpg\" alt=\"Product Hotspots\" width=\"1200\" height=\"896\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-2.jpg 1200w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-2-300x224.jpg 300w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-2-1024x765.jpg 1024w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-2-768x573.jpg 768w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-2-600x448.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>\n            <\/div><\/div><div class=\"lookbookgallery-slide\"><div id=\"shopspot-2\" data-limit-top=\"210\" data-limit-left=\"210\" data-top=\"15\" data-bottom=\"5\" data-left=\"-15\" data-right=\"-15\" data-max-width=\"0\" class=\"shopspot lookbook-layout-1 lookbook-anim-none lookbook-trigger-openfirst lookbook-mobile-sheet\">\n            <div class=\"lookbook-markers light\" style=\"--lb-marker-size:32px;--lb-marker-color:#ffffff;--lb-radius:6px;\"><div id=\"lookbook-marker0\" class=\"lookbook-marker\" data-product=\"19\" style=\"left: 23.150105282653%; top: 50.955207945777%;\"><i class=\"lookbook-grab material-icons-round\" style=\"color:#ffffff\" role=\"button\" tabindex=\"0\" aria-label=\"View: AETHER Blue Tarszy Pacial Oil\" aria-expanded=\"false\">local_offer<\/i><div class=\"lookbook-box is-price is-cart\">\n                    <a href=\"https:\/\/douple.net\/demo\/product\/aether-blue-tarszy-pacial-oil\/\" class=\"lookbook-product\">\n                            <div class=\"product-name\">\n                                <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/aether-1.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"AETHER Blue Tarszy Pacial Oil\" \/><\/div>\n                                <div class=\"product-info\">\n                                    <h3 class=\"product-name\">AETHER Blue Tarszy Pacial Oil<\/h3>\n                                    <div class=\"product-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>39.00<\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#036;39.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>25.00<\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#036;25.00.<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                        \n                        <div class=\"lookbook-cart\"><a href=\"\/demo\/wp-json\/wp\/v2\/pages\/96?add-to-cart=19\" data-quantity=\"1\" class=\"button lookbook-add-to-cart product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"19\" data-product_sku=\"\" rel=\"nofollow\" aria-label=\"Add to cart\">Add to cart<\/a><\/div>\n                        <i class=\"lookbook-close material-icons\" role=\"button\" tabindex=\"0\" aria-label=\"Close\">clear<\/i>\n                        <\/div>\n                    <\/div><div id=\"lookbook-marker1\" class=\"lookbook-marker\" data-product=\"21\" style=\"left: 48.615221093571%; top: 50.820405808354%;\"><i class=\"lookbook-grab material-icons-round\" style=\"color:#ffffff\" role=\"button\" tabindex=\"0\" aria-label=\"View: AETHER Moonstone Night Mask\" aria-expanded=\"false\">local_offer<\/i><div class=\"lookbook-box is-price is-cart\">\n                    <a href=\"https:\/\/douple.net\/demo\/product\/aether-moonstone-night-mask\/\" class=\"lookbook-product\">\n                            <div class=\"product-name\">\n                                <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/aether-2.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"AETHER Moonstone Night Mask\" \/><\/div>\n                                <div class=\"product-info\">\n                                    <h3 class=\"product-name\">AETHER Moonstone Night Mask<\/h3>\n                                    <div class=\"product-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>49.00<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                        \n                        <div class=\"lookbook-cart\"><a href=\"\/demo\/wp-json\/wp\/v2\/pages\/96?add-to-cart=21\" data-quantity=\"1\" class=\"button lookbook-add-to-cart product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"21\" data-product_sku=\"\" rel=\"nofollow\" aria-label=\"Add to cart\">Add to cart<\/a><\/div>\n                        <i class=\"lookbook-close material-icons\" role=\"button\" tabindex=\"0\" aria-label=\"Close\">clear<\/i>\n                        <\/div>\n                    <\/div><div id=\"lookbook-marker2\" class=\"lookbook-marker\" data-product=\"23\" style=\"left: 73.57707374617%; top: 50.820405808354%;\"><i class=\"lookbook-grab material-icons-round\" style=\"color:#ffffff\" role=\"button\" tabindex=\"0\" aria-label=\"View: AETHER Peach &amp; Bergamot Pulish\" aria-expanded=\"false\">local_offer<\/i><div class=\"lookbook-box is-price is-cart\">\n                    <a href=\"https:\/\/douple.net\/demo\/product\/aether-peach-bergamot-pulish\/\" class=\"lookbook-product\">\n                            <div class=\"product-name\">\n                                <div class=\"product-image\"><img decoding=\"async\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/aether-3.jpg\" class=\"attachment-thumbnail size-thumbnail wp-post-image\" alt=\"AETHER Peach &amp; Bergamot Pulish\" \/><\/div>\n                                <div class=\"product-info\">\n                                    <h3 class=\"product-name\">AETHER Peach &amp; Bergamot Pulish<\/h3>\n                                    <div class=\"product-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>49.00<\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#036;49.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>25.00<\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#036;25.00.<\/span><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/a>\n                        \n                        <div class=\"lookbook-cart\"><a href=\"\/demo\/wp-json\/wp\/v2\/pages\/96?add-to-cart=23\" data-quantity=\"1\" class=\"button lookbook-add-to-cart product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"23\" data-product_sku=\"\" rel=\"nofollow\" aria-label=\"Add to cart\">Add to cart<\/a><\/div>\n                        <i class=\"lookbook-close material-icons\" role=\"button\" tabindex=\"0\" aria-label=\"Close\">clear<\/i>\n                        <\/div>\n                    <\/div>   <\/div>\n                <img class=\"lookbook-photo\" src=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-1.jpg\" alt=\"Open First Hotspot\" width=\"1200\" height=\"896\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-1.jpg 1200w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-1-300x224.jpg 300w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-1-1024x765.jpg 1024w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-1-768x573.jpg 768w, https:\/\/douple.net\/demo\/wp-content\/uploads\/2026\/07\/product-1-600x448.jpg 600w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>\n            <\/div><\/div><\/div><button type=\"button\" class=\"lookbookgallery-nav lookbookgallery-prev\" aria-label=\"Previous\"><i class=\"material-icons-round\">chevron_left<\/i><\/button><button type=\"button\" class=\"lookbookgallery-nav lookbookgallery-next\" aria-label=\"Next\"><i class=\"material-icons-round\">chevron_right<\/i><\/button><\/div><div class=\"lookbookgallery-dots\"><button type=\"button\" class=\"lookbookgallery-dot active\" data-index=\"0\" aria-label=\"Go to slide 1\"><\/button><button type=\"button\" class=\"lookbookgallery-dot\" data-index=\"1\" aria-label=\"Go to slide 2\"><\/button><\/div><\/div>","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-96","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/pages\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":1,"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":97,"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/pages\/96\/revisions\/97"}],"wp:attachment":[{"href":"https:\/\/douple.net\/demo\/wp-json\/wp\/v2\/media?parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}