Uso de csv e imágenes en campos adicionales para introducir valores (p.e. discos para medallas)

INSTRUCCIONES PARA ASIGNAR DISCOS A MEDALLAS EN TIENDA DE TROFEOS

 

Debemos crear un campo adicional de tipo Texto desde Catálogo > +Campos Artículos.

(te hemos creado nosotros el campo adicional de tipo texto (Disco Medalla))

 

Incluir el código HTML que hará que se muestre el link que abrirá la ventana con los discos.

<p><a href="#" class="apptrofeo" data-csv="discos.csv" >ELIGE DISCO</a></p>

(te hemos puesto el código html pero lo hemos dejado con estilo class="hidden" (oculto) para que no se vea en la tienda hasta que lo tengas preparado, cuando ya quieras que se muestre simplemente elimina class="hidden")

 

Debes crear una archivo csv con los datos referidos a los discos (el nombre del archivo debe ser discos.csv)

El archivo csv se deberá llamar discos.csv y tiene que ser de 3 columnas con el siguiente formato de campos separados por punto y coma (;), delimitador de texto doble comilla (") y en formato UTF-8:

1ª columna, texto que se insertará en el campo adicional y en el pedido

2ª columna, nombre de la imagen que hay en la carpeta imgs

3ª columna, categoria o deporte al que pertenece

 

Ejemplo:

"Disco de fútbol cód. 10";"futbol1.jpg";"Fútbol";

"Disco balón de fútbol cód. 24";"balonfutbol.jpg";"Fútbol";

"Disco raqueta tenis cód. 7";"raquetatenis.jpg";"Tenis";

"Disco pala pádel cód. 7";"pala.jpg";"Pádel"; 

 

Deberás crear las imágenes correspondientes a los discos y serán de un tamaño establecido de 150 x 150 pixeles.

 

Una vez tengas el fichero csv y las imágenes creadas deberás subirlo por FTP al servidor con los siguientes datos de conexión.

 

Conexión por FTP

Servidor: trofeosxzy.es

Usuario: tienda_disco

Contraseña *******

 

El archivo csv lo debes dejar en el raíz y las imágenes deberás dejarlas en la carpeta imgs.

 

Si quieres tener otro csv para otros elementos, p.e. cintas, deberás crear otro archivo csv con nombre distinto y en el código HTML del campo adicional de tipo texto correspondiente hacer la llamada a ese csv, p.e.:

 

<a href="#" class="apptrofeo" data-csv="cintas.csv" >ELIGE CINTA</a></p>