{"id":43647,"date":"2019-09-16T17:54:27","date_gmt":"2019-09-16T12:24:27","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=43647"},"modified":"2023-05-26T13:34:58","modified_gmt":"2023-05-26T08:04:58","slug":"shop-woocommerce-2","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/shop-woocommerce-2\/","title":{"rendered":"Estructurar la p\u00e1gina de la tienda WooCommerce"},"content":{"rendered":"<p>Hemos enumerado algunas caracter\u00edsticas del <strong>Cat\u00e1logo de productos<\/strong> que le ayudar\u00e1 a estructurar la p\u00e1gina de la tienda WooCommerce.<\/p>\n\n\n\n<p>Se trata de una funci\u00f3n premium disponible con&nbsp;<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>Hemos visto el&nbsp;<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/woocommerce-integration-overview\/\">Integraci\u00f3n con WooCommerce<\/a>&nbsp;con el tema Astra libre.<\/p>\n\n\n\n<p>WooCommerce Pro Addon ofrece potentes y exclusivas opciones de estilo para su tienda WooCommerce. Usted puede hacer su tienda a\u00fan m\u00e1s elegante con un m\u00ednimo esfuerzo y ajustes de personalizaci\u00f3n simples.<\/p>\n\n\n\n<p><strong>Nota&nbsp;<\/strong>- Aseg\u00farate de tener activado el plugin WooCommerce.<\/p>\n\n\n\n<p>Las siguientes opciones son f\u00e1ciles de entender, y las encontrar\u00e1 debajo del <strong>Estructura de la tienda<\/strong> que al ser marcada habilitar\u00e1 las opciones respectivas -<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mostrar t\u00edtulo de p\u00e1gina<\/h4>\n\n\n\n<p>Al activar esta opci\u00f3n se mostrar\u00e1 el t\u00edtulo de la p\u00e1gina.<br>Si ha desactivado el t\u00edtulo de la p\u00e1gina en la configuraci\u00f3n meta de la p\u00e1gina, se sobrescribir\u00e1 la configuraci\u00f3n anterior.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">&nbsp;Mostrar migas de pan<\/h4>\n\n\n\n<p>Las migas de pan muestran la ubicaci\u00f3n actual del usuario en el sitio web. Suele utilizarse como navegaci\u00f3n secundaria que permite a los usuarios subir y bajar en la jerarqu\u00eda de enlaces.<br>Tendr\u00e1 que activar esta opci\u00f3n si desea mostrar Breadcrumb en la p\u00e1gina de su tienda.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">&nbsp;Mostrar barra de herramientas<\/h4>\n\n\n\n<p>Esta opci\u00f3n proporciona informaci\u00f3n r\u00e1pida sobre el n\u00famero total de productos disponibles y mostrados.<br>A\u00f1ade un desplegable de Ordenaci\u00f3n por defecto en la esquina derecha de la p\u00e1gina con la siguiente opci\u00f3n:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/sorting.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/sorting-1024x481.png\" alt=\"\" class=\"wp-image-134103\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/sorting-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/sorting-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/sorting-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/sorting-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/sorting.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ordenar por popularidad<\/li>\n\n\n\n<li>Ordenar por puntuaci\u00f3n media<\/li>\n\n\n\n<li>Ordenar por \u00faltimo<\/li>\n\n\n\n<li>Ordenar por precio: de menor a mayor<\/li>\n\n\n\n<li>Ordenar por precio: de mayor a menor<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;Estructura de la tienda<\/h3>\n\n\n\n<p>La estructura del producto le ayuda a dar detalles r\u00e1pidos de una manera simple y f\u00e1cil.<br>Esto es tan bueno como la configuraci\u00f3n de Blog Meta.<br>Toda la informaci\u00f3n mostrada procede de la informaci\u00f3n individual del producto.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Categor\u00eda<\/h4>\n\n\n\n<p>Despu\u00e9s de activar esta opci\u00f3n aparece la categor\u00eda que hemos seleccionado en la configuraci\u00f3n de un producto individual.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">T\u00edtulo<\/h4>\n\n\n\n<p>Un t\u00edtulo es el nombre del producto que usted establece para su producto individual.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Clasificaciones<\/h4>\n\n\n\n<p>Cuando un comprador concreto valora su producto por la calidad, el servicio, la entrega o la satisfacci\u00f3n general del producto, aparecen puntuaciones con estrellas.<br>Tiene la opci\u00f3n de activar o desactivar la opci\u00f3n de clasificaci\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Precio<\/h4>\n\n\n\n<p>Aqu\u00ed aparece el precio del producto que menciona en la secci\u00f3n de productos individuales.<br>Si ha introducido el precio de venta, el precio antiguo aparecer\u00e1 en forma de texto cruzado junto con el nuevo precio en negrita.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Descripci\u00f3n breve<\/h4>\n\n\n\n<p>Si desea describir brevemente el producto que vende, puede hacerlo en el panel Descripci\u00f3n breve del producto. Aseg\u00farese de que la descripci\u00f3n no sea demasiado larga.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">A\u00f1adir a la cesta<\/h4>\n\n\n\n<p>Este es el bot\u00f3n de llamada a la acci\u00f3n donde se hace que el comprador tienda a a\u00f1adir el producto al carrito para la compra final. Para las estrategias de marketing, siempre se sugiere mantener esta opci\u00f3n activada en la p\u00e1gina de producto\/archivo o en la p\u00e1gina de producto \u00fanico.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/add-to-cart-1.png\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/add-to-cart-1-1024x481.png\" alt=\"\" class=\"wp-image-134106\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/add-to-cart-1-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/add-to-cart-1-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/add-to-cart-1-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/add-to-cart-1-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/add-to-cart-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Estilismo del producto <\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Alineaci\u00f3n de contenidos<\/h4>\n\n\n\n<p>Esta opci\u00f3n le ayuda a establecer la alineaci\u00f3n general de la vista del producto.<br>Puede ajustar la alineaci\u00f3n del contenido a&nbsp;<strong>Izquierda, derecha o centro.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/content-alignment.png\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/content-alignment-1024x481.png\" alt=\"\" class=\"wp-image-134107\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/content-alignment-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/content-alignment-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/content-alignment-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/content-alignment-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/content-alignment.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Estilo Hover de la imagen del producto<\/h3>\n\n\n\n<p>Los estilos Hover son los efectos de animaci\u00f3n que se ven al pasar el rat\u00f3n sobre la imagen del producto.<br>Adem\u00e1s de la opci\u00f3n de intercambio de im\u00e1genes, dispone de opciones de animaci\u00f3n como Fundido, Zoom y Fundido Zoom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"315\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/product-image-hover-styles.gif\" alt=\"\" class=\"wp-image-134109\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;Sombra de caja y sombra flotante de caja<\/h3>\n\n\n\n<p>Las sombras ayudan a realzar el dise\u00f1o de su p\u00e1gina de producto.<br>Puede a\u00f1adir sombra para una caja as\u00ed como para el rollover del rat\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/box-shadow-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/box-shadow-1-1024x481.png\" alt=\"\" class=\"wp-image-134110\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/box-shadow-1-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/box-shadow-1-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/box-shadow-1-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/box-shadow-1-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/box-shadow-1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;Bot\u00f3n<\/h3>\n\n\n\n<p>El bot\u00f3n A\u00f1adir a la cesta le ayuda a establecer el relleno horizontal y vertical.<br>Se aplica el color del tema por defecto. Si desea cambiar este color puede <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/custom-css-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">a\u00f1adir un CSS personalizado<\/a> para el mismo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/button-padding.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/button-padding-1024x481.png\" alt=\"\" class=\"wp-image-134111\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/button-padding-1024x481.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/button-padding-300x141.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/button-padding-768x360.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/button-padding-1536x721.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/09\/button-padding.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Visite <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/shop-woocommerce\/\">Tienda WooCommerce P\u00e1gina<\/a> configuraci\u00f3n del dise\u00f1o.<\/p>","protected":false},"excerpt":{"rendered":"<p>Hemos enumerado algunas caracter\u00edsticas de la secci\u00f3n Cat\u00e1logo de productos que le ayudar\u00e1n a estructurar la p\u00e1gina Tienda WooCommerce - Esta es una caracter\u00edstica premium disponible con Astra Pro Addon plugin. Para utilizar estas caracter\u00edsticas Pro, es necesario tener el tema Astra junto con el Astra Pro Addon instalado en su sitio web. Hemos visto el WooCommerce [...]<\/p>","protected":false},"author":39,"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-43647","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-woo"},"spectra_custom_meta":{"_edit_lock":["1685088299:88"],"_edit_last":["88"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"_yoast_wpseo_primary_docs_category":["148"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_elementor_controls_usage":["a:0:{}"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["1"],"wpil_links_inbound_internal_count_data":["a:1:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:44:\"https:\/\/wpastra.com\/docs\/shop-woocommerce-2\/\";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:28:\"Structuring Shop WooCommerce\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["10"],"wpil_links_outbound_external_count_data":["a:10:{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:58:\"https:\/\/wpastra.com\/docs\/woocommerce-integration-overview\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:23:\"WooCommerce integration\";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:69:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-show-toolbar.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:121:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-show-toolbar-1024x531.png\" alt=\"\" class=\"wp-image-40770\"\/>\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:81:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-shop-product-add-to-cart.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:124:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-shop-product-add-to-cart.png\" alt=\"\" class=\"wp-image-40771\"\/>\";s:15:\"added_by_plugin\";b:0;}i:4;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:74:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-alignment.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:117:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-content-alignment.png\" alt=\"\" class=\"wp-image-40772\"\/>\";s:15:\"added_by_plugin\";b:0;}i:5;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:74:\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-product-gal.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:117:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/woocommerce-product-gal.png\" alt=\"\" class=\"wp-image-25110\"\/>\";s:15:\"added_by_plugin\";b:0;}i:6;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:75:\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/WooCommerce-swap-img-gif.gif\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:118:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2018\/02\/WooCommerce-swap-img-gif.gif\" alt=\"\" class=\"wp-image-25111\"\/>\";s:15:\"added_by_plugin\";b:0;}i:7;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:73:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-shadow-and-hover.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:116:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-shadow-and-hover.png\" alt=\"\" class=\"wp-image-40773\"\/>\";s:15:\"added_by_plugin\";b:0;}i:8;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:71:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-button-padding.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:114:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-button-padding.png\" alt=\"\" class=\"wp-image-40775\"\/>\";s:15:\"added_by_plugin\";b:0;}i:9;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:21:\"Shop WooCommerce Page\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-18T12:59: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 Structure the Shop Woocommerce Page with Astra?"],"astra_style_timestamp_css":["1573724588"],"wp_last_modified_info":["May 26, 2023 @ 1:34 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["5"],"_oembed_6730d7255c2b21c342bac74fc8ec1324":["<iframe title=\"Astra Pro WooCommerce - Modify Shop Product Structure\" src=\"https:\/\/player.vimeo.com\/video\/539697309?h=888c01f442&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"260\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_6730d7255c2b21c342bac74fc8ec1324":["1664423999"],"_oembed_2c14bbc142e9bebc15380264e6a7117e":["<iframe title=\"Astra Pro WooCommerce - Product Image Hover Style: Swap Images\" src=\"https:\/\/player.vimeo.com\/video\/539697427?h=85bc0edd41&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"261\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_2c14bbc142e9bebc15380264e6a7117e":["1664424543"],"_oembed_8a3931c007428fb23405242fd9133083":["<iframe title=\"Astra Pro WooCommerce - Modify Shop Product Structure\" src=\"https:\/\/player.vimeo.com\/video\/539697309?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"625\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_8a3931c007428fb23405242fd9133083":["1619018226"],"_oembed_9868450beb8359217148dcf4fa6ef057":["<iframe title=\"Astra Pro WooCommerce - Product Image Hover Style: Swap Images\" src=\"https:\/\/player.vimeo.com\/video\/539697427?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"627\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_9868450beb8359217148dcf4fa6ef057":["1619018226"],"_ht_kb_post_views_count":["17"],"_ht_kb_usefulness":["0"],"_ht_article_order_148":["43647"],"views":["10472"],"helpful":["15"],"unhelpful":["24"],"redirects":["23"],"rank_math_primary_docs_category":["148"],"rank_math_title":["How to Structure the Shop Woocommerce Page with Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["806"],"rank_math_schema_VideoObject":["a:9:{s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-6215a74caab34\";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\/539697309\";s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:116:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/How-to-Structure-the-Shop-Woocommerce-Page-with-Astra.png\";s:7:\"hasPart\";a:0:{}s:16:\"isFamilyFriendly\";s:1:\"1\";}","a:9:{s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-6215a74caab38\";s:9:\"isPrimary\";s:0:\"\";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\/539697427\";s:4:\"name\";s:11:\"%seo_title%\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:20:\"%date(Y-m-dTH:i:sP)%\";s:12:\"thumbnailUrl\";s:117:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/05\/How-to-Structure-the-Shop-Woocommerce-Pages-with-Astra.png\";s:7:\"hasPart\";a:0:{}s:16:\"isFamilyFriendly\";s:1:\"1\";}"],"rank_math_seo_score":["27"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-05-26 13:34:58"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"8b81c377055b718ae9d1654d976a9935\";s:6:\"images\";a:1:{i:0;i:134103;}}"],"rank_math_shortcode_schema_s-6215a74caab34":["1660408"],"rank_math_shortcode_schema_s-6215a74caab38":["1660409"],"pfd_related_docs":[""],"_trp_automatically_translated_slug_es_ES":["tienda-woocommerce-2"],"_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:7:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:10:\"core\/image\";i:3;s:9:\"core\/list\";i:4;s:14:\"core\/list-item\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777034938\";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":"Suman","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/sumand\/"},"uagb_comment_info":0,"uagb_excerpt":"We have listed down some features of the Product Catalog section which will help you to Structure the Shop WooCommerce page &#8211; This is a premium feature available with&nbsp;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. We have seen the&nbsp;WooCommerce&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/43647"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=43647"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/43647\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=43647"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=43647"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=43647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}