{"id":32888,"date":"2022-07-26T18:07:54","date_gmt":"2022-07-26T12:07:54","guid":{"rendered":"https:\/\/cf7addons.com\/preview\/?page_id=32888"},"modified":"2025-01-01T18:59:42","modified_gmt":"2025-01-01T23:59:42","slug":"product-grid-view-with-thumbnails","status":"publish","type":"page","link":"https:\/\/cf7addons.com\/preview\/product-grid-view-with-thumbnails\/","title":{"rendered":"Product Grid View with Thumbnails"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32888\" class=\"elementor elementor-32888\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d9018f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d9018f9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a9b23d\" data-id=\"6a9b23d\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-072be96 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"072be96\" 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-inner-column elementor-element elementor-element-8e18c3c\" data-id=\"8e18c3c\" 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-947b903 uael-heading-align-center subpage-heading elementor-widget elementor-widget-uael-advanced-heading\" data-id=\"947b903\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-advanced-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"uael-module-content uael-heading-wrapper\">\n\t\t\t\t\t\t\n\t\t\t<h2 class=\"uael-heading\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"uael-heading-text elementor-inline-editing uael-size--default\" data-elementor-setting-key=\"heading_title\" data-elementor-inline-editing-toolbar=\"basic\">Product Grid View with Thumbnails<\/span>\n\t\t\t\t\t\t\t<\/h2>\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-807a973 subpage-subheading elementor-widget elementor-widget-heading\" data-id=\"807a973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Product dropdown grid view will help you to display products in a grid along with Product  Thumbnail and Price<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f582f2f elementor-mobile-align-justify elementor-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"f582f2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cf7addons.com\/backend-demo\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-long-arrow-alt-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Take a Free Tour of our Pro Backend<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f2d7fc0 product_textarea elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f2d7fc0\" 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-0137ee0\" data-id=\"0137ee0\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-dc610c4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc610c4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-882c78b\" data-id=\"882c78b\" 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-6122745 elementor-widget elementor-widget-shortcode\" data-id=\"6122745\" 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=\"wpcf7 no-js\" id=\"wpcf7-f32777-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"32777\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/preview\/wp-json\/wp\/v2\/pages\/32888#wpcf7-f32777-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"32777\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f32777-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_uacf7_hidden_conditional_fields\" value=\"\" \/><input type=\"hidden\" name=\"_uacf7_repeaters\" value=\"\" \/><input type=\"hidden\" name=\"_uacf7_options\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n\t\t\t\t<style>\n\t\t\t\t\t.uacf7-uacf7style-32777 label {\n\t\t\t\t\t\tfont-style: normal;font-weight: normal;margin-bottom: 16px;\t\t\t\t\t}\n\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"email\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"number\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"password\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"search\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"tel\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"text\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"url\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"date\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"radio\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"checkbox\"],\n\t\t\t\t\t.uacf7-uacf7style-32777 select,\n\t\t\t\t\t.uacf7-uacf7style-32777 textarea {\n\t\t\t\t\t\tfont-style: normal;font-weight: normal;border-style: none!important;border-radius: 8px;\t\t\t\t\t}\n\n\t\t\t\t\t.uacf7-uacf7style-32777 .wpcf7-radio span,\n\t\t\t\t\t.uacf7-uacf7style-32777 .wpcf7-checkbox span {\n\t\t\t\t\t\tfont-style: normal;font-weight: normal;\t\t\t\t\t}\n\n\t\t\t\t\t.uacf7-uacf7style-32777 textarea {\n\t\t\t\t\t\theight: 110px;\t\t\t\t\t}\n\n\t\t\t\t\t.wpcf7-form-control-wrap select {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"submit\"] {\n\t\t\t\t\t\tfont-style: normal;font-weight: normal;border-style: none;\t\t\t\t\t}\n\n\t\t\t\t\t.uacf7-uacf7style-32777 input[type=\"submit\"]:hover {\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t<\/style>\n\n\t\t\t\t<div class=\"uacf7-uacf7style uacf7-uacf7style-32777\"><div class=\"uacf7-form-wrapper-container uacf7-form-32777 uacf7_auto_cart_32777 uacf7-uacf7style uacf7-uacf7style-32777\"><label> <strong>Your Email<\/strong>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email02\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"We will contact you here if needed\" value=\"\" type=\"email\" name=\"your-email02\" \/><\/span> <\/label> \n\n<label><strong>Select Your Product<\/strong>\n<div class=\"uacf7_product_dropdown-5120 \">\n\t\t\t\t<span class=\"product-grid wpcf7-form-control-wrap uacf7_product_dropdown-5120\" data-name=\"uacf7_product_dropdown-5120\"> <div class=\"single-product-grid\"> \n                             <div class=\"s-product-img\"> \n                                 <div class=\"img-absulate\">\n                                 <img decoding=\"async\" src=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2020\/08\/beanie.jpg\" alt=\"|\">\n                                     <label for=\"for_296\" class=\"absulate-hover\">\n                                         <input value=\"Beanie - &#2547;&nbsp;40\" id=\"for_296\" product-id=\"296\" variation-id=\"0\" product-type=\"simple\" type=\"radio\" product-price=\"40\" name=\"uacf7_product_dropdown-5120[]\">\n                                     <\/label>\n                                 <\/div>\n                             <\/div>\n                             <div class=\"s-product-content\">\n                                 <h5><a href=\"https:\/\/cf7addons.com\/preview\/product\/beanie\/\">Beanie<\/a><\/h5>\n                                 <span class=\"price\"><del aria-hidden=\"true\"> <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>40<\/bdi><\/span><\/del> <ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\"><\/span><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>40<\/bdi><\/span><\/bdi><\/span><\/ins><\/span>\n                             <\/div> \n                         <\/div> <div class=\"single-product-grid\"> \n                             <div class=\"s-product-img\"> \n                                 <div class=\"img-absulate\">\n                                 <img decoding=\"async\" src=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2020\/08\/cap-1.jpg\" alt=\"|\">\n                                     <label for=\"for_298\" class=\"absulate-hover\">\n                                         <input value=\"Cap - &#2547;&nbsp;70\" id=\"for_298\" product-id=\"298\" variation-id=\"0\" product-type=\"simple\" type=\"radio\" product-price=\"70\" name=\"uacf7_product_dropdown-5120[]\">\n                                     <\/label>\n                                 <\/div>\n                             <\/div>\n                             <div class=\"s-product-content\">\n                                 <h5><a href=\"https:\/\/cf7addons.com\/preview\/product\/cap\/\">Cap<\/a><\/h5>\n                                 <span class=\"price\"><del aria-hidden=\"true\"> <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>70<\/bdi><\/span><\/del> <ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\"><\/span><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>70<\/bdi><\/span><\/bdi><\/span><\/ins><\/span>\n                             <\/div> \n                         <\/div> <div class=\"single-product-grid\"> \n                             <div class=\"s-product-img\"> \n                                 <div class=\"img-absulate\">\n                                 <img decoding=\"async\" src=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2020\/08\/tshirt.jpg\" alt=\"|\">\n                                     <label for=\"for_303\" class=\"absulate-hover\">\n                                         <input value=\"Tshirt - &#2547;&nbsp;10\" id=\"for_303\" product-id=\"303\" variation-id=\"0\" product-type=\"simple\" type=\"radio\" product-price=\"10\" name=\"uacf7_product_dropdown-5120[]\">\n                                     <\/label>\n                                 <\/div>\n                             <\/div>\n                             <div class=\"s-product-content\">\n                                 <h5><a href=\"https:\/\/cf7addons.com\/preview\/product\/tshirt\/\">Tshirt<\/a><\/h5>\n                                 <span class=\"price\"><del aria-hidden=\"true\"> <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>10<\/bdi><\/span><\/del> <ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\"><\/span><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>10<\/bdi><\/span><\/bdi><\/span><\/ins><\/span>\n                             <\/div> \n                         <\/div> <div class=\"single-product-grid\"> \n                             <div class=\"s-product-img\"> \n                                 <div class=\"img-absulate\">\n                                 <img decoding=\"async\" src=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2020\/08\/vneck-tee.jpg\" alt=\"|\">\n                                     <label for=\"for_26280\" class=\"absulate-hover\">\n                                         <input value=\"Vneck Tshirt - &#2547;&nbsp;50\" id=\"for_26280\" product-id=\"26280\" variation-id=\"0\" product-type=\"simple\" type=\"radio\" product-price=\"50\" name=\"uacf7_product_dropdown-5120[]\">\n                                     <\/label>\n                                 <\/div>\n                             <\/div>\n                             <div class=\"s-product-content\">\n                                 <h5><a href=\"https:\/\/cf7addons.com\/preview\/product\/vneck-tshirt\/\">Vneck Tshirt<\/a><\/h5>\n                                 <span class=\"price\"><del aria-hidden=\"true\"> <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>50<\/bdi><\/span><\/del> <ins><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\"><\/span><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#2547;&nbsp;<\/span>50<\/bdi><\/span><\/bdi><\/span><\/ins><\/span>\n                             <\/div> \n                         <\/div><\/span>\n\t\t\t\t\t\n\t\t\t\t<span><\/span> \n\t\t\t\t<\/div><\/label> \n\n<label> <strong>Any Special Request?<\/strong>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-5310\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Please provide as much info as possible\" name=\"textarea-5310\"><\/textarea><\/span><\/label>\n\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Submit\" \/><\/div><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6277a9e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6277a9e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-6acaef4\" data-id=\"6acaef4\" 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-dc4aeba elementor-widget elementor-widget-heading\" data-id=\"dc4aeba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Copy the  Sample Code of the Above Form<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-74e1f33 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"74e1f33\" 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-33 elementor-inner-column elementor-element elementor-element-4976630\" data-id=\"4976630\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-6d4564a\" data-id=\"6d4564a\" 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-b921453 elementor-widget elementor-widget-text-editor\" data-id=\"b921453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<pre class=\"brush: php; title: ; notranslate\" title=\"\">&lt;label&gt; &#x5B;email* your-email placeholder &quot;Your email&quot;] &lt;\/label&gt;\n\n&#x5B;uacf7_product_dropdown uacf7_product_dropdown-512 product_by:tag layout:grid &quot;small-size&quot;]\n\n&#x5B;textarea textarea-531 placeholder &quot;Any Comments for the Product?&quot;]\n\n&#x5B;submit &quot;Submit&quot;]<\/pre>\t\t\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<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-d048f80\" data-id=\"d048f80\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-85e435c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"85e435c\" 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-01b8543\" data-id=\"01b8543\" 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-8fb0289 elementor-widget elementor-widget-heading\" data-id=\"8fb0289\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Glimpse of Backend Editing Panel (Click to Enlarge)\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2f5e495 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f5e495\" 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-50 elementor-inner-column elementor-element elementor-element-3540f01\" data-id=\"3540f01\" 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-b7029be elementor-widget elementor-widget-image\" data-id=\"b7029be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-31.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"contact form 7 woocommerce checkout\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzMwMTIsInVybCI6Imh0dHBzOlwvXC9jZjdhZGRvbnMuY29tXC9wcmV2aWV3XC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIyXC8wN1wvU2NyZWVuc2hvdC1hdC1KdWwtMjgtMTQtMTMtMzEucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"661\" height=\"568\" src=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-31.png\" class=\"attachment-full size-full wp-image-33012\" alt=\"contact form 7 woocommerce checkout\" srcset=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-31.png 661w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-31-300x258.png 300w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-31-600x516.png 600w\" sizes=\"auto, (max-width: 661px) 100vw, 661px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Product Selection based on ID, Category or Tag<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-88549a0\" data-id=\"88549a0\" 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-e08c17d elementor-widget elementor-widget-image\" data-id=\"e08c17d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-46.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"contact form 7 woocommerce checkout\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MzMwMTMsInVybCI6Imh0dHBzOlwvXC9jZjdhZGRvbnMuY29tXC9wcmV2aWV3XC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIyXC8wN1wvU2NyZWVuc2hvdC1hdC1KdWwtMjgtMTQtMTMtNDYucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"471\" src=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-46.png\" class=\"attachment-full size-full wp-image-33013\" alt=\"contact form 7 woocommerce checkout\" srcset=\"https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-46.png 663w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-46-300x213.png 300w, https:\/\/cf7addons.com\/preview\/wp-content\/uploads\/2022\/07\/Screenshot-at-Jul-28-14-13-46-600x426.png 600w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Cart or Checkout Redirection Option<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5dffb1f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5dffb1f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-51fd334\" data-id=\"51fd334\" 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-f976a3b elementor-widget elementor-widget-heading\" data-id=\"f976a3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Setup<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-44c65a8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"44c65a8\" 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-33 elementor-inner-column elementor-element elementor-element-02a7a93\" data-id=\"02a7a93\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-81e9827\" data-id=\"81e9827\" 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-de39a9e uael-aspect-ratio-16_9 uael-youtube-subscribe-no elementor-widget elementor-widget-uael-video\" data-id=\"de39a9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"uael-video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"uael-video__outer-wrap  uael-video-type-youtube\" data-device=\"false\" data-vsticky=\"no\" data-hidedesktop=\"\" data-hidetablet=\"\" data-hidemobile=\"\" data-vsticky-viewport=\"0\" data-autoplay=\"0\">\n\t\t\t\t\t\t<div class=\"uael-video-inner-wrap\">\n\t\t\t\t<div class=\"uael-video__play\" data-src=\"https:\/\/www.youtube.com\/embed\/cHDVPrFFUxw?rel=0&amp;start&amp;end&amp;controls=1&amp;mute=0&amp;modestbranding=0&amp;\">\n\t\t\t\t\t<img decoding=\"async\" class=\"uael-video__thumb\" src=\"https:\/\/i.ytimg.com\/vi\/cHDVPrFFUxw\/sddefault.jpg\" alt=\"|\"><\/img>\n\t\t\t\t\t<div class=\"uael-video__play-icon uael-animation-\">\n\t\t\t\t\t\t<svg height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\"><path class=\"uael-youtube-icon-bg\" d=\"m .66,37.62 c 0,0 .66,4.70 2.70,6.77 2.58,2.71 5.98,2.63 7.49,2.91 5.43,.52 23.10,.68 23.12,.68 .00,-1.3e-5 14.29,-0.02 23.81,-0.71 1.32,-0.15 4.22,-0.17 6.81,-2.89 2.03,-2.07 2.70,-6.77 2.70,-6.77 0,0 .67,-5.52 .67,-11.04 l 0,-5.17 c 0,-5.52 -0.67,-11.04 -0.67,-11.04 0,0 -0.66,-4.70 -2.70,-6.77 C 62.03,.86 59.13,.84 57.80,.69 48.28,0 34.00,0 34.00,0 33.97,0 19.69,0 10.18,.69 8.85,.84 5.95,.86 3.36,3.58 1.32,5.65 .66,10.35 .66,10.35 c 0,0 -0.55,4.50 -0.66,9.45 l 0,8.36 c .10,4.94 .66,9.45 .66,9.45 z\" fill=\"#1f1f1e\"><\/path><path d=\"m 26.96,13.67 18.37,9.62 -18.37,9.55 -0.00,-19.17 z\" fill=\"#fff\"><\/path><path d=\"M 45.02,23.46 45.32,23.28 26.96,13.67 43.32,24.34 45.02,23.46 z\" fill=\"#ccc\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\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<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-99f406a\" data-id=\"99f406a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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\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":"<p>Product Grid View with Thumbnails Product dropdown grid view will help you to display products in a grid along with [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"iawp_total_views":62,"footnotes":""},"class_list":["post-32888","page","type-page","status-publish","hentry","desktop-align-left","tablet-align-left","mobile-align-left"],"acf":[],"_links":{"self":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages\/32888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/comments?post=32888"}],"version-history":[{"count":37,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages\/32888\/revisions"}],"predecessor-version":[{"id":70989,"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/pages\/32888\/revisions\/70989"}],"wp:attachment":[{"href":"https:\/\/cf7addons.com\/preview\/wp-json\/wp\/v2\/media?parent=32888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}