{"id":1747,"date":"2013-08-11T18:04:55","date_gmt":"2013-08-11T18:04:55","guid":{"rendered":"http:\/\/localhost:8888\/test\/?page_id=501"},"modified":"2025-09-07T07:22:05","modified_gmt":"2025-09-07T07:22:05","slug":"simple-slider","status":"publish","type":"page","link":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/shop-demos\/simple-slider\/","title":{"rendered":"Simple Slider"},"content":{"rendered":"\n<div class=\"slider-wrapper relative\" id=\"slider-419328259\" style=\"background-color:rgb(79, 79, 79);\">\n    <div class=\"slider slider-nav-circle slider-nav-normal slider-nav-light slider-style-normal slider-show-nav\"\n        data-flickity-options='{\n            \"cellAlign\": \"center\",\n            \"imagesLoaded\": true,\n            \"lazyLoad\": 1,\n            \"freeScroll\": false,\n            \"wrapAround\": true,\n            \"autoPlay\": 6000,\n            \"pauseAutoPlayOnHover\" : true,\n            \"prevNextButtons\": true,\n            \"contain\" : true,\n            \"adaptiveHeight\" : true,\n            \"dragThreshold\" : 10,\n            \"percentPosition\": true,\n            \"pageDots\": true,\n            \"rightToLeft\": false,\n            \"draggable\": true,\n            \"selectedAttraction\": 0.1,\n            \"parallax\" : 0,\n            \"friction\": 0.6        }'\n        >\n        \n\n\n  <div class=\"banner has-hover has-parallax\" id=\"banner-891809441\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-819310456\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"blurIn\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h3 class=\"alt-font\" data-animate=\"fadeInRight\">A nice title on Top<\/h3>\n<div class=\"is-divider divider clearfix\" ><\/div>\n\n<h2 class=\"uppercase\">Introducing This Spring Fashion News<\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n\n<a class=\"button primary\" >\n\t\t<span>Shop Women<\/span>\n\t<\/a>\n\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Shop Men<\/span>\n\t<\/a>\n\n\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-819310456 {\n  width: 69%;\n}\n#text-box-819310456 .text-box-content {\n  font-size: 105%;\n}\n@media (min-width:550px) {\n  #text-box-819310456 {\n    width: 60%;\n  }\n  #text-box-819310456 .text-box-content {\n    font-size: 100%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-891809441 {\n  padding-top: 600px;\n}\n#banner-891809441 .overlay {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n#banner-891809441 .banner-bg img {\n  object-position: 60% 16%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover has-parallax\" id=\"banner-983100492\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-818126961\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"blurIn\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h3 class=\"alt-font\" data-animate=\"fadeInRight\">A nice title on Top<\/h3>\n<h2 class=\"uppercase\">Introducing This Spring Fashion News<\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n\n<a class=\"button primary\" >\n\t\t<span>Shop Women<\/span>\n\t<\/a>\n\n\n<a class=\"button primary is-outline\" >\n\t\t<span>Shop Men<\/span>\n\t<\/a>\n\n\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-818126961 {\n  width: 69%;\n}\n#text-box-818126961 .text-box-content {\n  font-size: 105%;\n}\n@media (min-width:550px) {\n  #text-box-818126961 {\n    width: 60%;\n  }\n  #text-box-818126961 .text-box-content {\n    font-size: 100%;\n  }\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-983100492 {\n  padding-top: 600px;\n}\n#banner-983100492 .overlay {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n#banner-983100492 .banner-bg img {\n  object-position: 60% 16%;\n}\n<\/style>\n  <\/div>\n\n\n\n  <div class=\"banner has-hover has-parallax\" id=\"banner-693176840\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" data-parallax=\"-2\" data-parallax-container=\".banner\" data-parallax-background>\n            <img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n\n   <div id=\"text-box-963809807\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                     <div data-animate=\"blurIn\">           <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\n<h3 class=\"alt-font\" data-animate=\"fadeInRight\">A nice title on Top<\/h3>\n<h2 class=\"uppercase\">Add anything Here in the Page Builder<\/h2>\n<div class=\"is-divider divider clearfix\" ><\/div>\n\n<a class=\"button primary\" >\n\t\t<span>Shop Women<\/span>\n\t<\/a>\n\n\n\n              <\/div>\n           <\/div>\n       <\/div>                     \n<style>\n#text-box-963809807 {\n  width: 60%;\n}\n#text-box-963809807 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n\n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-693176840 {\n  padding-top: 600px;\n}\n#banner-693176840 .overlay {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n<\/style>\n  <\/div>\n\n\n\n     <\/div>\n\n     <div class=\"loading-spin dark large centered\"><\/div>\n\n\t<\/div>\n\n\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Featured Products<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n\n\t\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >\n\n  <\/div>\n\n<div class=\"container section-title-container\" ><h3 class=\"section-title section-title-center\"><b aria-hidden=\"true\"><\/b><span class=\"section-title-main\" >Browse Categories<\/span><b aria-hidden=\"true\"><\/b><\/h3><\/div>\n\n\n  \n    <div class=\"row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-circle\"  data-flickity-options='{&quot;imagesLoaded&quot;: true, &quot;groupCells&quot;: &quot;100%&quot;, &quot;dragThreshold&quot; : 5, &quot;cellAlign&quot;: &quot;left&quot;,&quot;wrapAround&quot;: true,&quot;prevNextButtons&quot;: true,&quot;percentPosition&quot;: true,&quot;pageDots&quot;: false, &quot;rightToLeft&quot;: false, &quot;autoPlay&quot; : false}' >\n\n  <div class=\"product-category col\" data-animate=\"fadeInLeft\">\n            <div class=\"col-inner\">\n              <a aria-label=\"Produktkategorie Gastronomie (siehe Vitepos Demo) besuchen\" href=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/produkt-kategorie\/gastronomie-siehe-vitepos-demo\/\">                <div class=\"box box-category has-hover box-overlay dark box-text-middle \">\n                <div class=\"box-image\" >\n                  <div class=\"image-zoom image-glow image-cover\" style=\"padding-top:87%;\">\n                  <img decoding=\"async\" src=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-content\/uploads\/2025\/10\/elevai-service-e1769014892490-500x384.webp\" alt=\"Gastronomie (siehe Vitepos Demo)\" width=\"300\" height=\"300\" \/>                  <div class=\"overlay\" style=\"background-color: 1\"><\/div>                                    <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Gastronomie (siehe Vitepos Demo)                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count show-on-hover hover-reveal reveal-small\">\n\t                      1 Produkt                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" data-animate=\"fadeInLeft\">\n            <div class=\"col-inner\">\n              <a aria-label=\"Produktkategorie Kitesurf besuchen\" href=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/produkt-kategorie\/kitesurf\/\">                <div class=\"box box-category has-hover box-overlay dark box-text-middle \">\n                <div class=\"box-image\" >\n                  <div class=\"image-zoom image-glow image-cover\" style=\"padding-top:87%;\">\n                  <img decoding=\"async\" src=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-content\/uploads\/2025\/09\/csm_header_kitesurf_b4ee3845be-1536x568-1-500x500.png\" alt=\"Kitesurf\" width=\"300\" height=\"300\" \/>                  <div class=\"overlay\" style=\"background-color: 1\"><\/div>                                    <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Kitesurf                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count show-on-hover hover-reveal reveal-small\">\n\t                      2 Produkte                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><div class=\"product-category col\" data-animate=\"fadeInLeft\">\n            <div class=\"col-inner\">\n              <a aria-label=\"Produktkategorie Wind-Abos besuchen\" href=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/produkt-kategorie\/wind-abos\/\">                <div class=\"box box-category has-hover box-overlay dark box-text-middle \">\n                <div class=\"box-image\" >\n                  <div class=\"image-zoom image-glow image-cover\" style=\"padding-top:87%;\">\n                  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-content\/uploads\/2025\/09\/0E1B6E8A-E54C-424C-AA6D9EE54EB8BFF4_source.png-e1768898752549-500x447.webp\" alt=\"Wind-Abos\" width=\"300\" height=\"300\" \/>                  <div class=\"overlay\" style=\"background-color: 1\"><\/div>                                    <\/div>\n                <\/div>\n                <div class=\"box-text text-center\" >\n                  <div class=\"box-text-inner\">\n                      <h5 class=\"uppercase header-title\">\n                              Wind-Abos                      <\/h5>\n                                            <p class=\"is-xsmall uppercase count show-on-hover hover-reveal reveal-small\">\n\t                      1 Produkt                      <\/p>\n                                            \n                  <\/div>\n                <\/div>\n                <\/div>\n            <\/a>            <\/div>\n            <\/div><\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1664,"parent":1723,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1747","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/pages\/1747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/comments?post=1747"}],"version-history":[{"count":1,"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/pages\/1747\/revisions"}],"predecessor-version":[{"id":3476,"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/pages\/1747\/revisions\/3476"}],"up":[{"embeddable":true,"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/pages\/1723"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/media\/1664"}],"wp:attachment":[{"href":"https:\/\/elevai.ch\/demos\/woo-shop\/wordpress\/wp-json\/wp\/v2\/media?parent=1747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}