VOLVER
INDICE DE TUTORIALES

.

Aplicación Cybertienda:

Contenidos:

- Actualizar textos de las secciones

- Actualizar las categorías existentes

- Crear categorías

- Mover Categorías

- Fabricantes

- Añadir o actualizar productos

- Insertar imágenes en las descripciones

ACTUALIZAR TEXTOS DE LAS SECCIONES:

Aquí vamos a aprender a modificar algunos textos de algunas secciones, como el de "Aviso de privacidad", "envíos y pagos", o "condiciones de uso".

Para hacerlo, una vez identificados, nos vamos a la parte derecha del menú y al ponernos encima de "herramientas" se desplegará un menú en el que podemos ver la opción:
 "Editor de páginas", en la que haremos click.

1) Seleccionamos el archivo que queremos cambiar en el desplegable de la derecha y el tipo de editor (por defecto, recomendamos FCKeditor).

Tenemos los siguientes archivos que podemos modificar:

- define_checkout_process:    
Mensaje que se muestra cuando se finaliza una compra correctamente.

- define_conditions:                
Sección "Condiciones" (Condiciones de uso de la web)

- define_contact_us:              

Texto que aparecerá encima del formulario en la sección "contactar".

- define_main_page:              

Texto que aparecerá en la sección “Inicio".

- define_nosotros:              

Texto que aparecerá en la sección Nosotros".

- define_page_not_found:              

Texto que aparecerá en caso de que se intente acceder a una página no disponible, por ejemplo, cuando alguien accede desde sus favoritos a una ruta que ya no existe)".

- define_privacy:                   

Sección "Aviso de privacidad", (Leyes de protección de datos, etc.)

- define shippinginfo:             

Sección "Envíos y Retornos" (Gastos de envío y Formas de pago)

2) después de hacer las modificaciones necesarias pulsamos en el botón "Guardar" de la parte inferior, o en "Cancelar" si no queremos actualizar nada y preferimos dejarlo como estaba.


ACTUALIZAR LAS DESCRIPCIONES DE LAS CATEGORÍAS:

En este caso, el proceso difiere un poco, ya que las categorías están estructuradas en forma de árbol, pero es muy similar.

1) Nos ponemos encima del primer menú empezando por la izquierda, "Catálogo" y pinchamos en la primera opción "Categorías/Productos"

2) Ahora podemos ver las categorías que tenemos creadas, (una en cada línea) y si pinchamos en la letra "e" de color verde, podremos cambiar su descripción.

3) Si pinchamos en el icono de la carpeta de una de ellas, por ejemplo, en el de  Tintos, veremos que es lo que hay dentro, en este caso, los vinos de ejemplo que hemos añadido.  

También aquí, si pinchamos en la "e" verde, editaremos la descripción de una de los productos.

4) después de cambiar lo que queramos en las descripciones de las categorías, en la parte de abajo veremos un botón que pone "Guardar"  en el que haremos click. 

CREAR CATEGORÍAS

En cualquier parte del árbol, podemos hacer click en "nueva categoría", con lo que se creará un nuevo botón en el menú lateral izquierdo de la página, y podrán verlo los usuarios de la web.

Tendremos que rellenar el Nombre: Será el texto que sale en el nuevo botón.

La descripción: Luego hablaremos de ella, en la cual si queremos, podemos meter más imágenes.

La imagen: Esta será la imagen principal de la categoría.

Bastará con elegirla del disco duro y esta se subirá automáticamente.

El orden: aquí definiremos la posición de la categoría, cuanto mayor sea su valor, más abajo aparecerá la categoría. 

MOVER CATEGORÍAS

1) Si lo que queremos es mover una categoría a otra parte del árbol, lo que haremos será hacer click en la letra "m"  de color azul, (al lado de la letra "e" de editar). Aparecerá un desplegable y seleccionaremos donde queremos poner esa categoría.

Esto nos va a servir por ejemplo para reordenar las categorías y agruparlas como queramos 

FABRICANTES

Cuando metamos un producto, uno de los datos que nos va a pedir es su fabricante, por lo que conviene empezar metiendo las diferentes marcas o fabricantes, para seleccionar luego el que queramos.
(de momento nosotros no lo hemos usado, sino que hemos editado directamente los campos de cada vino)

