Hola. ¿Hay forma rápida de heredar la apariencia de producto en elementor a la pagina de etiquetas de woocomerce?
Contenido solo visible a usuarios registrados
Hola Pedro,
Nos compartes una captura de cómo lo estas agregando, verifica que copies y pegues todo al completo y que no te falte algún cierre.
Un saludo
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
padding: 0 !important;
position: relative !important;
width: 22.05% !important;
margin-left: 0 !important;
text-align: center !important;
border-style: solid;
border-width: 0 !important;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .94) !important;
}
h2.woocommerce-loop-product__title {
font-family: Roboto, Sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 18px !important;
letter-spacing: 0 !important;
color: black !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: #b01231;
font-family: Roboto, Sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5em;
}
Hola Pedro,
Actualmente lo veo asi:
Entiendo que ya se ha aplicado correctamente, es posible que sea por la cache que esta actuando de mas, dale unos minutos y vacia ambas caches, si tienes varnish activo, vacíala también.
Un saludo 🖐️
como se te ven los productos relacionados?
https://www.mercerianinot.es/telas-flores/tela-fleur-naranja/
ahora se ve bien lo hemos puesto en css adicional pero se roto todo lo de elementor.
Hola Pedro,
Si correcto lo veo igual que tu, el problema es que eso esta llamando a un modulo de WooCOmmerce basico, no de constructor de Elementor, prueba agregar esto:
.woocommerce-archive-wrapper .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
padding: 0 !important;
position: relative !important;
width: 22.05% !important;
margin-left: 0 !important;
text-align: center !important;
border-style: solid;
border-width: 0 !important;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .94) !important;
}
.woocommerce-archive-wrapper h2.woocommerce-loop-product__title {
font-family: Roboto, Sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 18px !important;
letter-spacing: 0 !important;
color: black !important;
}
.woocommerce-archive-wrapper .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: #b01231;
font-family: Roboto, Sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5em;
}
En lugart del que ya tienes lo cambias por completo por este nuevo, y validas, si sigue viendose igual lo quitas hasta que ya la cache tome que no lo tienes, si se sigue mostrando es algo qu eya se estaba presentando pero no se habia vaciado la cache como para verlo. Y tocaria validarlo con otro css diferente ya que no tienes la version de pago de elementor.
Un saludo 🖐️
lo agrego debajo del anterior código?. Todo esto hará mi pagina más lenta? es que ya es lenta y no quiero que lo sea más
no había leído bien, lo sustituyo
Puedes por favor mirar en tu navegador porque yo pruebo en el movil y tres ordenadores y en cada uno pasa una cosa, ya no se si es cacheo que no funciona 🙁
Hola Pedro,
Estás en lo correcto, vemos que en diferentes navegadores se ve diferente, vemos que tienes WP Rocket; puedes validar si activas otro plugin de caché, como por ejemplo:
https://es.wordpress.org/plugins/autoptimize/
Por ejemplo, desactivas el Wp Rocket, activas este plugin y vacías la caché, a ver si ahora sí se muestra la versión que está tomando la caché; es curioso porque no debería haber cambios por tanto tiempo.
Valida y nos comentas para poder darle un vistazo por aquí en varios navegadores.
Un saludo 🖐️
Ya lo he hecho y nada, todo roto, no se si esperar o rendirme y borrar el código y quedarme como estaba, mirar en vuestros ordenadores por favor
no se so tiene algo que ver que en elementor también tengo css adicional en algunas plantillas
lo curioso es que ahora se ven bien en todas las paginas relacionadas con el código css adicional nuevo, pero las de elementor se ven en miniatura todas