Avisos
Vaciar todo

[Resuelto] plugin yiht essential kit  

 
Lourdes
 Lourdes
Reputable Member

EL plugin de yiht essential kit me permite poner el selector de color en el desglose de productos de tienda? Se que el pro si lo permite pero quiza se puede añadir con css y usando la version gratuita.

Tambien me permitiria dentro del producto, poner la opcion de selecion con image en lugar del cuadrado de color?

 

 

Captura de pantalla 2021 12 10 a las 11.42.39
Captura de pantalla 2021 12 10 a las 10.37.29

Contenido solo visible a usuarios registrados

Citar
Respondido : 10/12/2021 10:52 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Lourdes, 

En este caso este tipo de configuraciones requieren añadir condigo adicional a tu plantilla, ya que con CSS estas opciones no se despliegan hay alternativas para ello como el plugin que mencionas o por ejemplo https://wordpress.org/plugins/woo-variation-swatches/

En la sección Premium Features tiene

- Show Entire Color, Image, Label And Radio Attributes Swatches In Catelog/ Category / Archive / Store/ Shop Pages

Ten en cuenta que estas funcionalidades están usualmente disponible en la versión pro de los complementos, por ejemplo este último ofrece en su versión pro añadir opciones en la página de categoría y tienda entro otras

Un Saludo 

ResponderCitar
Respondido : 10/12/2021 12:27 pm

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

Lourdes
 Lourdes
Reputable Member

@karen Este plugin me permitiria tambien poner las tallas como aparecen en la web del ejemplo? Es decir las tallas en lugar de hacer click y ver desglose, poder verlas como aqui:

Captura de pantalla 2021 12 10 a las 14.50.00

Lo mismo con otros elementos como en colores el recuadro con el color, ver este recuadro tambien en listado de productos, etc

Es decir que visualmente quede como esta web de referencia, sin tener que pagar otros plugin premium

 

ResponderCitar
Respondido : 10/12/2021 1:51 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Lourdes, 

El plugin es limitado, te permite añadir algunas configuraciones en este caso debes probar y verificar si te permite configurar todo lo que deseas pero como te comento la mayoría de los plugins ofrecen todas sus funcionalidades en la versión pro

Un Saludo

ResponderCitar
Respondido : 10/12/2021 1:55 pm

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

Lourdes
 Lourdes
Reputable Member

@karen No podría decirme el plugin que esta web utiliza? Para asegurarme que me descargo el correcto porque veo que hay muchos plugin que permiten este tipo de ajustes pero sería mas facil saber cual esta utilizando exactamente esta pagina de ejemplo:

https://www.meshki.us/collections/mini-dress/products/elodie-cowl-front-chain-mini-dress-mandarin

 

Necesitaria saber el plugin que usan para seleccion de tallas y colores.

Tambien el que usa para que la galeria se vea a la izquierda de la imagen y ademas se visualicen pasando la imagen de uno a otro. Gracias

 

Captura de pantalla 2021 12 10 a las 19.23.44
ResponderCitar
Respondido : 10/12/2021 6:27 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola Lourdes,

No podemos darte esta información, básicamente por que esa web no es un wordpress, es un shopify, otro sistema de tiendas online que es de pago por lo que ningún complemento hecho para woocommerce resultaria compatile.

Como te menciona Karen tendrías que ir probando cual es el que te de un aproximado a eso o directamente desarrollar uno pero desde foro no damos este tipo de soporte de desarrollo personalizado tendrías que consultarlo con nuestros colaboradores.

https://www.webempresa.com/directorio-colaboradores.html

Un saludo 🖐️ 

ResponderCitar
Respondido : 10/12/2021 6:38 pm

Lourdes
 Lourdes
Reputable Member

@karen Ya instale el plugin   https://wordpress.org/plugins/woo-variation-swatches/

Estoy trabajando de momento la versión free y queria saber si es posible:

1/ Que las imagenes de la galeria tengan separación con la imagen aumentada

2/ Que las imagenes de la galeria se vean en tamaño mas pequeño, manteniendo su formato original y que ocupen la altura de la imagen ampliada, si ocupasen mas se quedarían ocultas como en el ejemplo

3/ Imagen ampliada que fuesen cambiando con las flechas como ahora, pero visualizandos dos en lugar de una

 

 

Muchas gracias.

 

Adjunto imagen de ejemplo como me gustaría que se visualizase:

