Avisos
Vaciar todo

.product_meta {display:none} MOVIL (woocommerce)  

Página 1 / 2
 
Ricardo
 Ricardo
Reputable Member

he insertado en style.css esta línea

.product_meta {display:none}

para que no me apareciera ni el SKU, ni la categoría ni las etiquetas en los productos de woocommerce

ha funcionado perfectamente pero si entro desde el movil sigue apareciendo, pensaba que era tema de cache pero probé desde un móvil que nunca había entrado en la página y ocurre lo mismo

que codigo necesito para que desaparezca también de la versión móvil?

gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 01/07/2018 8:45 pm
Ricardo
 Ricardo
Reputable Member

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

ResponderCitar
Respondido : 01/07/2018 8:51 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 01/07/2018 10:22 pm
Ricardo
 Ricardo
Reputable Member

a que te refieres a limpiar la cache?

ResponderCitar
Respondido : 01/07/2018 10:38 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ricardo
 Ricardo
Reputable Member

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?

ResponderCitar
Respondido : 01/07/2018 10:58 pm
Ricardo
 Ricardo
Reputable Member

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;

}

ResponderCitar
Respondido : 01/07/2018 11:00 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 01/07/2018 11:00 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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.

ResponderCitar
Respondido : 01/07/2018 11:39 pm

Cursos Gratuitos WordPress

Ricardo
 Ricardo
Reputable Member

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

ResponderCitar
Respondido : 02/07/2018 1:08 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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 🙂

ResponderCitar
Respondido : 02/07/2018 1:37 am

Ricardo
 Ricardo
Reputable Member

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

ResponderCitar
Respondido : 02/07/2018 3:18 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 02/07/2018 3:50 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Ricardo
 Ricardo
Reputable Member

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/

ResponderCitar
Respondido : 02/07/2018 2:47 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ricardo.

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

.product_meta {
	display: none;
}

Un saludo

ResponderCitar
Respondido : 02/07/2018 5:16 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ricardo
 Ricardo
Reputable Member

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

ResponderCitar
Respondido : 02/07/2018 6:01 pm
Página 1 / 2