• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar categorías de productos en la home del D Theme

Descubre cómo sustituir los productos de la página principal del D Theme por las categorías de los mismos mediante código en este tutorial.

Una de las ventajas de ser suscriptor de Código Genesis es que puedes proponer tutoriales. Carlos, uno de nuestros suscriptores, me dejó esta sugerencia:

Hola, Nahuai
¿Y cómo se haría para que en la home del tema D se mostraran, no productos, sino las categorías?
Mil gracias.

Lo que Carlos quiere es que, en lugar de que sean los productos destacados los que aparezcan en la home del D Theme (Asithemes), se muestren las categorías de los mismos.

La home del D Theme mostrando las categorías de productos

Dicho y hecho. Aquí tienes cómo conseguirlo:

Snippet para visualizar las categorías de producto en la home del D Theme

Modifica el fichero front-page.php ubicado en la carpeta raíz del D Theme sustituyendo el siguiente fragmento en la línea 60:

Para ver este código y los otros 1805 snippets de esta web,
identifícate o suscríbete aquí.

Con este código consigues que, en lugar de los productos individuales, se vean las entradas las categorías principales en la home del D Theme.

En este caso la plantilla utiliza un shortcode de WooCommerce para mostrar los productos destacados ([featured_products]). Pero con un sencillo cambio puedes aprovechar el shortcode nativo que permite visualizar las categorías ([product_categories]).

Con el parámetro parent=»0″ le indicas que solo muestre las categorías principales. Si quieres que se vean todas puedes eliminarlo.

Para mejorar la presentación de las categorías en la home puedes realizar un par de ajustes por CSS. Añade el siguiente snippet al final de style.css.

Para ver este código y los otros 1805 snippets de esta web,
identifícate o suscríbete aquí.

Por último, acuérdate de elegir una imagen destacada para las categorías de productos de forma que se muestren correctamente en la home.

Conclusiones

Ahora ya sabes cómo sustituir los productos por las categorías de los mismos en la página principal del D Theme.

Aunque está creado para esta plantilla concreta, puedes usar este snippet de guía para modificar otros child themes de Genesis que utilicen shortcodes de WooCommerce en la home.

¿Quieres que cree este tutorial para otro tema concreto? Solo tienes que decírmelo y prepararé uno a medida.

Ventajas de ser suscriptor. 😉

CSS D Theme PHP Productos

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?