Captura de pantalla 2021 12 21 a las 12.29.57

 

Adjunto imagen de como se visualiza actualmente:

Captura de pantalla 2021 12 21 a las 12.40.24
ResponderCitar
Respondido : 21/12/2021 11:41 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Lourdes, 

Veo actualmente que esta opción la añades con Elementor por lo que supongo estás diseñando la vista simple con las opciones pro del plugins, en este caso usualmente estos elementos como la galería he imágenes te permiten configurar desde las opciones del widgets los espacios y el ancho que puede tener por ejemplo la galería, sin embargo te comenta

Respondido por: @lour-homedesgmail-com

1/ Que las imagenes de la galeria tengan separación con la imagen aumentada

 

Antes de aplicar un CSS revisa si el widget tiene una opción que te permita aumenta la separación de la galería y el ancho de estas, una opción con CSS es que aumente el padding de estos para que reduzcas el tamaño y aumentes la separación

.elementor img {
padding: 15px;
}

Sin embargo, esto puede ser un CSS global que se aplique a todas las imágenes por lo que lo mejor es que compruebes las opciones de diseño y ajustes que te permite el widget de las imágenes de WooCommerce 

Respondido por: @lour-homedesgmail-com

2/ Que las imagenes de la galeria se vean en tamaño mas pequeño, manteniendo su formato original y que ocupen la altura de la imagen ampliada, si ocupasen mas se quedarían ocultas como en el ejemplo

Una opción es que reduzcas el ancho de tus imágenes, pero no creo que puedas tener el resultado que desees ten en cuenta que cada elemento está desarrollado con una funcionalidad especifica por lo que alterar su comportamiento requiere código adicional y no solo CSS, por ejemplo reduciendo el max-widht de tu galería con CSS ser vería de esta forma 

.elementor img {
max-width: 50%;
}
image
Respondido por: @lour-homedesgmail-com

3/ Imagen ampliada que fuesen cambiando con las flechas como ahora, pero visualizandos dos en lugar de una

 

Esto depende de lo que te permita configurar el widget de elementor, revisa si tiene alguna opción disponible para ello 

Si tienes alguna duda adicional sobre estas opciones abre un nuevo tema para ello de esta forma mantenemos un control sobre el hilo y podemos ayudarte con mayor detalle

Un Saludo 

 
Esta publicación ha sido modificada el hace 3 años por Karen Rios
ResponderCitar
Respondido : 21/12/2021 12:35 pm

Cursos Gratuitos WordPress

Lourdes
 Lourdes
Reputable Member

@karen El plugin no lo tengo todavia en la version pro. Por el momento todo esta hecho en la version gratuita, por esa razón les preguntaba si podian revisar estos cambios con el plugin que me recomendaron usando la versión gratuita. Gracias.

ResponderCitar
Respondido : 21/12/2021 2:23 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Lourdes.

Supongo que te refieres a lo de las tallas, veo que estamos tratando varias cosas y no se exactamente a que te refieres.

Con el plugin que te indicó Karen por defecto muestra los botones de las tallas lo que no te permite mucho es el tema del diseño que si que tendrías que obtener la version Pro pero bueno con un poco de CSS se puede modificar la apariencia:

screenshot masquecms.es 2021.12.21 15 53 20

Si te refieres al tema de las imagenes, no, el plugin es solo para los atributos pero con CSS como te indico Karen puedes hacer lo que buscas:

Que las imagenes de la galeria tengan separación con la imagen aumentada

.jet-gallery-swiper-thumb {
padding-right: 10px;
}

 

Que las imagenes de la galeria se vean en tamaño mas pequeño, manteniendo su formato original y que ocupen la altura de la imagen ampliada, si ocupasen mas se quedarían ocultas como en el ejemplo 

.jet-woo-swiper-gallery-thumbs .swiper-slide img {
height: 100%;
width: auto;
}

Imagen ampliada que fuesen cambiando con las flechas como ahora, pero visualizandos dos en lugar de una

Eso es mas complicado ya que tendras que modificar la estructura de los archivos de la plantilla, se podría disminuir el ancho pero estéticamente no queda nada bien:

 

Cada web es distinta y mas si son dos plataformas distinta, no puedes replicar lo de una web en otra, puedes acercarte pero no replicar lo mismo.

 

 

 

Esta publicación ha sido modificada el hace 3 años por Pepe
ResponderCitar
Respondido : 21/12/2021 3:26 pm

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