{"id":306,"date":"2015-12-17T15:44:06","date_gmt":"2015-12-17T14:44:06","guid":{"rendered":"http:\/\/demo.wpcasa.com\/bahia\/?page_id=306"},"modified":"2015-12-17T15:44:06","modified_gmt":"2015-12-17T14:44:06","slug":"custom-widgets","status":"publish","type":"page","link":"https:\/\/try.wpcasa.com\/bahia\/custom-widgets\/","title":{"rendered":"Custom Widgets"},"content":{"rendered":"<p>When you first active the Bahia theme you will see a default layout on the single listing page. But using widgets you can tailor them to your special needs by dragging and dropping widgets in the available widget areas.<\/p>\n<h3>Custom Widgets<\/h3>\n<p>The theme comes with a number of custom widgets especially for the single listing page that allow you to move around the elements until the page fully meets your requirements.<\/p>\n<div class=\"wpsight-image-gallery-sc\">\t\n\t\t<div class=\"wpsight-gallery-404 wpsight-gallery\" itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\">\n\t\t\t\t\t\n\t\t\t<div class=\"row uniform 100%\">\n\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"wpsight-gallery-item-u 12u 1u(medium)\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<figure class=\"wpsight-gallery-item image fit\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-widgets-admin.png\" itemprop=\"contentUrl\" data-size=\"1280x1180\" data-counter=\"0\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<img src=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-widgets-admin-1024x944.png\" itemprop=\"thumbnail\" alt=\"\" \/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"width\" content=\"768\">\n\t\t\t\t\t\t\t\t\t<meta itemprop=\"height\" content=\"708\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t<\/div><!-- .row uniform -->\n\t\t\n\t\t<\/div>\n\t<!-- Root element of PhotoSwipe. Must have class pswp. -->\n\t<div id=\"wpsight-gallery-404\" class=\"pswp\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\">\n\t    <div class=\"pswp__bg\"><\/div>\n\t    <div class=\"pswp__scroll-wrap\">\n\t        <div class=\"pswp__container\">\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t            <div class=\"pswp__item\"><\/div>\n\t        <\/div>\n\t        <div class=\"pswp__ui pswp__ui--hidden\">\t\t\n\t            <div class=\"pswp__top-bar\">\n\t            \n\t                <div class=\"pswp__counter\"><\/div>\n\t                \n\t                \t                <button class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"><\/button>\n\t                \t                \n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--fs\" title=\"Fullscreen\"><\/button>\n\t                \t                \n\t                \t                <button class=\"pswp__button pswp__button--zoom\" title=\"Zoom\"><\/button>\n\t                \t                \n\t                <div class=\"pswp__preloader\">\n\t                    <div class=\"pswp__preloader__icn\">\n\t                      <div class=\"pswp__preloader__cut\">\n\t                        <div class=\"pswp__preloader__donut\"><\/div>\n\t                      <\/div>\n\t                    <\/div>\n\t                <\/div>\n\t            <\/div>\t\t\n\t            <div class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\">\n\t                <div class=\"pswp__share-tooltip\"><\/div> \n\t            <\/div>\n\t            \n\t            \t            <button class=\"pswp__button pswp__button--arrow--left\" title=\"Previous\">\n\t            <\/button>\t\t\n\t            <button class=\"pswp__button pswp__button--arrow--right\" title=\"Next\">\n\t            <\/button>\n\t            \t            \n\t            <div class=\"pswp__caption\">\n\t                <div class=\"pswp__caption__center\"><\/div>\n\t            <\/div>\t\t\n\t        <\/div>\t\t\n\t    <\/div>\t\t\n\t<\/div>\t\n\t<script type=\"text\/javascript\">\n\t\t(function($) {\n\t\t    var $pswp = $('#wpsight-gallery-404')[0];\n\t\t    var image = [];\n\t\t\n\t\t    $('.wpsight-gallery').each( function() {\n\t\t        var $pic     = $(this),\n\t\t            getItems = function() {\n\t\t                var items = [];\n\t\t                $pic.find('a').each(function() {\n\t\t                    var $href   = $(this).attr('href'),\n\t\t                        $size   = $(this).data('size').split('x'),\n\t\t                        $width  = $size[0],\n\t\t                        $height = $size[1],\n\t\t                        $title  = $(this).find('meta[itemprop=title]').attr('content');\n\t\t\n\t\t                    var item = {\n\t\t                        src  : $href,\n\t\t                        w    : $width,\n\t\t                        h    : $height,\n\t\t                        title: $title\n\t\t                    }\n\t\t\n\t\t                    items.push(item);\n\t\t                });\n\t\t                return items;\n\t\t            }\n\t\t\n\t\t        var items = getItems();\n\t\t\n\t\t        $.each(items, function(index, value) {\n\t\t            image[index]     = new Image();\n\t\t            image[index].src = value['src'];\n\t\t        });\n\t\t\n\t\t        $pic.on('click', '.wpsight-gallery-item a', function(event) {\n\t\t            event.preventDefault();\n\t\t            \n\t\t            var $index = $(this).data('counter');\n\t\t            \n\t\t            var options = {\n\t\t                index: $index,\n\t\t                bgOpacity: 0.8,\n\t\t                showHideOpacity: true\n\t\t            }\n\t\t\n\t\t            var lightBox = new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);\n\t\t            lightBox.init();\n\t\t        });\n\t\t    });\n\t\t})(jQuery);\n\t<\/script><\/div>\n<h3>Single Listing<\/h3>\n<p>Apart from the usual widget areas like the sidebar and the footer the entire single listing page consists of multiple widget areas.<\/p>\n<p>There are two full width areas <em>Listing Single Top<\/em> and <em>Listing Single Bottom<\/em>. Further you can active your preferred widgets in the main content or in the sidebar area. There are so many options to layout the page. Check out our demo listing.<\/p>\n<p><a href=\"http:\/\/demo.wpcasa.com\/bahia\/listing\/unique-villa-with-private-beach\/\" class=\"button\">See Live Example<\/a><\/p>\n<p><a href=\"http:\/\/demo.wpcasa.com\/bahia\/listing\/unique-villa-with-private-beach\/\"><span class=\"image none\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-widgets-visual.jpg\" alt=\"wpcasa-bahia-widgets-visual\" width=\"708\" height=\"939\" class=\"alignnone size-full wp-image-405\" srcset=\"https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-widgets-visual.jpg 708w, https:\/\/try.wpcasa.com\/bahia\/wp-content\/uploads\/sites\/21\/2015\/12\/wpcasa-bahia-widgets-visual-226x300.jpg 226w\" sizes=\"(max-width: 708px) 100vw, 708px\" \/><\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you first active the Bahia theme you will see a default layout on the single listing page. But using widgets you can tailor them to your special needs by dragging and dropping widgets in the available widget areas. Custom Widgets The theme comes with a number of custom widgets especially for the single listing<span class=\"moretag\"><a class=\"button small\" href=\"https:\/\/try.wpcasa.com\/bahia\/custom-widgets\/\">More info<\/a><\/span><\/p>\n","protected":false},"author":33,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages\/306"}],"collection":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/comments?post=306"}],"version-history":[{"count":0,"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/pages\/306\/revisions"}],"wp:attachment":[{"href":"https:\/\/try.wpcasa.com\/bahia\/wp-json\/wp\/v2\/media?parent=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}