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.
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 1333 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 1333 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. 😉
