{"id":28309,"date":"2018-06-26T00:00:00","date_gmt":"2018-06-25T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=28309"},"modified":"2023-05-26T13:28:49","modified_gmt":"2023-05-26T07:58:49","slug":"quick-view-for-woocommerce-products","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/quick-view-for-woocommerce-products\/","title":{"rendered":"Vista r\u00e1pida de productos WooCommerce"},"content":{"rendered":"<p>Se trata de una funci\u00f3n premium disponible con el <strong>Complemento Astra Pro<\/strong>&nbsp;plugin. Para utilizar estas funciones Pro, debe disponer de la licencia&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a>&nbsp;junto con el Addon Astra Pro instalado en su sitio web.<\/p>\n\n\n\n<p>Puede gestionar la vista r\u00e1pida que muestra los detalles del producto en un lightbox utilizando el m\u00f3dulo WooCommerce disponible con Astra Pro en Configuraci\u00f3n de la p\u00e1gina de la tienda. Por favor, consulte el documento, para empezar, el m\u00f3dulo WooCommerce.<\/p>\n\n\n\n<p>En <a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/Activate-woocommerce-addon.png\">activar el addon<\/a>la configuraci\u00f3n se encuentra en&nbsp;<strong>Apariencia &gt; Personalizar &gt; WooCommerce &gt; Cat\u00e1logo de Productos<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/quick-view.gif\" alt=\"\" class=\"wp-image-145966\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo uag-hide-desktop uag-hide-tab uag-hide-mob\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Vista R\u00e1pida para Productos WooCommerce (1 de 2)\" src=\"https:\/\/player.vimeo.com\/video\/538113898?dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p><br>A continuaci\u00f3n se indican los ajustes disponibles -<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>En imagen<\/li>\n\n\n\n<li>Al hacer clic en la imagen<\/li>\n\n\n\n<li>Despu\u00e9s del resumen<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">En imagen<\/h4>\n\n\n\n<p>Si elige esta opci\u00f3n, aparecer\u00e1 una franja en la imagen al pasar el rat\u00f3n por encima.<br>Al hacer clic en la opci\u00f3n Vista r\u00e1pida, se abre una caja de luz con la descripci\u00f3n del producto.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Al hacer clic en la imagen<\/h4>\n\n\n\n<p>A diferencia de \"En imagen\", no aparece ninguna tira de vista r\u00e1pida al pasar el rat\u00f3n por encima de la imagen.<br>Al hacer clic en la imagen por ejemplo lightbox se abre con la descripci\u00f3n del producto.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Despu\u00e9s del resumen<\/h4>\n\n\n\n<p>Un resumen son los detalles del producto, como el t\u00edtulo, el precio, una breve descripci\u00f3n, etc.<br>Si elige esta opci\u00f3n, el <g class=\"gr_ gr_5 gr-alert gr_gramm gr_inline_cards gr_run_anim Grammar only-ins replaceWithoutSep\" id=\"5\" data-gr-id=\"5\">R\u00e1pido<\/g> El bot\u00f3n \"Ver\" aparece al final del resumen mencionado.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Bot\u00f3n A\u00f1adir a la cesta<\/h4>\n\n\n\n<p>Al activar esta opci\u00f3n, el bot\u00f3n A\u00f1adir al carro y otras variables se pegar\u00e1n en la parte inferior de la ventana de vista r\u00e1pida. Si tiene una descripci\u00f3n larga y varias variables, puede utilizar esta opci\u00f3n para fijar y resaltar el bot\u00f3n A\u00f1adir al carro.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"600\" height=\"281\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/02\/sticky-add-to-cart.gif\" alt=\"\" class=\"wp-image-145969\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo uag-hide-desktop uag-hide-tab uag-hide-mob\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Vista R\u00e1pida para Productos WooCommerce (2 de 2)\" src=\"https:\/\/player.vimeo.com\/video\/538114574?dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p><strong>Nota:<\/strong> Lo que aparece en el lightbox proviene de la configuraci\u00f3n de Producto \u00fanico.<br>As\u00ed que si desea mostrar\/ocultar las opciones como t\u00edtulo, descripci\u00f3n, bot\u00f3n de a\u00f1adir al carrito, etc. necesita predefinir esas opciones. Todos estos ajustes se mostrar\u00e1n en la p\u00e1gina de producto \u00fanico tambi\u00e9n. <\/p>\n\n\n\n<p>La ruta para la configuraci\u00f3n en el personalizador es&nbsp;<strong>Apariencia &gt; Personalizar &gt; WooCommerce &gt; Producto \u00fanico<\/strong>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Esta es una funci\u00f3n Premium disponible con el complemento Astra Pro. Para utilizar estas caracter\u00edsticas Pro, es necesario tener el tema Astra junto con el Astra Pro Addon instalado en su sitio web. Puede gestionar la vista r\u00e1pida que muestra los detalles del producto en una caja de luz utilizando el m\u00f3dulo WooCommerce disponible con Astra Pro en la configuraci\u00f3n de la p\u00e1gina de la tienda. [...]<\/p>","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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":""}},"footnotes":""},"docs_category":[148],"docs_tag":[],"class_list":{"0":"post-28309","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-woo"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["148"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1685087970:88"],"_edit_last":["88"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"wpil_links_inbound_internal_count_data":["a:1:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:61:\"https:\/\/wpastra.com\/docs\/quick-view-for-woocommerce-products\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25007\";s:5:\"title\";s:16:\"Shop WooCommerce\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:7228:\"<!-- wp:paragraph -->\n<p>You can style the shop page where all your products are listed. This can be your main shop page or the product archive page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>This is a premium feature available with&nbsp;<strong>Astra Pro Addon<\/strong>&nbsp;plugin. To use these Pro features, you need to have the&nbsp;<a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a>&nbsp;along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>We have seen the&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/woocommerce-integration-overview\/\">WooCommerce integration<\/a>&nbsp;with Free Astra theme.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>WooCommerce Pro Addon gives powerful and exclusive styling options for your WooCommerce store. You can make your store all the more stylish with minimal efforts and simple customization settings. Refer this doc for <a href=\"https:\/\/wpastra.com\/docs\/shop-woocommerce-2\/\">Structuring Shop WooCommerce<\/a> page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Note&nbsp;<\/strong>\u2013 Make sure you have WooCommerce plugin activated.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can find the settings under <strong>Appearance &gt; Customize &gt; Layout &gt; WooCommerce &gt; Product Catalog<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40060,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-locate-woocommerce-section.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-locate-woocommerce-section.png\" alt=\"\" class=\"wp-image-40060\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Choose Product Layout<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Astra has two layout options for your Shop page:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Grid View<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Where you can display your shop in a grid style, where the product image is displayed at the top.<br>Product-related information like price, sale price, category, etc is displayed below the image.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40061,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-grid-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-grid-layout.png\" alt=\"\" class=\"wp-image-40061\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>List View<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Where the image and product related information is displayed side by side.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40062,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-list-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-list-layout.png\" alt=\"\" class=\"wp-image-40062\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Shop Columns<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can choose the number of columns to be displayed for your products on the shop page, in Grid View and List View.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Grid View<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":40063,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-grid-columns.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-grid-columns.png\" alt=\"\" class=\"wp-image-40063\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>List View<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You have control to choose the number of columns on your responsive devices:<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40064,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-list-columns.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-list-columns.png\" alt=\"\" class=\"wp-image-40064\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Products Per Page<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Just like the Blog posts on the archive page, you have control to decide the number of products on the main shop page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40065} -->\n<figure class=\"wp-block-image\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-products-per-page-1024x532.png\" alt=\"\" class=\"wp-image-40065\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":3} -->\n<h3>Shop Pagination<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Number<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The number option restricts the number of products on an individual page.<br>The remaining undisplayed products are divided into further pages<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Shop Pagination Style<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can change the change this style to Circle or Square<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":40075,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-pagination-style.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-pagination-style.png\" alt=\"\" class=\"wp-image-40075\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Infinite Scroll<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>This option on the product page stands for the unlimited display of products.<br>The page gets extended as far as you keep adding the products on the product archive page with an infinite scroll.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Event to Trigger Infinite Loading<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"level\":5} -->\n<h5>Scroll<\/h5>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Keeps you scrolling the page.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":5} -->\n<h5>Click<\/h5>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>The Scroll may elongate the page and the viewer may lose interest after scrolling at a certain level. To avoid this choose an option of Click where the Load More button appears.<br>This button appears after a certain number of products are displayed in rows.<br>You can change the button text as per your needs.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>More Documents -&nbsp;<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a href=\"https:\/\/wpastra.com\/docs\/quick-view-for-woocommerce-products\/\">Quick View for WooCommerce Products<\/a><\/li><li><a href=\"https:\/\/wpastra.com\/docs\/off-canvas-sidebar-for-woocommerce-shop-page\/\">Off Canvas Sidebar for WooCommerce Shop Page<\/a><\/li><\/ul>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:42:\"https:\/\/wpastra.com\/docs\/shop-woocommerce\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25007\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25007\";}}s:6:\"anchor\";s:35:\"Quick View for WooCommerce Products\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count_data":["a:4:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:35:\"https:\/\/wordpress.org\/themes\/astra\/\";s:4:\"host\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:11:\"Astra theme\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:42:\"https:\/\/wpastra.com\/docs\/shop-woocommerce\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:4:\"Shop\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:53:\"https:\/\/wpastra.com\/docs\/woocommerce-module-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:8:\"document\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:85:\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/astra-woocommerce-addon-activation.jpg\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:20:\"activating the addon\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["1"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_external_count":["4"],"wpil_sync_report2_time":["2019-10-18T13:04:21+00:00"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"_yoast_wpseo_title":["How to Setup a Product Quick View with WooCommerce Module in Astra?"],"_oembed_433a137c859bab0340fe5c0147109cf4":["<iframe title=\"Quick View for WooCommerce Products (1 of 2)\" src=\"https:\/\/player.vimeo.com\/video\/538113898?h=2668e4aa5a&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_433a137c859bab0340fe5c0147109cf4":["1677247427"],"_oembed_fca6aa22a232b050b8127fc8f5f7b6b5":["<iframe title=\"Quick View for WooCommerce Products (2 of 2)\" src=\"https:\/\/player.vimeo.com\/video\/538114574?h=1d46dfeaff&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_fca6aa22a232b050b8127fc8f5f7b6b5":["1677247427"],"wp_last_modified_info":["May 26, 2023 @ 1:28 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_oembed_2ba53c193f90f1529611625cd045f978":["<iframe title=\"Quick View for WooCommerce Products (1 of 2)\" src=\"https:\/\/player.vimeo.com\/video\/538113898?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"627\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_2ba53c193f90f1529611625cd045f978":["1618678305"],"_oembed_bcaf29dd2223c2db7426f0b867439c14":["<iframe title=\"Quick View for WooCommerce Products (2 of 2)\" src=\"https:\/\/player.vimeo.com\/video\/538114574?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"627\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_bcaf29dd2223c2db7426f0b867439c14":["1618678305"],"_ht_kb_post_views_count":["13"],"_ht_kb_usefulness":["0"],"_ht_article_order_148":["28309"],"views":["7109"],"helpful":["4"],"unhelpful":["12"],"redirects":["15"],"rank_math_primary_docs_category":["148"],"rank_math_title":["How to Setup a Product Quick View with WooCommerce Module in Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1081"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-05-26 13:28:49"],"rank_math_schema_VideoObject":["a:10:{s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-63f20c9fef231\";s:9:\"isPrimary\";s:1:\"1\";s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";s:1:\"1\";}s:5:\"@type\";s:11:\"VideoObject\";s:8:\"embedUrl\";s:40:\"https:\/\/player.vimeo.com\/video\/538113898\";s:4:\"name\";s:44:\"Quick View for WooCommerce Products (1 of 2)\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:19:\"2021-04-17 12:41:45\";s:8:\"duration\";s:5:\"PT55S\";s:12:\"thumbnailUrl\";s:105:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Quick-View-for-WooCommerce-Products-1-of-2.png\";s:7:\"hasPart\";a:0:{}s:16:\"isFamilyFriendly\";s:1:\"1\";}","a:10:{s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-63f20c9fef238\";s:9:\"isPrimary\";s:1:\"1\";s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";s:1:\"1\";}s:5:\"@type\";s:11:\"VideoObject\";s:8:\"embedUrl\";s:40:\"https:\/\/player.vimeo.com\/video\/538114574\";s:4:\"name\";s:44:\"Quick View for WooCommerce Products (2 of 2)\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:19:\"2021-04-17 12:44:50\";s:8:\"duration\";s:5:\"PT44S\";s:12:\"thumbnailUrl\";s:105:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/Quick-View-for-WooCommerce-Products-2-of-2.png\";s:7:\"hasPart\";a:0:{}s:16:\"isFamilyFriendly\";s:1:\"1\";}"],"rank_math_seo_score":["24"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"7400b7e911309001acbc43fb665f528a\";s:6:\"images\";a:1:{i:0;i:145966;}}"],"rank_math_shortcode_schema_s-63f20c9fef231":["2344049"],"rank_math_shortcode_schema_s-63f20c9fef238":["2344050"],"pfd_related_docs":[""],"_trp_automatically_translated_slug_es_ES":["vista-rapida-de-productos-woocommerce"],"_oembed_fe44f88d75e354f57aaa74037ecd8590":["<iframe title=\"Quick View for WooCommerce Products (1 of 2)\" src=\"https:\/\/player.vimeo.com\/video\/538113898?dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>"],"_oembed_time_fe44f88d75e354f57aaa74037ecd8590":["1718220554"],"_oembed_515b96d663c94a43bc7be73ba8851fba":["<iframe title=\"Quick View for WooCommerce Products (2 of 2)\" src=\"https:\/\/player.vimeo.com\/video\/538114574?dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>"],"_oembed_time_515b96d663c94a43bc7be73ba8851fba":["1718220555"],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:10:\"core\/embed\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:12:\"core\/heading\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777383468\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"This is a premium feature available with&nbsp;the Astra Pro Addon&nbsp;plugin. To use these Pro features, you need to have the&nbsp;Astra theme&nbsp;along with the Astra Pro Addon installed on your website. You can manage the Quick view which shows product details in a lightbox using the WooCommerce module available with Astra Pro under Shop page settings.&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28309"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=28309"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28309\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=28309"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=28309"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=28309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}