{"id":54,"date":"2016-04-04T08:23:11","date_gmt":"2016-04-04T08:23:11","guid":{"rendered":"https:\/\/demo.yolotheme.com\/sofani\/?page_id=54"},"modified":"2016-07-25T10:02:27","modified_gmt":"2016-07-25T10:02:27","slug":"products-2-columns-with-sidebar","status":"publish","type":"page","link":"https:\/\/demo.yolotheme.com\/sofani\/products-2-columns-with-sidebar\/","title":{"rendered":"Products 2 Columns with Sidebar"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1469440945221{padding-bottom: 40px !important;}&#8221;][vc_column]\n                            <div id=\"shortcode-product-wrap-69d28d81a63a0\" class=\"shortcode-product-wrap grid  \" >\n                    <div class=\"product-filters\">\r\n    <ul data-option-key=\"filter\" class=\"filter-center style_4\">\r\n                    <li>\r\n                <a class=\"selected\" href=\"#\" data-option-value=\"*\">All<\/a>\r\n            <\/li>\r\n                                <li>\r\n                    <a href=\"#\" data-option-value=\".product_cat-chair\">Chair<\/a>\r\n                <\/li>\r\n                                <li>\r\n                    <a href=\"#\" data-option-value=\".product_cat-decoration\">Decoration<\/a>\r\n                <\/li>\r\n                                <li>\r\n                    <a href=\"#\" data-option-value=\".product_cat-essential\">Essential<\/a>\r\n                <\/li>\r\n                                <li>\r\n                    <a href=\"#\" data-option-value=\".product_cat-sofas\">Sofas<\/a>\r\n                <\/li>\r\n                            <\/ul>\r\n<\/div>\r\n\r\n\r\n<div class=\"product-wrap grid\">\r\n    <div class=\"product-inner clearfix product-style-grid product-paging-load-more product-col-2\">\r\n        <div class=\"woocommerce product-listing clearfix columns-2\">\n                    <div class=\"product-item-wrap mobile_columns1 button-has-tooltip product-style_1 no-padding post-180 product type-product status-publish has-post-thumbnail hentry product_cat-chair product_tag-chair\">\r\n        <div class=\"product-item-inner\">\r\n        <div class=\"product-thumb gray\">\r\n            <a class=\"product-link\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/modular-modern\/\">\n\t<div class=\"product-hover-sign\">\n\t\t<hr>\n\t\t<hr>\n\t<\/div>\n<\/a>            <div class=\"product-actions\">\r\n                \n<div\n\tclass=\"yith-wcwl-add-to-wishlist add-to-wishlist-180  wishlist-fragment on-first-load\"\n\tdata-fragment-ref=\"180\"\n\tdata-fragment-options=\"{&quot;base_url&quot;:&quot;&quot;,&quot;in_default_wishlist&quot;:false,&quot;is_single&quot;:false,&quot;show_exists&quot;:false,&quot;product_id&quot;:180,&quot;parent_product_id&quot;:180,&quot;product_type&quot;:&quot;simple&quot;,&quot;show_view&quot;:false,&quot;browse_wishlist_text&quot;:&quot;Browse Wishlist&quot;,&quot;already_in_wishslist_text&quot;:&quot;The product is already in the wishlist!&quot;,&quot;product_added_text&quot;:&quot;Product added!&quot;,&quot;heading_icon&quot;:&quot;&quot;,&quot;available_multi_wishlist&quot;:false,&quot;disable_wishlist&quot;:false,&quot;show_count&quot;:false,&quot;ajax_loading&quot;:false,&quot;loop_position&quot;:false,&quot;item&quot;:&quot;add_to_wishlist&quot;}\"\n>\n\t\t\t\n\t\t\t<!-- ADD TO WISHLIST -->\n\t\t\t\n<a href=\"\/sofani\/wp-json\/wp\/v2\/pages\/54?add_to_wishlist=180\" rel=\"nofollow\" data-product-id=\"180\" data-product-type=\"simple\" class=\"add_to_wishlist single_add_to_wishlist\" >\n        <i class=\"fa fa-heart-o\"><\/i>\n    Add to Wishlist<\/a>\n<img src=\"https:\/\/demo.yolotheme.com\/sofani\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/wpspin_light.gif\" class=\"ajax-loading\" alt=\"loading\" width=\"16\" height=\"16\" style=\"visibility:hidden\" \/>\n\t\t\t<!-- COUNT TEXT -->\n\t\t\t\n\t\t\t<\/div>\n\t<a data-toggle=\"\" data-placement=\"top\" title=\"Compare\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/modular-modern\/?action=yith-woocompare-add-product&amp;id=180\"\n\t   class=\"compare add_to_compare\" data-product_id=\"180\"><i class=\"fa fa-signal\"><\/i>Compare <\/a>\n<div class=\"add-to-cart-wrap\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"><a href=\"?add-to-cart=180\" data-quantity=\"1\" data-product_id=\"180\" data-product_sku=\"CH-10\" class=\"add_to_cart_button product_type_simple button product_type_simple add_to_cart_button ajax_add_to_cart\"><i class=\"fa fa-cart-plus\"><\/i> Add to cart<\/a><\/div><a data-toggle=\"\" data-placement=\"top\" title=\"Quick view\" class=\"product-quick-view\" data-product_id=\"180\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/modular-modern\/\"><i class=\"fa fa-search\"><\/i>Quick view<\/a>            <\/div>\r\n\t\t\t\r\n        <\/div>\r\n        <div class=\"product-info\">\r\n            <a href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/modular-modern\/\" ><h3>Tulip Arm Chair<\/h3><\/a>        <\/div>\r\n\r\n    <\/div>\r\n<\/div>                    <div class=\"product-item-wrap mobile_columns1 button-has-tooltip product-style_1 no-padding post-187 product type-product status-publish has-post-thumbnail hentry product_cat-chair product_tag-chair\">\r\n        <div class=\"product-item-inner\">\r\n        <div class=\"product-thumb gray\">\r\n            <a class=\"product-link\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/lobortis-nisl-ut\/\">\n\t<div class=\"product-hover-sign\">\n\t\t<hr>\n\t\t<hr>\n\t<\/div>\n<\/a>            <div class=\"product-actions\">\r\n                \n<div\n\tclass=\"yith-wcwl-add-to-wishlist add-to-wishlist-187  wishlist-fragment on-first-load\"\n\tdata-fragment-ref=\"187\"\n\tdata-fragment-options=\"{&quot;base_url&quot;:&quot;&quot;,&quot;in_default_wishlist&quot;:false,&quot;is_single&quot;:false,&quot;show_exists&quot;:false,&quot;product_id&quot;:187,&quot;parent_product_id&quot;:187,&quot;product_type&quot;:&quot;variable&quot;,&quot;show_view&quot;:false,&quot;browse_wishlist_text&quot;:&quot;Browse Wishlist&quot;,&quot;already_in_wishslist_text&quot;:&quot;The product is already in the wishlist!&quot;,&quot;product_added_text&quot;:&quot;Product added!&quot;,&quot;heading_icon&quot;:&quot;&quot;,&quot;available_multi_wishlist&quot;:false,&quot;disable_wishlist&quot;:false,&quot;show_count&quot;:false,&quot;ajax_loading&quot;:false,&quot;loop_position&quot;:false,&quot;item&quot;:&quot;add_to_wishlist&quot;}\"\n>\n\t\t\t\n\t\t\t<!-- ADD TO WISHLIST -->\n\t\t\t\n<a href=\"\/sofani\/wp-json\/wp\/v2\/pages\/54?add_to_wishlist=187\" rel=\"nofollow\" data-product-id=\"187\" data-product-type=\"variable\" class=\"add_to_wishlist single_add_to_wishlist\" >\n        <i class=\"fa fa-heart-o\"><\/i>\n    Add to Wishlist<\/a>\n<img src=\"https:\/\/demo.yolotheme.com\/sofani\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/wpspin_light.gif\" class=\"ajax-loading\" alt=\"loading\" width=\"16\" height=\"16\" style=\"visibility:hidden\" \/>\n\t\t\t<!-- COUNT TEXT -->\n\t\t\t\n\t\t\t<\/div>\n\t<a data-toggle=\"\" data-placement=\"top\" title=\"Compare\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/lobortis-nisl-ut\/?action=yith-woocompare-add-product&amp;id=187\"\n\t   class=\"compare add_to_compare\" data-product_id=\"187\"><i class=\"fa fa-signal\"><\/i>Compare <\/a>\n<div class=\"add-to-cart-wrap\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Select options\"><a href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/lobortis-nisl-ut\/\" data-quantity=\"1\" data-product_id=\"187\" data-product_sku=\"CH-13\" class=\"add_to_cart_button product_type_variable button product_type_variable add_to_cart_button\"><i class=\"fa fa-cart-plus\"><\/i> Select options<\/a><\/div><a data-toggle=\"\" data-placement=\"top\" title=\"Quick view\" class=\"product-quick-view\" data-product_id=\"187\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/lobortis-nisl-ut\/\"><i class=\"fa fa-search\"><\/i>Quick view<\/a>            <\/div>\r\n\t\t\t\r\n        <\/div>\r\n        <div class=\"product-info\">\r\n            <a href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/lobortis-nisl-ut\/\" ><h3>Cool Chair<\/h3><\/a>        <\/div>\r\n\r\n    <\/div>\r\n<\/div>                    <div class=\"product-item-wrap mobile_columns1 button-has-tooltip product-style_1 no-padding post-189 product type-product status-publish has-post-thumbnail hentry product_cat-chair product_tag-chair\">\r\n        <div class=\"product-item-inner\">\r\n        <div class=\"product-thumb gray\">\r\n            <a class=\"product-link\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/coffee-chair\/\">\n\t<div class=\"product-hover-sign\">\n\t\t<hr>\n\t\t<hr>\n\t<\/div>\n<\/a>            <div class=\"product-actions\">\r\n                \n<div\n\tclass=\"yith-wcwl-add-to-wishlist add-to-wishlist-189  wishlist-fragment on-first-load\"\n\tdata-fragment-ref=\"189\"\n\tdata-fragment-options=\"{&quot;base_url&quot;:&quot;&quot;,&quot;in_default_wishlist&quot;:false,&quot;is_single&quot;:false,&quot;show_exists&quot;:false,&quot;product_id&quot;:189,&quot;parent_product_id&quot;:189,&quot;product_type&quot;:&quot;simple&quot;,&quot;show_view&quot;:false,&quot;browse_wishlist_text&quot;:&quot;Browse Wishlist&quot;,&quot;already_in_wishslist_text&quot;:&quot;The product is already in the wishlist!&quot;,&quot;product_added_text&quot;:&quot;Product added!&quot;,&quot;heading_icon&quot;:&quot;&quot;,&quot;available_multi_wishlist&quot;:false,&quot;disable_wishlist&quot;:false,&quot;show_count&quot;:false,&quot;ajax_loading&quot;:false,&quot;loop_position&quot;:false,&quot;item&quot;:&quot;add_to_wishlist&quot;}\"\n>\n\t\t\t\n\t\t\t<!-- ADD TO WISHLIST -->\n\t\t\t\n<a href=\"\/sofani\/wp-json\/wp\/v2\/pages\/54?add_to_wishlist=189\" rel=\"nofollow\" data-product-id=\"189\" data-product-type=\"simple\" class=\"add_to_wishlist single_add_to_wishlist\" >\n        <i class=\"fa fa-heart-o\"><\/i>\n    Add to Wishlist<\/a>\n<img src=\"https:\/\/demo.yolotheme.com\/sofani\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/wpspin_light.gif\" class=\"ajax-loading\" alt=\"loading\" width=\"16\" height=\"16\" style=\"visibility:hidden\" \/>\n\t\t\t<!-- COUNT TEXT -->\n\t\t\t\n\t\t\t<\/div>\n\t<a data-toggle=\"\" data-placement=\"top\" title=\"Compare\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/coffee-chair\/?action=yith-woocompare-add-product&amp;id=189\"\n\t   class=\"compare add_to_compare\" data-product_id=\"189\"><i class=\"fa fa-signal\"><\/i>Compare <\/a>\n\t<a href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/coffee-chair\/\" class=\"product_type_soldout btn_add_to_cart\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Sold out\"><i class=\"fa fa-shopping-cart\"><\/i><\/a>\n<a data-toggle=\"\" data-placement=\"top\" title=\"Quick view\" class=\"product-quick-view\" data-product_id=\"189\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/coffee-chair\/\"><i class=\"fa fa-search\"><\/i>Quick view<\/a>            <\/div>\r\n\t\t\t\r\n        <\/div>\r\n        <div class=\"product-info\">\r\n            <a href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/coffee-chair\/\" ><h3>Ecko Chair &#8211; Fabric<\/h3><\/a>        <\/div>\r\n\r\n    <\/div>\r\n<\/div>                    <div class=\"product-item-wrap mobile_columns1 button-has-tooltip product-style_1 no-padding post-206 product type-product status-publish has-post-thumbnail hentry product_cat-chair product_tag-chair\">\r\n        <div class=\"product-item-inner\">\r\n        <div class=\"product-thumb gray\">\r\n            <a class=\"product-link\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/ecko-chair-fabric\/\">\n\t<div class=\"product-hover-sign\">\n\t\t<hr>\n\t\t<hr>\n\t<\/div>\n<\/a>            <div class=\"product-actions\">\r\n                \n<div\n\tclass=\"yith-wcwl-add-to-wishlist add-to-wishlist-206  wishlist-fragment on-first-load\"\n\tdata-fragment-ref=\"206\"\n\tdata-fragment-options=\"{&quot;base_url&quot;:&quot;&quot;,&quot;in_default_wishlist&quot;:false,&quot;is_single&quot;:false,&quot;show_exists&quot;:false,&quot;product_id&quot;:206,&quot;parent_product_id&quot;:206,&quot;product_type&quot;:&quot;simple&quot;,&quot;show_view&quot;:false,&quot;browse_wishlist_text&quot;:&quot;Browse Wishlist&quot;,&quot;already_in_wishslist_text&quot;:&quot;The product is already in the wishlist!&quot;,&quot;product_added_text&quot;:&quot;Product added!&quot;,&quot;heading_icon&quot;:&quot;&quot;,&quot;available_multi_wishlist&quot;:false,&quot;disable_wishlist&quot;:false,&quot;show_count&quot;:false,&quot;ajax_loading&quot;:false,&quot;loop_position&quot;:false,&quot;item&quot;:&quot;add_to_wishlist&quot;}\"\n>\n\t\t\t\n\t\t\t<!-- ADD TO WISHLIST -->\n\t\t\t\n<a href=\"\/sofani\/wp-json\/wp\/v2\/pages\/54?add_to_wishlist=206\" rel=\"nofollow\" data-product-id=\"206\" data-product-type=\"simple\" class=\"add_to_wishlist single_add_to_wishlist\" >\n        <i class=\"fa fa-heart-o\"><\/i>\n    Add to Wishlist<\/a>\n<img src=\"https:\/\/demo.yolotheme.com\/sofani\/wp-content\/plugins\/yith-woocommerce-wishlist\/assets\/images\/wpspin_light.gif\" class=\"ajax-loading\" alt=\"loading\" width=\"16\" height=\"16\" style=\"visibility:hidden\" \/>\n\t\t\t<!-- COUNT TEXT -->\n\t\t\t\n\t\t\t<\/div>\n\t<a data-toggle=\"\" data-placement=\"top\" title=\"Compare\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/ecko-chair-fabric\/?action=yith-woocompare-add-product&amp;id=206\"\n\t   class=\"compare add_to_compare\" data-product_id=\"206\"><i class=\"fa fa-signal\"><\/i>Compare <\/a>\n<div class=\"add-to-cart-wrap\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Add to cart\"><a href=\"?add-to-cart=206\" data-quantity=\"1\" data-product_id=\"206\" data-product_sku=\"CH-15\" class=\"add_to_cart_button product_type_simple button product_type_simple add_to_cart_button ajax_add_to_cart\"><i class=\"fa fa-cart-plus\"><\/i> Add to cart<\/a><\/div><a data-toggle=\"\" data-placement=\"top\" title=\"Quick view\" class=\"product-quick-view\" data-product_id=\"206\" href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/ecko-chair-fabric\/\"><i class=\"fa fa-search\"><\/i>Quick view<\/a>            <\/div>\r\n\t\t\t\r\n        <\/div>\r\n        <div class=\"product-info\">\r\n            <a href=\"https:\/\/demo.yolotheme.com\/sofani\/product\/ecko-chair-fabric\/\" ><h3>Costes Armchair<\/h3><\/a>        <\/div>\r\n\r\n    <\/div>\r\n<\/div>                <\/div>\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"product-paging-wrapper product-paging-load-more text-center\">\r\n     \n                    <button data-href=\"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/pages\/54\/page\/2\/\" type=\"button\"  data-loading-text=\"<span class='fa fa-spinner fa-spin'><\/span> Loading...\" class=\"product-load-more sofani-button style1 button-2x\" autocomplete=\"off\">\n                        Load More                    <\/button>\n            <\/div>\r\n<!-- @TODO: need move it to main.js file -->\r\n<script type=\"text\/javascript\">\r\n    jQuery(document).ready(function ($) {\r\n        var currency_symbol = '$';\r\n        var sorting = false;\r\n\r\n        \/*Click filter*\/\r\n        $('.bt-order').click(function(){\r\n            $('.product-sort').slideToggle(300);\r\n            $(this).toggleClass('active');\r\n        });\r\n\r\n        \/\/ init Isotope\r\n        var $container = $('.product-listing').isotope({ \/\/ parent element of .item\r\n            itemSelector: '.product-item-wrap',\r\n            layoutMode: 'fitRows',\r\n            getSortData: {                \r\n                title: function (itemElem) {\r\n                    var title = $(itemElem).find('.product-info h3').text();\r\n                    return title;\r\n                },\r\n                price: function (itemElem) {\r\n                    var weight = $(itemElem).find('.price ins .amount').text();\r\n                    var weight2 = $(itemElem).find('.price .amount').text();\r\n                    var weight3 = $(itemElem).find('.price ins .amount').first().text();\r\n                    if(weight3){\r\n                        weight = parseFloat(weight3.replace(currency_symbol, ''));\r\n                    } else if (weight) {\r\n                        weight = parseFloat(weight.replace(currency_symbol, ''));\r\n                    } else if (weight2) {\r\n                        weight = parseFloat(weight2.replace(currency_symbol, ''));\r\n                    } else {\r\n                        weight = 0;\r\n                    }\r\n                    return weight;\r\n                },\r\n                onsale: function (itemElem) {\r\n                    var onsale = $(itemElem).find('.product-flash-wrap span:nth-child(2)').text();\r\n                    return onsale;\r\n                }\r\n            }\r\n        });\r\n\r\n        if(sorting == true) {\r\n            var sortByValue = '';\r\n            \/\/ bind sort button click\r\n            $('.product-sort .list-sort').click(function () {\r\n                var selected = $('.select-asc-desc option[selected=\"selected\"]').val();\r\n                if(selected == 'false') {\r\n                    selected = false;\r\n                }\r\n                sortByValue = $(this).val();\r\n\r\n                $(this).find('option').removeAttr('selected');\r\n                $('.list-sort option').each(function(){\r\n                    if(sortByValue == $(this).val()){\r\n                        $(this).attr('selected','selected');\r\n                    }\r\n                });\r\n                $container.isotope({\r\n                    sortBy: sortByValue,\r\n                    sortAscending: selected\r\n                });\r\n            });\r\n            \/* default SortBy*\/\r\n            var sortByValue = $('.list-sort option[selected=\"selected\"]').val();\r\n            if(sortByValue == 'false'){\r\n                sortByValue = false;\r\n            }\r\n            $container.isotope({\r\n                 sortBy: sortByValue\r\n            });\r\n            \/* select asc or desc*\/\r\n            $('.select-asc-desc').change(function(){\r\n                var selected = $(this).val();\r\n                $(this).find('option').removeAttr('selected');\r\n                $('.select-asc-desc option').each(function(){\r\n                    if(selected == $(this).val()){\r\n                        $(this).attr('selected','selected');\r\n                    }\r\n                });\r\n                if(selected == 'false'){\r\n                    selected = false;\r\n                }\r\n                $container.isotope({\r\n                    sortBy: sortByValue,\r\n                    sortAscending: selected\r\n                });\r\n            });\r\n\r\n            \/* default*\/\r\n            var default_selected = $('.select-asc-desc option[selected=\"selected\"]').val();\r\n            if(default_selected == 'false'){\r\n                default_selected = false;\r\n            }\r\n            $container.isotope({\r\n                sortAscending: default_selected\r\n            });\r\n        }\r\n    });\r\n<\/script>                <\/div>\n            \n            [\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1469440945221{padding-bottom: 40px !important;}&#8221;][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/pages\/54"}],"collection":[{"href":"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":0,"href":"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.yolotheme.com\/sofani\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}