{"id":67,"date":"2018-02-28T08:38:32","date_gmt":"2018-02-28T08:38:32","guid":{"rendered":"https:\/\/demo.proteusthemes.com\/woondershop\/?page_id=67"},"modified":"2018-04-05T12:05:00","modified_gmt":"2018-04-05T12:05:00","slug":"all-elements","status":"publish","type":"page","link":"https:\/\/demo.proteusthemes.com\/woondershop\/all-elements\/","title":{"rendered":"All Elements"},"content":{"rendered":"<div id=\"pl-67\"  class=\"panel-layout\" ><div id=\"pg-67-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-0-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"0\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">UI: Titles<\/span><\/h3>\t\t\t<div class=\"textwidget\"><p>H1 to H6 title elements.<\/p>\n<h4>Examples<\/h4>\n<\/div>\n\t\t<\/div><div id=\"panel-67-0-0-1\" class=\"so-panel widget widget_text panel-last-child\" data-index=\"1\" >\t\t\t<div class=\"textwidget\"><h1>World&#8217;s first plastic-free aisle opens in Netherlands supermarket<\/h1>\n<p>Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution.<\/p>\n<h2>World&#8217;s first plastic-free aisle opens in Netherlands supermarket<\/h2>\n<p>Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution.<\/p>\n<h3>World&#8217;s first plastic-free aisle opens in Netherlands supermarket<\/h3>\n<p>Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution.<\/p>\n<h3>World&#8217;s first plastic-free aisle opens in Netherlands supermarket<\/h3>\n<p>Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution.<\/p>\n<h4>World&#8217;s first plastic-free aisle opens in Netherlands supermarket<\/h4>\n<p>Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution.<\/p>\n<h5>World&#8217;s first plastic-free aisle opens in Netherlands supermarket<\/h5>\n<p>Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution.<\/p>\n<h6>World&#8217;s first plastic-free aisle opens in Netherlands supermarket<\/h6>\n<p>Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution.<\/p>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-1-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"2\" >\t\t\t<div class=\"textwidget\"><hr>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-2-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"3\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">UI: Slider<\/span><\/h3>\t\t\t<div class=\"textwidget\"><p>Slider is a page template which can be selected from the <a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/page-attrs-template.png\">Page Attributes &gt; Template menu<\/a>. Once selected, the <strong>Front page slider<\/strong> meta box will be added above the Page Builder and there the slides can be added and the slider customized to fit your needs<\/p>\n<h4>Features<\/h4>\n<ul>\n<li>Two types of the slider:\n<ul>\n<li>With captions &#8211; for each slide, you can enter the title, custom text, buttons etc.<\/li>\n<li>With links &#8211; each slide image will a link to any URL you enter.<\/li>\n<\/ul>\n<\/li>\n<li>Each slide can be:\n<ul>\n<li>Image slide &#8211; default.<\/li>\n<li>Video slide\u00a0&#8211; upon clicking on the slide, the video you define will open and start playing in the opened popup window.<\/li>\n<\/ul>\n<\/li>\n<li>Recommended dimensions for slider images are 1920 x 600 px, but it will also accept images of different ratio and adapt accordingly.<\/li>\n<li>The slider settings can be folded so once the slider is configured it doesn&#8217;t take up space for editing of the rest of the page.<\/li>\n<li>Shortcodes (buttons, for example) can be used in the Slide text.<\/li>\n<li>Other settings:\n<ul>\n<li>Slide effects &#8211; fade or slide.<\/li>\n<li>Auto cycle &#8211; either autoplay the slides or only advance on arrow click.<\/li>\n<li>Cycle interval &#8211; how much time each slide will be shown before advancing to the next.<\/li>\n<li>Transition speed &#8211; how much time it takes for the transition to complete.<\/li>\n<li>Navigation arrows &#8211; show (or not) left\/right navigation arrows.<\/li>\n<li>Navigation dots &#8211; show (or not) navigation dots.<\/li>\n<li>Adaptive height &#8211; adapt slider height to the current slide.<\/li>\n<\/ul>\n<\/li>\n<li>AI features:\n<ul>\n<li>Large\u00a0PLAY button overlay is automatically added for video slides.<\/li>\n<li>Swipe on touch screens will change the slide (swipe left for next, swipe\u00a0right for previous).<\/li>\n<li>Adaptive height mode: slider will adapt during the transition for images of different height to be displayed in full.<\/li>\n<li>On touch screens (mobile, tablet) the navigation arrows will be shown all the time so it&#8217;s apparent that it&#8217;s a slider.<\/li>\n<li>On smaller screens, captions are moved below the slide images because there is very limited space available and we would have to sacrifice readability. To avoid bad UX practices, our theme slider provides captions below the slides on mobile and smaller tablets. We&#8217;ve <a href=\"https:\/\/www.proteusthemes.com\/blog\/creating-actually-usable-responsive-full-width-content-slider-in-construction-wordpress-theme\/\">written about it<\/a> on our blog.<\/li>\n<li>Slider captions will be automagically vertically aligned to the center of the slide, regardless of the amount of content.<\/li>\n<li>Simply copy&amp;paste a YouTube or Vimeo link and the video will be embedded automatically.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Screenshots of the settings<\/h4>\n<div id='gallery-1' class='gallery galleryid-0 gallery-columns-3 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-1.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"291\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-1-300x291.png\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-404\" srcset=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-1-300x291.png 300w, https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-1-768x746.png 768w, https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-1-600x583.png 600w, https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-1.png 894w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-404'>\n\t\t\t\tSlides screen\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-2.png'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"201\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-2-300x201.png\" class=\"attachment-medium size-medium\" alt=\"\" aria-describedby=\"gallery-1-405\" srcset=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-2-300x201.png 300w, https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-2-768x515.png 768w, https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-2.png 897w, https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-2-600x402.png 600w, https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-slider-setting-2-272x182.png 272w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-405'>\n\t\t\t\tSettings screen\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<h4>Examples<\/h4>\n<p>Slider example can be seen on the <a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\">front page<\/a>.<\/p>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-3\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-3-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"4\" >\t\t\t<div class=\"textwidget\"><hr>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-4\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-4-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-4-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"5\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">UI: Buttons<\/span><\/h3>\t\t\t<div class=\"textwidget\"><p>Buttons are used throughout the theme, but they are kept consistent. They can be used directly as HTML with classes or with the shortcode <code>button<\/code>.<\/p>\n<h4>Features<\/h4>\n<ul>\n<li>Colors\/types:\n<ul>\n<li>Primary &#8211; class <code>btn btn-primary<\/code> ,\u00a0shortcode attribute <code>style=\"primary\"<\/code><\/li>\n<li>Secondary &#8211; class <code>btn btn-secondary<\/code> ,\u00a0shortcode attribute <code>style=\"secondary\"<\/code><\/li>\n<li>Success &#8211; class <code>btn btn-success<\/code> ,\u00a0shortcode attribute <code>style=\"success\"<\/code><\/li>\n<li>Info &#8211; class <code>btn btn-info<\/code> ,\u00a0shortcode attribute <code>style=\"info\"<\/code><\/li>\n<li>Warning &#8211; class <code>btn btn-warning<\/code> ,\u00a0shortcode attribute <code>style=\"warning\"<\/code><\/li>\n<li>Danger &#8211; class <code>btn btn-danger<\/code> ,\u00a0shortcode attribute <code>style=\"danger\"<\/code><\/li>\n<li>Light &#8211; class <code>btn btn-light<\/code> ,\u00a0shortcode attribute <code>style=\"light\"<\/code><\/li>\n<li>Dark &#8211; class <code>btn btn-dark<\/code> ,\u00a0shortcode attribute <code>style=\"dark\"<\/code><\/li>\n<li>Link &#8211; class <code>btn btn-link<\/code> ,\u00a0shortcode attribute <code>style=\"link\"<\/code><\/li>\n<li><em>Each color has its outline counterpart, except Link\u00a0<\/em>&#8211; class <code>btn btn-outline-primary<\/code> ,\u00a0shortcode attribute <code>style=\"outline-primary\"<\/code><\/li>\n<\/ul>\n<\/li>\n<li>Sizes:\n<ul>\n<li>Small &#8211; class <code>btn btn-sm<\/code>,\u00a0shortcode attribute <code>class=\"btn-sm\"<\/code><\/li>\n<li>Normal &#8211; <em>default<\/em><\/li>\n<li>Large &#8211; class <code>btn btn-lg<\/code>,\u00a0shortcode attribute <code>class=\"btn-lg\"<\/code><\/li>\n<li>Block size &#8211; class <code>btn btn-block<\/code>,\u00a0shortcode attribute <code>class=\"btn-block\"<\/code><\/li>\n<\/ul>\n<\/li>\n<li>AI features:\n<ul>\n<li>The text color in the button is automatically determined to be white or black depending on the type.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Examples<\/h4>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-5\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-5-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-5-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"6\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Colors<\/span><\/h3><div class=\"textwidget custom-html-widget\"><p><button class=\"btn btn-primary\">Button .btn.btn-primary<\/button><\/p>\n<p><button class=\"btn btn-secondary\">Button .btn.btn-secondary<\/button><\/p>\n<p><button class=\"btn btn-success\">Button .btn.btn-success<\/button><\/p>\n<p><button class=\"btn btn-info\">Button .btn.btn-info<\/button><\/p>\n<p><button class=\"btn btn-warning\">Button .btn.btn-warning<\/button><\/p>\n<p><button class=\"btn btn-danger\">Button .btn.btn-danger<\/button><\/p>\n<p><button class=\"btn btn-light\">Button .btn.btn-light<\/button><\/p>\n<p><button class=\"btn btn-dark\">Button .btn.btn-dark<\/button><\/p>\n<p><button class=\"btn btn-link\">Button .btn.btn-link<\/button><\/p><\/div><\/div><\/div><div id=\"pgc-67-5-1\"  class=\"panel-grid-cell\" ><div id=\"panel-67-5-1-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"7\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Outline Colors<\/span><\/h3><div class=\"textwidget custom-html-widget\"><p><button class=\"btn btn-outline-primary\">Button .btn.btn-outline-primary<\/button><\/p>\n<p><button class=\"btn btn-outline-secondary\">Button .btn.btn-outline-secondary<\/button><\/p>\n<p><button class=\"btn btn-outline-success\">Button .btn.btn-outline-success<\/button><\/p>\n<p><button class=\"btn btn-outline-info\">Button .btn.btn-outline-info<\/button><\/p>\n<p><button class=\"btn btn-outline-warning\">Button .btn.btn-outline-warning<\/button><\/p>\n<p><button class=\"btn btn-outline-danger\">Button .btn.btn-outline-danger<\/button><\/p>\n<p><button class=\"btn btn-outline-light\">Button .btn.btn-outline-light<\/button><\/p>\n<p><button class=\"btn btn-outline-dark\">Button .btn.btn-outline-dark<\/button><\/p><\/div><\/div><\/div><div id=\"pgc-67-5-2\"  class=\"panel-grid-cell\" ><div id=\"panel-67-5-2-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child\" data-index=\"8\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Sizes<\/span><\/h3><div class=\"textwidget custom-html-widget\"><p><button class=\"btn btn-primary btn-sm\">Button .btn.btn-primary.btn-sm<\/button><\/p>\n<p><button class=\"btn btn-primary\">Button .btn.btn-primary<\/button><\/p>\n<p><button class=\"btn btn-primary btn-lg\">Button .btn.btn-primary.btn-lg<\/button><\/p><\/div><\/div><div id=\"panel-67-5-2-1\" class=\"widget_text so-panel widget widget_custom_html panel-last-child\" data-index=\"9\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Block Sizes<\/span><\/h3><div class=\"textwidget custom-html-widget\"><p><button class=\"btn btn-secondary btn-sm btn-block\">Button .btn.btn-secondary.btn-sm.btn-block<\/button><\/p>\n<p><button class=\"btn btn-secondary btn-block\">Button .btn.btn-secondary.btn-block<\/button><\/p>\n<p><button class=\"btn btn-secondary btn-lg btn-block\">Button .btn.btn-secondary.btn-lg.btn-block<\/button><\/p><\/div><\/div><\/div><\/div><div id=\"pg-67-6\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-6-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-6-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"10\" >\t\t\t<div class=\"textwidget\"><hr>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-7\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-7-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-7-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"11\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Widget: Image Banner<\/span><\/h3>\t\t\t<div class=\"textwidget\"><p>Upload your\u00a0photo and easily create a banner for your shop using the <strong>ProteusThemes Image Banner<\/strong> widget.<\/p>\n<h4>Features<\/h4>\n<ul>\n<li>Fields:\n<ul>\n<li>Title<\/li>\n<li>Subtitle<\/li>\n<li>Link (URL)<\/li>\n<li>Button text<\/li>\n<\/ul>\n<\/li>\n<li>Settings:\n<ul>\n<li>Text color (applies to the title, subtitle, and color of the CTA button)<\/li>\n<li>Text position:\n<ul>\n<li>top left<\/li>\n<li>top center<\/li>\n<li>top right<\/li>\n<li>middle left<\/li>\n<li>middle center<\/li>\n<li>middle right<\/li>\n<li>bottom left<\/li>\n<li>bottom center<\/li>\n<li>bottom right<\/li>\n<\/ul>\n<\/li>\n<li>Text size (applies to title and button size):\n<ul>\n<li>small<\/li>\n<li>normal<\/li>\n<li>big<\/li>\n<\/ul>\n<\/li>\n<li>Text container width:\n<ul>\n<li>full width<\/li>\n<li>half width<\/li>\n<\/ul>\n<\/li>\n<li>Picture (URL to the image)<\/li>\n<li>Link (URL for the CTA button)<\/li>\n<li>Checkbox to open a link in a new tab<\/li>\n<\/ul>\n<\/li>\n<li>AI features:\n<ul>\n<li>The text color in the button is automatically determined to be white or black depending on the Text color setting.<\/li>\n<li>If Button text field is left empty, there is no button but the whole banner is clickable.<\/li>\n<li>It&#8217;s using the aspect ratio of the image you upload and adapts to the space available and the screen size.<\/li>\n<li>Gets slightly darker on mouse over and the image is zommed in.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/pt-image-banner-widget-settings.png\" target=\"_blank\" rel=\"noopener\">Screenshot of the settings<\/a>.<\/p>\n<h4>Examples<\/h4>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-8\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-8-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-8-0-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"12\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Get yourself a new classic Coco dress\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--top-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tGet yourself a new classic Coco dress\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tFor 50% off, only today!\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"pgc-67-8-1\"  class=\"panel-grid-cell\" ><div id=\"panel-67-8-1-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"13\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Left middle position\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--big  image-banner__content--middle-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h2  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tLeft middle position\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><div id=\"pg-67-9\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-9-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-9-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"14\" >\t\t\t<div class=\"textwidget\"><p><strong>Different positions<\/strong><\/p>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-10\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-10-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-10-0-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child\" data-index=\"15\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--top-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tTop left\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div id=\"panel-67-10-0-1\" class=\"so-panel widget widget_pw_image_banner widget-image-banner\" data-index=\"16\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--middle-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tMiddle left\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div id=\"panel-67-10-0-2\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-last-child\" data-index=\"17\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--bottom-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tBottom left\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"pgc-67-10-1\"  class=\"panel-grid-cell\" ><div id=\"panel-67-10-1-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child\" data-index=\"18\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--top-center  image-banner__content--fullwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tTop center\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div id=\"panel-67-10-1-1\" class=\"so-panel widget widget_pw_image_banner widget-image-banner\" data-index=\"19\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--middle-center  image-banner__content--fullwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tMiddle center\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div id=\"panel-67-10-1-2\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-last-child\" data-index=\"20\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--bottom-center  image-banner__content--fullwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tBottom center\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"pgc-67-10-2\"  class=\"panel-grid-cell\" ><div id=\"panel-67-10-2-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child\" data-index=\"21\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--top-right  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tTop right\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div id=\"panel-67-10-2-1\" class=\"so-panel widget widget_pw_image_banner widget-image-banner\" data-index=\"22\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--middle-right  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tMiddle right\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><div id=\"panel-67-10-2-2\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-last-child\" data-index=\"23\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Position example\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--bottom-right  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tPosition example\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tBottom right\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><div id=\"pg-67-11\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-11-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-11-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"24\" >\t\t\t<div class=\"textwidget\"><p><strong>Different sizes<\/strong><\/p>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-12\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-12-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-12-0-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"25\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Small size\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--small  image-banner__content--middle-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h4  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tSmall size\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn  btn-sm  image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"pgc-67-12-1\"  class=\"panel-grid-cell\" ><div id=\"panel-67-12-1-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"26\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Normal size\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--middle-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tNormal size\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"pgc-67-12-2\"  class=\"panel-grid-cell\" ><div id=\"panel-67-12-2-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"27\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Big size\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--big  image-banner__content--middle-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h2  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tBig size\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--dark-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #000000; border-color: #000000\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>SHOP NOW<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><div id=\"pg-67-13\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-13-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-13-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"28\" >\t\t\t<div class=\"textwidget\"><p><strong>Other variations<\/strong><\/p>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-14\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-14-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-14-0-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"29\" >\t\t\t\t\t\t\t\t\t<div class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Custom text color\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--middle-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #61e6f4\">\n\t\t\t\t\t\t\t\tCustom text color\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"btn    image-banner__cta--light-bg  image-banner__cta\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\" background-color: #61e6f4; border-color: #61e6f4\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>BUTTON IS NOW BLACK<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"pgc-67-14-1\"  class=\"panel-grid-cell\" ><div id=\"panel-67-14-1-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"30\" >\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"No CTA button\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--middle-left  image-banner__content--halfwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tNo CTA button\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tThe whole banner is clickable!\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div><\/div><div id=\"pgc-67-14-2\"  class=\"panel-grid-cell\" ><div id=\"panel-67-14-2-0\" class=\"so-panel widget widget_pw_image_banner widget-image-banner panel-first-child panel-last-child\" data-index=\"31\" >\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/\" target=\"_self\" class=\"image-banner\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img-fluid  image-banner__image\" src=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/image-banner-img.jpg\" alt=\"Full width text\">\n\t\t\t\t\t<div class=\"image-banner__content  image-banner__content--normal  image-banner__content--bottom-center  image-banner__content--fullwidth\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"h3  image-banner__title\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tFull width text\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"image-banner__text\" style=\"color: #000000\">\n\t\t\t\t\t\t\t\tText will go all the way to the edges and not only 50%.\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div><\/div><\/div><div id=\"pg-67-15\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-15-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-15-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"32\" >\t\t\t<div class=\"textwidget\"><hr>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-16\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-16-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-16-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"33\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Widget: Instagram<\/span><\/h3>\t\t\t<div class=\"textwidget\"><p>Show latest images from your Instagram profile and engage your website visitors to follow you on social media with the CTA box feature.<\/p>\n<h4>Features<\/h4>\n<ul>\n<li>Fields:\n<ul>\n<li>Instagram access token (get it with a single click)<\/li>\n<li>Number of images<\/li>\n<li>CTA title<\/li>\n<li>CTA text<\/li>\n<li>CTA link (probably pointing to your Instagram profile)<\/li>\n<li>CTA icon (probably Instagram, but it can also be others)<\/li>\n<\/ul>\n<\/li>\n<li>Settings:\n<ul>\n<li>Show CTA box? (if this checkbox is checked, the additional CTA fields are shown &#8211; see above)<\/li>\n<\/ul>\n<\/li>\n<li>AI features:\n<ul>\n<li>Automatically places the CTA box in the best position for maximum engagement.<\/li>\n<li>The AI-powered layout that automatically fits the chosen number of images.<\/li>\n<li>ProteusThemes app which gets you an Instagram access token with a single click.<\/li>\n<li>Maximum performance:\n<ul>\n<li>Crisp images on mobile and desktop (also for retina displays).<\/li>\n<li>Will not slow down your site.<\/li>\n<li>Lazy loaded with spinner loader.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/demo.proteusthemes.com\/woondershop\/wp-content\/uploads\/sites\/67\/2018\/03\/woonder-instagram-widget-settings.png\">Screenshot of the settings<\/a>.<\/p>\n<h4>Examples<\/h4>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-67-17\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-67-17-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-17-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"34\" ><div class=\"panel-widget-style panel-widget-style-for-67-17-0-0\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Instagram widget without CTA box<\/span><\/h3>\t\t\t<div class=\"textwidget\"><p>6 images, no CTA box, inside the container.<\/p>\n<\/div>\n\t\t<\/div><\/div><div id=\"panel-67-17-0-1\" class=\"so-panel widget panel-last-child\" data-index=\"35\" ><\/div><\/div><\/div><div id=\"pg-67-18\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-67-18\" data-stretch-type=\"full-stretched\" ><div id=\"pgc-67-18-0\"  class=\"panel-grid-cell\" ><div id=\"panel-67-18-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"36\" ><div class=\"panel-widget-style panel-widget-style-for-67-18-0-0\" ><h3 class=\"widget-title\"><span class=\"widget-title__inline\">Instagram widget with CTA box<\/span><\/h3>\t\t\t<div class=\"textwidget\"><p>8 images, CTA box, edge to edge layout.<\/p>\n<\/div>\n\t\t<\/div><\/div><div id=\"panel-67-18-0-1\" class=\"so-panel widget panel-last-child\" data-index=\"37\" ><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>H1 to H6 title elements. Examples World&#8217;s first plastic-free aisle opens in Netherlands supermarket Shoppers in the Netherlands will get the chance to visit Europe\u2019s first plastic-free supermarket aisle on Wednesday in what campaigners claim is an turning point in the war on plastic pollution. World&#8217;s first plastic-free aisle opens in Netherlands supermarket Shoppers in &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":{"0":"post-67","1":"page","2":"type-page","3":"status-publish","5":"clearfix","6":"article"},"acf":[],"_links":{"self":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":8,"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":1055,"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/pages\/67\/revisions\/1055"}],"wp:attachment":[{"href":"https:\/\/demo.proteusthemes.com\/woondershop\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}