.product_meta {display:none} MOVIL (woocommerce)

acabo de darme cuenta que ocurre lo mismo con los productos relacionados, que los oculte tambien por css con este codigo

.related.products {
display:none;
}

y en el móvil siguen apareciendo

Hola Ricardo,

Prueba primero a añadirlo como:

display:none !important;

Luego limpia la caché una vez guardes cambios en el CSS y abre la vista de la pagina a la que afecta el cambio en tu dispositivo móvil pero desde una pestaña en "modo incógnito" y verifica si sigue viéndose.

Si persiste coméntalo para que veamos que estilos son afectados, para ello dinos exactamente la url de la vista donde aplicas el cambio para que podamos reproducir el problema.

Saludos

a que te refieres a limpiar la cache?

ya he borrado la cache

con o sin el IMPORTANT pasa esto:

chrome web OK, si los oculta
edge web NO LOS OCULTA

móvil NO LOS OCULTA

alguna idea?

la url donde no deberian aparecer ni el sku ni los productos relacionados es esta
Contenido solo visible a usuarios registrados

y donde pongo el codigo es esta
/home/conejolo/public_html/camila2/wp-content/themes/bento/style.css

y el codigo utilizado es este

/* oculta productos relacionados */

.related.products {
display:none !important;
}

/* oculta sku, categoria y etiquetas de pagina de producto */
.product_meta {
display:none !important;

}

Hola Ricardo,

Cuando haces cambios en WordPress, principalmente en estilos CSS, es importante limpiar la caché de tu navegador y la que almacena WordPress si usas algún plugin de caching, para que recargue luego la página con los contenidos estáticos (los CSS son archivos estáticos) actualizados con los cambios que hayas aplicado.

Para limpiar la caché en tu navegador y volver a cargar el sitio web, te facilito las instrucciones de como hacerlo: https://guias.webempresa.com/preguntas-frecuentes/limpiar-la-cache-del-navegador/

Otra opción, como te dije antes, es abrir la web en una ventana nueva de tu navegador móvil (desde tu dispositivo) en "Modo Incógnito" así obligarás a que cargue la web de cero y no la almacenada en caché.

Ssludos

Hola Ricardo,

Para ocultar los "Productos relacionados" deberías añadir en ese mismo archivo, al final, el siguiente estilo:

.woocommerce-page .related.products .products li{
	clear:none!important;
	margin-right:20px!important;
}

Haz la prueba y comentanos.

sigue todo igual, ademas ahora en chrome tampoco lo oculta

por cierto me salen unos avisos diciendome que quite el important

no se pueden eliminar las funciones desde el php que crea la pagina de producto?
si me dices cual es pruebo a editarlo

Hola Ricardo,

Una pregunta ¿tu tema en uso está diseñado para WooCommerce?, ¿puedes indicar la url de descarga de dicho tema para evaluarlo?

Sobre los cambios CSS que no se aplican, hagamos otra cosa si te parece. Elimina esos 3 estilos finales que te hemos sugerido y que en tu tema "Bento".

Luego haz una copia de seguridad del sitio, que no debería llevarte más de 2 minutos - https://www.instagram.com/p/Bklf-wQl1Cb -, y después desde tu cPanel, Archivos, con el "Administrador de Archivos, vete a la carpeta /wp-content/themes/bento que entiendo es donde está tu tema, localiza el archivo functions.php y edítalo desde el Administrador de Archivos y añade al final del mismo la siguiente acción:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Esta acción debería eliminar si o si los "Relacionados" de la vista de productos.

Luego guarda los cambios en el archivo functions.php, limpia la caché de tu navegador y verifica si siguen mostrándose.

Dinos algo 🙂

la instale directamente desde apariencia temas y puse bento en el buscador

puedes encontrar info de la plantilla en https://satoristudio.net/bento/

mañana haré lo que me has comentado y te digo

buenas noches y gracias

Hola Ricardo,

Gracias por la información 🙂 ...hay miles de temas para WordPress y es difícil conocerlos todos.

Efectivamente es compatible con WooCommerce:

The theme offers advanced WooCommerce integration, including page templates, widgets, as well as full checkout funnel styling.

Al final he instalado "Bento" para probar y veo que el filtro para "functions.php" que te indiqué no funciona en las nuevas versiones de WooCommerce por lo que no debes aplicarlo.

Como se ve una ficha de productos con Bento antes de desactivar "Productos Relacionados":

En lugar de aplicar el filtro en functions.php te puedo recomendar el plugin "Custom Related Products for WooCommerce" que funciona bien y te permite desactivarlos globalmente con una simple selección.

Y el resultado en la ficha de producto es más o menos así:

- Custom Related Products for WooCommerce: https://ve.wordpress.org/plugins/custom-related-products-for-woocommerce/

Lo instalas como cualquier otro plugin y lo encuentras en "WooCommerce", "Custom Related Products".

Saludos

he eliminado las lineas que pusimos ayer y he instalado el plugin Custom Related Products y funciona tanto en web como en movil

ahora necesitaria algun plugin parecido para eliminar la linea de sku categorías y etiquetas que aparece debajo de añadir al carrito. conoces alguno?

la url es esta http://conejolo-cp4.webjoomla.es/camila2/musica-personalizada/ana/

Hola Ricardo.

Edita el archivo wp-content -> themes -> bento -> style.css ya añade lo siguiente:

.product_meta {
	display: none;
}

Un saludo

lo he hecho, y he limpiado el cache de todos los navegadores pero solo me lo oculta de Chrome

cuando entro desde móvil normal o desde incógnito no lo oculta, tampoco lo oculta en EDGE ni en EXPLORER, solo me funciona con CHROME