Heredar apariencia de producto de elementor

Que tal Pedro,

Veo que ya existe una cabecera global que se muestra en todas las vistas internas de la web sean productos o categorías

Puedes profundizar tu solicitud y explicarnos a detalle que necesitas?

Saludos!

Si. Al final lo que quiero es que cuando el usuario que hace click a la etiqueta de producto la pagina que se abre los productos con la misma etiqueta el css sea el mismo que el creado en elementor como esta imagen no como la anterior

Hola Pedro,

Para entenderte mejor supongo que tienes Elementor Pro, y deseas que la vista dinámica por defecto al consultar una etiqueta

Se vea como el listado de productos convencional en cada categoria

Recuerda que al igual de como has creado la vista de las categorías, también aplica para las etiquetas

Te dejo la documentación al respecto

https://elementor.com/help/creating-a-woocommerce-archive-template/

Saludos!

Ese es problema que ya no tengo elementor pro por eso con heredar o modificar el css en apariencia del tema me valdría.

 

Resumiendo. Añadir en Apariencia → Personalizar → CSS adicional el mismo css de producto de elementor. 

Hola Pedro,

Resumiendo. Añadir en Apariencia → Personalizar → CSS adicional el mismo css de producto de elementor.

Lo que estas solicitando es adaptar los estilos que ya tienes en los elementos de grid de productos, recrearlos a la vista dinámica de las etiquetas

Esta labor puede ser considerada un ajuste a medida; sin embargo, vamos a probar de la siguiente manera

Para tener un aspecto como el siguiente

Vamos a usar los siguientes estilos CSS

.tax-product_tag .grid-75 {
width: 100% !important;
}


.tax-product_tag .is-right-sidebar{
display: none;
}


.tax-product_tag .product {
text-align: center;
border-style: solid;
border-width: 0;
padding: 5px;
box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .2);
}


.tax-product_tag .product:hover {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
}

.tax-product_tag .woocommerce-loop-product__title{
font-family: Arial, Sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important;
min-height: 50px
}

.tax-product_tag .price {
color: #b23d49 !important;
font-family: Roboto, Sans-serif !important;
font-size: 17px !important;
font-weight: 600 !important
}

Tengo entendido ya sabes donde debes usarlo 😉 

Saludos!

ok pruebo, si quisiera que el css que adjuntas se aplicara en toda la tienda a excepción de las paginas elementor que ya están ok. Así no molestaría más sobre este tema, porque también estoy creando las paginas de marca.

Hola Pedro,

Los ajustes deberían aplicarse a todos los listados dinámicos correspondientes a las etiquetas

Prueba los estilos sugeridos y nos comentas

Saludos!

Buenas tardes, lo he añadido en css adicional pero no me funciona. 

con igualar el css del producto tengo suficiente, es decir, titulo, precio y la sombra

Hola Pedro,

Nos puedes compartir las dos URL, por ejemplo quiero que se vea aqui: Url_donde_no_se_ve_como_quieres, como se ve aqui: Url_donde_se_ve_como_quieres, de esta forma nos ayudas a ver los estilos y poder validar si es posible ayudarte con lo que nos solicitas.

Un saludo 🖐️ 

url que se ve como quiero: Telas | Comprar Telas Online de Algodón, Patchwork y Más - Mercería Ninot

url que se ve como no quiero:3 Claveles archivos - Mercería Ninot

Como comento tengo suficiente con el producto no hace falta toda la pagina

Hola Pedro,

Verifica agregar en Apariencias > Personalizar > CSS adicional, al final de todo esto:

.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;
}

Nos comentas que tal te va con el.

Un saludo 🖐️ 

en css adicional me cambia perfecto pero pruebo en la pagina y sigue igual, he borrado caché y he entrado modo incógnito