Avisos
Vaciar todo

Asociar imágenes a opciones de un 'select' en Advanced Custom Fields  

 
Eugenio
 Eugenio
Estimable Member

Buenos dias.

He instalado el plugin 'Advanced Custom Flields' para solucionar un pequeño problema que tenia para mostrar los alérgenos de una carta de restaurante.

Ahora mismo, despues de configurar el plugin y crear el campo personalizado, en el frontpage muestra los alérgenos que se selecionan en la admin como texto (que es lo lógico), pero yo quería ir un poco más allá y que en lugar de que aparezca el texto con el nombre del alérgeno, me gustaría que apareciese un icono de dicho alérgeno.

Es decir, que en la admin, al crear un producto yo hago una selección múltiple de los alérgenos que correspondes a ese producto, pero en el frontpage me mostraría los iconos de los alergenos seleccionados.

Se podría hacer esto de alguna manera?

Gracias de antemano.

Saludos

Citar
Respondido : 20/07/2020 11:41 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Eugenio.

Si, Si que se podría.

Puedes seleccionar como campo Imagen y mostrarla por ID o Array y despues segun como quieras mostrará si en con el IDE o Con Array tendrás que añadir una función.

En este de la documentación del plugin tienes información:

-> https://www.advancedcustomfields.com/resources/image/

 

Tienes un plugin que añade opciones, entre una de ellas es añadir imágenes o galerías, aar que funcione tienes que tener la versión Pro del plugin "Advanced Custom Fields "

-> https://es.wordpress.org/plugins/acf-extended/

 

Un saludo

 

 

ResponderCitar
Respondido : 20/07/2020 12:08 pm

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

Eugenio
 Eugenio
Estimable Member

@pepesoler

Hola Pepe. E primer lugar, gracias por tu respuesta.

Mi intención es poder hacer una selección múltiple de iconos, es decir, cada producto tiene varios alérgenos. Por eso queria asociar de alguna manera el contenido de cada etiqueta <option> del select con una imagen.

De todas formas, voy a darle una vuelta a lo que me has enviado.

Saludos

Captura de pantalla 2020 07 20 a las 13.30.41

 

ResponderCitar
Respondido : 20/07/2020 1:06 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio,

Como comenta Pepe si que podrías, revisa el enlace que te hemos compartido.

Prueba y nos comentas como ha ido todo.

Un Saludo 😊 

 

ResponderCitar
Respondido : 20/07/2020 1:29 pm

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

Eugenio
 Eugenio
Estimable Member

Hola de nuevo.

Después de leer los enlaces que me habéis pasado, he intentado hacer aparecer imágenes en los campos y no he podido. Como mucho he seleccionado la opción de mostrar imágenes (sólo me permite mostrar una) y lo único que he conseguido ha sido que en el lugar donde debería aparecer la imagen, aparezca código html.

No tengo conocimientos técnicos, yo soy diseñador, y para implementar las imágenes supongo que tendría que saber modificar algo de código.

No conocéis ningún plugin que sea fácil mostrar imágenes y que se carguen desde la admin de los productos?

Saludos

ResponderCitar
Respondido : 20/07/2020 2:00 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio,

Puedes comprobar si el siguiente plugin tienes lo que necesitas para configurar en tu sitio ->  web https://es.wordpress.org/plugins/wp-custom-taxonomy-image/

Un Saludo

ResponderCitar
Respondido : 20/07/2020 2:14 pm

Eugenio
 Eugenio
Estimable Member

@karen

Hola, no he visto relación con el plugin que me recomiendas y lo que necesito concretamente.

Puedes explicarme un poco?

 

Gracias

ResponderCitar
Respondido : 20/07/2020 2:39 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio,

Entiendo, me disculpo de antemano si no puedo ayudarte con mi respuesta. 

En este caso no he logrado localizar otro plugin que te permita añadir lo que deseas con advance custom fields más allá de la documentación del propio desarrollador.

Tal vez nuestro equipo de colaboradores puedes ayudarte a desarrollar lo que necesitas -> https://www.webempresa.com/directorio-colaboradores.html

Un Saludo

 

ResponderCitar
Respondido : 20/07/2020 3:28 pm

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

Eugenio
 Eugenio
Estimable Member

Vale, muchas gracias.

Dejo el tema abierto por si alguien puede ayudarme.

Saludos

ResponderCitar
Respondido : 20/07/2020 4:06 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio,

Gracias a ti, siempre encantados de ayudarte.

Un Saludo

ResponderCitar
Respondido : 20/07/2020 4:14 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Un control de select  o lista HTML no muestra imágenes, sólo texto, para hacer lo que comentas se tiene que hacer un control personalizado, es decir construir un select compuesto, pero al parecer el plugin ACF no soporta eso.

Saludos.

ResponderCitar
Respondido : 20/07/2020 5:29 pm
Eugenio
 Eugenio
Estimable Member

@jmarreros

Buenos dias Jhon.

Gracias por tu atención.

Tal vez ayer no me expliqué bien. Lo que pretendo conseguir es otra cosa:

Al crear un producto, en el campo personalizado que he llamado 'alérgenos', yo hago una selección múltiple, ya que cada producto puede tener varios alérgenos. En la ficha del producto del frontoffice, efectivamente me muestra esta selección mediante una lista con las opciones seleccionadas, pero en texto.

Lo que quiero es que ese texto, mediante alguna modificación en el código (ya que ha quedado claro que plugins que hagan esto, no existen), se asocie a los iconos de los alérgenos. Y en lugar de una lista con palabras, que muestre una lista con iconos. Por eso al principio preguntaba si se podian relacionar las opciones del <select> con imágenes.

Captura de pantalla 2020 07 20 a las 13.30.41

 

ResponderCitar
Respondido : 21/07/2020 8:29 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Eugenio.

Podrás añadirlos como atributos.

.- Accede productos -> Atributos y crea atributos para cada icono.

.- En tipo seleccione " Imagen "

Una vez creado selecciona " Configurar términos "

screenshot joomlero cp95.webjoomla.es 2020.07.21 16 36 58

.- Sube la imagen que quieres mostrar

screenshot joomlero cp95.webjoomla.es 2020.07.21 16 41 15

.- Edita la ficha del producto, selección producto variable y selecciona Atributos

.- Añade los atributos que quieres mostrar

screenshot joomlero cp95.webjoomla.es 2020.07.21 16 46 00

.- Selecciona Variaciones y añade las variaciones que serán  los iconos a mostrar.

screenshot joomlero cp95.webjoomla.es 2020.07.21 16 47 43

El resultado sería este:

screenshot joomlero cp95.webjoomla.es 2020.07.21 16 49 45

 

solo una consulta ¿ Todos los productos tienen que tener los mismos Iconos ?

 

Un saludo

 

 

 

ResponderCitar
Respondido : 21/07/2020 3:51 pm
Eugenio
 Eugenio
Estimable Member

@pepesoler

Hola Pepe

Como solución puede ser lo que ando buscando. Mañana mismo hago la prueba y te digo.

No, cada producto puede tener diferentes alérgenos. Hay unos 30 diferentes y cada producto puede tener unos 10, coincidiran algunos pero otros no.

Gracias por tu ayuda

ResponderCitar
Respondido : 21/07/2020 4:42 pm

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Eugenio,

De acuerdo, nos comentas como ha ido

Un Saludo 😊 

ResponderCitar
Respondido : 21/07/2020 5:03 pm