plugin-icon

Genesis Connect for WooCommerce

Este plugin te permite integrar WooCommerce con Genesis Framework y los temas hijo de Genesis sin problemas.
Calificaciones
4.1
Última actualización
March 25, 2024
Versión
1.1.2
Instalaciones activas
20K
Genesis Connect for WooCommerce

Este plugin reemplaza las plantillas de la tienda incorporadas de WooCommerce con sus propias versiones compatibles con Genesis, específicamente la plantillas single-product.php, archive-product.php y taxonomy.php, necesarias para mostrar la página individual de producto, la página principal de la tienda y las páginas de archivo de categoría de producto y etiqueta de producto.

Para permitir una fácil personalización de estas plantillas, y asegurarte de que no pierdas tus personalizaciones cuando se actualice el plugin, puedes colocar tus propias copias de estas plantillas en la carpeta «woocommerce» de tu tema hijo y personalizar estas copias tanto como quieras. También puedes crear tus propias plantillas de taxonomy-{taxonomy}.php y taxonomy-{taxonomy}-{term}.php en la misma ubicación y este plugin las encontrará y usará para mostrar los archivos de categoría de producto y etiqueta de producto de tu tienda. Consulta la Jerarquía de plantillas para obtener más información sobre los requisitos de nombres para las plantillas de taxonomía.

Además, el plugin hace que Genesis Simple Sidebars y Genesis Simple Menus sean compatibles con WooCommerce.

Esta versión es compatible con WooCommerce 3.3+

Información técnica

Para usuarios con una mentalidad más técnica, esto es lo que hace el plugin:

  • Desengancha la función del cargador de plantillas WooCommerce
  • Añade su propia función de carga de plantillas para controlar las plantillas utilizadas por el producto individual, el archivo de productos y las página de archivo de categoría de producto y etiqueta de producto (taxonomía).
  • Añade Genesis Layouts y compatible con SEO al tipo de contenido personalizado Producto de WooCommerce
  • Provides three Genesis-ready templates to display the shop pages, located in the plugin’s templates folder:
    • single-product.php
    • archive-product.php
    • taxonomy.php
  • These templates use WooCommerce core functions to display the shop loops which:
    • desenganchar las migas de pan integradas en WooCommerce
    • desengancha el bucle de Genesis y sustitúyelo por el bucle correspondiente a la tienda de WooCommerce
    • elimina las etiquetas «div» con los ID #content y #container de WooCommerce que no son necesarios en Genesis
  • La función de bucle de la tienda en cada plantilla se basa en gran medida en su contrapartida de WooCommerce, pero se ha modificado para adaptarse a ciertas características de Genesis, como la característica de los encabezados de los términos de las taxonomías y las descripciones.
  • Las plantillas contienen la función genesis(); y, por tanto, son totalmente personalizables utilizando los ganchos y filtros de Genesis.
  • El cargador de plantillas permite a los usuarios usar sus propias plantillas en la carpeta «woocommerce» del tema hijo. Estas plantillas de usuario, si existen en la carpeta «woocommerce» del tema hijo, se cargarán en lugar de las plantillas suministradas por Genesis Connect para WooCommerce
  • Usando los filtros apropiados, modifica la salida de las migas de pan de Genesis para imitar la estructura de migas de pan integrada en WooCommerce.

Más sobre las migas de pan

Por defecto, las migas de pan de Genesis no proporcionan la misma estructura de migas de pan que las integradas en WooCommerce. Genesis Connect para WooCommerce modifica la salida normal de las migas de pan de Genesis en las páginas de la tienda para imitar la estructura de las integradas en WooCommerce.

Ten en cuenta que las plantillas proporcionadas en este plugin desenganchan automáticamente las migas de pan integradas de WooCommerce usando este código en cada plantilla: remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );

Filtros

Este plugin proporciona algunos filtros que pueden ser útiles para los desarrolladores.

genesiswooc_custom_query

Ubicado en gencwooc_single_product_loop() en templates/single-product.php. La función filtro de llamada de retorno debe devolver un objeto de consulta o «false».

gencwooc_product_archive_crumb

Ubicado en gencwooc_get_archive_crumb_filter() en lib/breadcrumb.php. Permite una modificación adicional de las migas de pan de la página de producto único.

gencwooc_single_product_crumb

Ubicado en gencwooc_get_single_crumb() en lib/breadcrumb.php. Permite una modificación adicional de las migas de pan del archivo de productos (página de la tienda).

Más información sobre el manejo de CSS de WooCommerce.

Para beneficio de los desarrolladores y personalizadores de temas, aquí hay un resumen de posibles escenarios para manejar el CSS de WooCommerce:

  • Caso 1: Si la opción WooCommerce > Ajustes Generales > Activar CSS de WooCommerce está marcada, se cargará la hoja de estilo por defecto que suministra WooCommerce (ubicada en wp-content/plugins/woocommerce/assets/css/woocommerce.css).
  • Caso 2: si la opción WooCommerce > Ajustes generales > Activar CSS de WooCommerce no está marcada, no se cargará ninguna hoja de estilo.
  • Caso 3: Si el usuario (o el desarrollador del tema) establece la constante define('WOOCOMMERCE_USE_CSS', true); en el archivo «functions.php» del tema hijo, los ajustes de las opciones se ignoran y la hoja de estilos por defecto de WooCommerce se cargará, es decir, tiene mismo efecto que marcar la casilla de los ajustes.
  • Caso 4: Si el usuario (o el desarrollador del tema) establece la constante define('WOOCOMMERCE_USE_CSS', false); en el archivo «functions.php» del tema hijo, los ajustes de las opciones se ignoran y NO se carga la hoja de estilo, es decir, tiene el mismo efecto que desmarcar la casilla de verificación. Nota: el valor de `WOOCOMMERCE_USE_CSS` siempre tiene prioridad sobre la opción de la página de ajustes de WooCommerce.
  • Si se aplica el caso 1 o el caso 3 y existe el archivo de estilos en themes/mi-tema-hijo/woocommerce/styles.css, se cargará esta hoja de estilos en lugar de la hoja de estilo por defecto de WooCommerce ubicada en plugins/woocommerce/asset/css/woocommerce.css.
  • Si se aplica el caso 2 o el caso 4, ya que no se carga ninguna hoja de estilo incorporada, todos los estilos CSS de WooCommerce deben añadirse a la hoja de estilo principal «style.css».
  • Nota para los desarrolladores de temas hijos de Genesis: Para los nuevos temas, pueden usar define('WOOCOMMERCE_USE_CSS', false); y colocar todos los estilos de WooCommerce en la hoja de estilo principal del tema, o no hacer nada y dejar que el usuario maneje esto a través del Caso 1 o 3.
  • La información anterior está basada en WooCommerce 1.4.4
Instalaciones activas
20K
Probado hasta
6.5.5
Te puedes descargar este plugin para utilizarlo en tu instalación autoalojada de WordPress.