1) Para hacer esto, nos ponemos encima del segundo menú empezando por la izquierda, "Catálogo" y pinchamos en la opción "Fabricantes".

2) Luego hacemos clic en el botón “Agregar

3) Rellenamos, el nombre, la imagen si queremos ponerla, y pinchamos en “Guardar

AÑADIR O ACTUALIZAR PRODUCTOS

En principio va a ser muy similar a lo que hemos hecho con las categorías.
1) Nos ponemos encima del segundo menú empezando por la izquierda, "Catálogo" y pinchamos en la primera opción "Categorías/Productos"

2) Nos movemos por las categorías hasta llegar a donde queremos meter el producto, hacemos clic en el botón “Nuevo Producto”, si queremos meter uno nuevo, o si queremos modificar alguno que ya exista, pinchamos en la letra “e” a la derecha de color verde para editarlo.

3) Cada producto tiene varios campos que debemos rellenar, los más importantes son:

- Activado o no: Si el producto está desactivado, no se mostrará en al tienda.

Nota: es mejor, desactivar un producto que eliminarlo completamente, ya que si no lo quitamos del todo siempre podremos activarlo de nuevo de forma sencilla.

- Fecha de disponibilidad: Si queremos que el producto se muestre en el catálogo a partir de un día concreto.

- Fabricante: Debe estar añadido previamente.

- Nombre

- Año

- Tipo

- Bodega

- Barrica

- Variedad

- Precio

- Descripción: (vale lo mencionado para las categorías)

- Stock disponible: De momento está configurado para que cuando llegue a cero el stock de un determinado producto, se siga mostrando en la web, pero no deje comprarlo.

- La imagen principal del producto

- El peso en Kg: Esto se suele usar para calcular los gastos de envío, pero en vuestro caso, las tarifas dependen del importe de la compra, por lo que no es vital rellenarlo para el correcto funcionamiento de los pedidos.

- Orden: Sirve para ordenar productos dentro de la misma categoría, se mostrarán de menor a mayor.


COMO INSERTAR IMÁGENES EN LAS DESCRIPCIONES DE LAS CATEGORÍAS (Y PRODUCTOS)

5) Cuando editamos una descripción, veremos muchos botones de herramientas, para cambiar la fuente de letra, colores, alinear el texto, etc., uno de ellos es un cuadrado pequeño, con una imagen (al ponernos encima dice: Insertar/Editar Imagen), es decir, para meter nuevas imágenes dentro de la descripción, aparte de la imagen principal.
hacemos click y se nos abre una ventana. En ella seleccionaremos la ruta de la imagen que queremos poner.

Lo que tenemos que hacer es subir la nueva imagen de nuestro disco duro, y luego seleccionarla de la siguiente manera:
pinchamos en el botón: “Ver servidor”

6) – Veremos el contenido de  la carpeta "library/Image” del servidor, para colocar ahí la nueva foto. Podemos ponerla en cualquier carpeta, pero mejor llevar un cierto orden para tenerlas todas juntas.

- En la parte inferior, Vemos un botón que dice "Upload" y un botón de “examinar”.

- Hacemos clic en examinar, Seleccionamos la imagen de nuestro disco duro y pinchamos en "upload", justo a la derecha.

De esta forma veremos que la nueva imagen ha subido y esta en el servidor junto a las otras.

- Solo queda seleccionarla, y hacer click en el botón OK 

- Veremos que hay más opciones, por ejemplo, si queremos que al pasar con el ratón por encima de la imagen muestre un pequeño mensaje, escribimos lo que queramos en el campo "Alt", también podemos añadirle un borde, etc., es cosa de hacer alguna prueba para familiarizarte con ello.

Quedan bastantes aspectos que no hemos tratado, y todos tienen su utilidad, por lo que casi seguro que le surgirán dudas, no dude en ponerse en contacto con nosotros para cualquier aclaración.

MI CESTA más
0 productos
INFORMACIÓN
Noticias
Privacidad
Condiciones
Formas de pago

 

http://www.abacocreacion.com
Soluciones Web - Bilbao - Vizcaya - Tel. 94 410 29 71 - Email: info@abacocreacion.com