{"id":355,"date":"2020-08-23T07:00:34","date_gmt":"2020-08-23T07:00:34","guid":{"rendered":"https:\/\/themelooks.net\/demo\/foodbook\/?page_id=355"},"modified":"2026-04-19T16:09:09","modified_gmt":"2026-04-19T10:09:09","slug":"product-list-view","status":"publish","type":"page","link":"https:\/\/themelooks.net\/demo\/foodbook\/product-list-view\/","title":{"rendered":"Product List View"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"355\" class=\"elementor elementor-355\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1985d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1985d8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-26062d0\" data-id=\"26062d0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3f3c51 elementor-widget elementor-widget-shortcode\" data-id=\"c3f3c51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"fb__wrapper\"\n    style=\"padding-top:0px;padding-bottom: 0px\">\n    <!-- Search -->\n    <section class=\"pb-pb-80\">\n  <div class=\"fb_container\">\n    <div class=\"fb_row\">\n      <div class=\"fb_col_12\">\n        <!-- Search -->\n        <div class=\"fb_search fb_top_50\">\n          <!-- Search Form -->\n          <form action=\"#\" class=\"fb_search_form\">\n            <div class=\"fb_search_input_group\">\n              <label for=\"fb_search\">\n                <img decoding=\"async\"\n                  src=\"https:\/\/themelooks.net\/demo\/foodbook\/wp-content\/plugins\/foodbook\/assets\/img\/icon\/search.svg\"\n                  class=\"fb_svg\"\n                  alt=\"Search svg\"\n                \/>\n              <\/label>\n              <input\n                id=\"fb_search\"\n                class=\"fb_input_style\"\n                type=\"text\"\n                placeholder=\"Search your favorite food...\"\n              \/>\n            <\/div>\n            <div class=\"fb-search-result\" data-col=\"4\" data-layout=\"list\"><\/div>\n          <\/form>\n          <!-- End Search Form -->\n        <\/div>\n        <!-- End Search -->\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>    <!-- End Search -->\n    <!-- Product -->\n    <section>\n        <div class=\"fb_container\">\n            <div class=\"fb_row\">\n                <div class=\"fb_col_lg_3\">\n    <div class=\"fb-sidebar-show-btn\">\n        <buton class=\"fb-show-sidebar fb_btn_fill\">Show Categories<\/buton>\n    <\/div>\n    <!-- Sidebar -->\n    <div class=\"fb_sidebar\">\n        <!-- Filter Wrapper -->\n        \n            <div class=\"fb_filter_wrapper\">\n                <!-- Section Title -->\n                <div class=\"fb_section_title\">\n                    <h3>Categories<\/h3>\n                <\/div>\n                <!-- Section Title -->\n                <!-- Category Menu -->\n                <div class=\"fb_category_menu\">\n                    <ul class=\"fb_category_list fb_product_category_list\">\n\n                        <li class=\"fb_category_item all_items\">\n                            <div class=\"fb_category_link\">\n                                <span class=\"fb_custom_checkbox\">\n                                    <label>\n                                        <span class=\"fb_category_name\">All<\/span>\n                                        <span class=\"fb_custom_checkmark\"><\/span>\n                                    <\/label>\n                                <\/span>\n                            <\/div>\n                        <\/li>\n\n                            <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"burger\" name=\"fb_product_category\" \/>\r\n                    <span class=\"fb_category_name\">Burger<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>5<\/span><\/div>    <\/li>\r\n        <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"coffee\" name=\"fb_product_category\" \/>\r\n                    <span class=\"fb_category_name\">Coffee<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>1<\/span><\/div>    <\/li>\r\n        <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"fresh-fruit\" name=\"fb_product_category\" \/>\r\n                    <span class=\"fb_category_name\">Fresh Fruit<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>5<\/span><\/div>    <\/li>\r\n        <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"party-packs\" name=\"fb_product_category\" \/>\r\n                    <span class=\"fb_category_name\">Party Packs<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>2<\/span><\/div>    <\/li>\r\n        <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"wing-buckets\" name=\"fb_product_category\" \/>\r\n                    <span class=\"fb_category_name\">Wing Buckets<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>7<\/span><\/div>    <\/li>\r\n                        <\/ul>\n                <\/div>\n                <!-- End Category Menu -->\n            <\/div>\n                    <!-- End Filter Wrapper -->\n\n        <!-- Filter Wrapper -->\n                    <div class=\"fb_filter_wrapper\">\n                <!-- Section Title -->\n                <div class=\"fb_section_title\">\n                    <h3>Special Offer<\/h3>\n                <\/div>\n                <!-- Section Title -->\n                <!-- Category Menu -->\n                <div class=\"fb_category_menu\">\n                    <ul class=\"fb_category_list fb_offer_category_list\">\n                        <li class=\"fb_category_item all_items\">\n                            <div class=\"fb_category_link\">\n                                <span class=\"fb_custom_checkbox\">\n                                    <label>\n                                        <span class=\"fb_category_name\">All<\/span>\n                                        <span class=\"fb_custom_checkmark\"><\/span>\n                                    <\/label>\n                                <\/span>\n                            <\/div>\n                        <\/li>\n                            <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"10-off\" name=\"fb_product_specialoffer\" \/>\r\n                    <span class=\"fb_category_name\">10% OFF<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>5<\/span><\/div>    <\/li>\r\n        <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"20-off\" name=\"fb_product_specialoffer\" \/>\r\n                    <span class=\"fb_category_name\">20% OFF<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>7<\/span><\/div>    <\/li>\r\n        <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"buy-1-get-1\" name=\"fb_product_specialoffer\" \/>\r\n                    <span class=\"fb_category_name\">Buy 1 Get 1<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>6<\/span><\/div>    <\/li>\r\n        <li class=\"fb_category_item \">\r\n        <div class=\"fb_category_link\">\r\n            <span class=\"fb_custom_checkbox\">\r\n                <label>\r\n                    <input type=\"radio\" value=\"combo-offer\" name=\"fb_product_specialoffer\" \/>\r\n                    <span class=\"fb_category_name\">Combo Offer<\/span>\r\n                    <span class=\"fb_custom_checkmark\"><\/span>\r\n                <\/label>\r\n            <\/span>\r\n        <\/div>\r\n        <div class=\"fb_category_quantity\"><span>8<\/span><\/div>    <\/li>\r\n                        <\/ul>\n                <\/div>\n                <!-- End Category Menu -->\n            <\/div>\n                    <!-- End Filter Wrapper -->\n    <\/div>\n    <!-- End Sidebar -->\n<\/div>                <div class=\"fb_col_lg_9\">\n                    <!-- Section Title -->\n                    <div class=\"fb_section_title\">\n                        <h3>All Items<\/h3>\n                        \t\t<select class=\"get_product_by_branch fb-select-branch orderby-filter\" name=\"branch_product\">\r\n          <option value=\"\">Product Sorting By Branch<\/option><option value=\"694\" >Rome, Metropolitan City of Rome, Italy Branch<\/option><option value=\"693\" >NYC, NY, USA Branch<\/option><option value=\"284\" >Toronto, ON, Canada Branch<\/option><option value=\"283\" >London, UK Branch<\/option>        <\/select>\r\n\t\t                        <select name=\"orderby\" class=\"orderby-filter\" aria-label=\"Shop order\">\n                            <option value=\"menu_order\" selected=\"selected\">\n                                Default sorting                            <\/option>\n                            <option value=\"popularity\">Sort by popularity<\/option>\n                            <option value=\"rating\">Sort by average rating<\/option>\n                            <option value=\"date\">Sort by latest<\/option>\n                            <option value=\"price\">Sort by price: low to high                            <\/option>\n                            <option value=\"price-desc\">Sort by price: high to low                            <\/option>\n                        <\/select>\n                    <\/div>\n                    <!-- Section Title -->\n                    <!-- Product List -->\n                    <div class=\"foodbook-products\" data-branchid=\"\"\n                        data-cat=\"\" data-col=\"4\"\n                        data-layout=\"list\">\n                    <\/div>\n                    <!-- End Product List -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <!-- End Product -->\n\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-355","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/pages\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":10,"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/pages\/355\/revisions"}],"predecessor-version":[{"id":127674,"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/pages\/355\/revisions\/127674"}],"wp:attachment":[{"href":"https:\/\/themelooks.net\/demo\/foodbook\/wp-json\/wp\/v2\/media?parent=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}