La verdadera pregunta aquí es: ¿Cómo encuentro "TheyCode", que es responsable de esta selección utilizando herramientas como la barra de desarrollo de Firefox y la fuente real?
Si se está refiriendo a la salida / fuente HTML, entonces, por ejemplo, en el sitio de demostración oficial del tema Storefront , simplemente haga clic derecho en el encabezado o sección "Categorías de productos" y luego puede inspeccionarlo fácilmente section. Consulte el documento de MDN para ver otras opciones, como el icono "Seleccionar elemento".
Ahora para " la fuente real " (es decir, el código PHP o la función que genera la sección "Categorías de productos" en las páginas que usan la plantilla "Página de inicio"), puede encontrarla en inc/storefront-template-functions.php.
if ( ! function_exists( 'storefront_product_categories' ) ) {
/**
* Display Product Categories
* Hooked into the `homepage` action in the homepage template
*
* @since 1.0.0
* @param array $args the product section args.
* @return void
*/
function storefront_product_categories( $args ) {
if ( storefront_is_woocommerce_activated() ) {
$args = apply_filters( 'storefront_product_categories_args', array(
'limit' => 3,
'columns' => 3,
'child_categories' => 0,
'orderby' => 'name',
'title' => __( 'Shop by Category', 'storefront' ),
) );
...
}
}
}
También lo storefront_product_categories()es la función PHP que está buscando y que puede anular por completo si lo desea (consulte https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/# sección-5 ). Pero si solo desea mostrar las categorías de productos en una ordenación aleatoria, simplemente puede usar storefront_product_categories_argspara filtrar los argumentos de la consulta (que en su caso sería orderby):
add_filter( 'storefront_product_categories_args', function( $args ){
$args['orderby'] = 'rand';
return $args;
} );
Ese filtro se llama desde la storefront_product_categories()función, y estos son los otros filtros / acciones que puede usar:
Filtrar: storefront_product_categories_shortcode_args
Acción: storefront_homepage_before_product_categories
Acción: storefront_homepage_after_product_categories_title
Acción: storefront_homepage_after_product_categories
Vea esto si no está seguro de las diferencias entre una "acción" y un "filtro".
ACTUALIZACIÓN: ¿Cómo podría encontrar el código?
Explore la documentación del tema de Storefront :
Estoy buscando una manera de encontrar una función en un tema que WooCommerce (la compañía) diseñó o en cualquier tema realmente.
Primero, verifique (y lea) la documentación del tema.
Si ninguno o que usted no / no podía encontrar la información que necesitaba, a continuación, intente lo @motivast habían sugerido - Inspeccionar los elementos de la página, encontrar el código HTML correspondiente y / o CSS class/ id, a continuación, buscar en los archivos de tema para ese HTML o CSS class/ idhasta que encuentre el archivo correcto o el código PHP / function.
Por ejemplo, en el sitio de demostración del tema Storefront, el HTML de la sección de categorías de productos es:
<section class="storefront-product-section storefront-product-categories" aria-label="Product Categories">
...
</section>
Para que pueda buscar en los archivos de tema con una de estas palabras clave: (Comenzaría por la coincidencia más específica o más cercana al HTML generado)
<section class="storefront-product-section storefront-product-categories"
class="storefront-product-section storefront-product-categories"
storefront-product-categories
storefront-product-section
Suponiendo que no conocía la documentación de Storefront / theme, realizar las búsquedas anteriores eventualmente lo llevaría al archivo correcto o al código PHP / function.
Si necesita más ayuda, avíseme y actualizaré esta respuesta en consecuencia.