Catálogo de productos - GXportlets
Para publicar información definida en Ecommerce se cuenta con los siguientes GXportlets:
· Detalle de producto: permite visualizar todos los componentes asociados a un producto.
· Lista de productos: permite configurar la presentación de una lista de productos a publicar.
· Menú de secciones: permite desplegar las secciones y subsecciones definidas previamente en forma de Menú, y se cuenta con varias formas de presentación.
GXportlet ‘Detalle de producto’
Desde el diseñador de páginas debe crear un sector donde publicará un GXportlet ‘Detalle de producto’ del grupo ‘E-commerce’ (para ver detalles de cómo hacer esto ver Agregar sector)
Cuando se ingresa a las propiedades del
mismo dando clic en 
se despliega la siguiente pantalla.
Figura 7.6.1
El botón Página se utiliza para actualizar los datos de la página.
El botón Región permite actualizar las propiedades de la región.
El botón Sector permite actualizar las propiedades del sector.
El botón GXportlet se utiliza para actualizar las propiedades del GXportlet ‘Detalle de producto’. Su funcionalidad en detalle, se explica en esta sección.
El Botón Grabar debe ser utilizado luego de finalizar la configuración de un grupo de propiedades. Las propiedades sólo se graban automáticamente cuando Ud. cambia de grupo de propiedades. Si no se cambia de grupo de propiedades y no hizo clic en este botón, las mismas no quedan grabadas y permanecerán con el valor anterior.
El botón Copiar permite copiar
al GXportlet actual y si se desea también al sector, las propiedades de un
GXportlet y sector determinado.
El botón Valores Predeterminados se utiliza para recuperar los valores predeterminados de las propiedades.
Los grupos de propiedades disponibles son los siguientes:
- Generales:
- Permite definir los componentes del producto a mostrar y su ubicación. El detalle de producto, sus características y su galería de imágenes se podrán mostrar una debajo de otra, seleccionando su orden, mientras que la lista de productos sugeridos y los descuentos por cantidad se podrán mostrar a la derecha o a la izquierda de los anteriores mencionados.
·
Separadores:
o
Permite configurar la
separación entre los distintos componentes del producto (cabezal, detalle,
características, galería de imágenes, productos sugeridos, descuentos)
configurando las distancias en píxeles.
- Datos básicos:
- Permite configurar los márgenes, ancho (en pixeles o en
porcentaje) y altura (en píxeles), alineaciones, color e imagen de fondo
y borde de los datos básicos. También se selecciona si los componentes se
mostrarán a la derecha o abajo del nombre del producto. Los datos básicos
se presentarán en el siguiente orden: Nombre, Precio, Icono Oferta, Icono
Destacado, Ver Más.
- Nombre del producto:
o Permite configurar como se quiere mostrar el nombre del producto en caso de que se quiera mostrar.
- Descripción
abreviada:
- Permite configurar como se quiere mostrar la descripción abreviada en caso que se quiera mostrar.
- Precio del producto:
- Permite seleccionar qué precios se quieren mostrar: precio de lista, precio de oferta y ahorro, y permite configurar la estética de los mismos (tipo, tamaño y estilo de la fuente, color del texto, alineaciones, borde, etc). Los precios se podrán mostrar horizontal o vertical, y el orden será: Precio de lista, Precio de oferta, Ahorro. Se podrá ingresar el texto a mostrar para cada uno de los mismos y el precio de lista se podrá mostrar tachado.
- Iconos:
- Permite seleccionar una imagen para los productos destacados y otra imagen para los productos que tienen oferta.
- Imagen principal:
- Permite configurar como se quiere desplegar la imagen principal del producto en caso que se quiera mostrar. Se podrán configurar las medidas de la imagen, un espacio reservado para la misma con su correspondiente alineación y su ubicación con respecto al cabezal.
Si la propiedad ‘Habilitar zoom’ está seleccionada, al hacer clic sobre la imagen, la misma se mostrará en su tamaño natural.
- Detalle del producto:
- Permite configurar la estética del detalle del producto en caso que se quiera mostrar.
- Características:
- Permite configurar el área donde se desplegarán las
características del producto en caso que se quieran mostrar (ancho,
borde, márgenes). Se puede definir un título para las presentar las características
y la estética del mismo, y también si se mostarán las características
agrupadas y la estética de los grupos.
- Características –
Valores:
- Permite configurar la estética de las características y de los
valores en caso que se quieran mostrar. Se define para el caso de las
características de tipo ‘Verdadero/Falso’ que texto se mostrará (por
ejemplo: Verdadero/Falso, Si/No, Está/No está, Tiene/No tiene, etc)
- Galería de imágenes:
- Permite configurar como se quieren desplegar las imágenes de
la galeria en caso que se quieran mostrar. Se puede definir la cantidad
de columnas y filas, altura y ancho de las imágenes, si se habilita zoom
(al hacer clic sobre la imagen, la misma se muestra en su tamaño natural),
márgenes y separaciones, fondo de las imágenes. Se podrá definir un
título para presentar la galería de imágenes y su estética.
- Productos sugeridos:
- Permite configurar como se desplegará la lista de productos sugeridos en caso que se quiera mostrar. Se podrá definir un título para presentar dicha lista y su estética. Si la propiedad ‘Abrir en una nueva ventana’ está seleccionada, al hacer clic sobre un producto sugerido, se presentará el detalle del mismo en una nueva ventana, de lo contrario se presentará en la ventana actual.
- Descuentos por
cantidad:
- Permite configurar como se desplegarán los descuentos por
cantidad del producto en caso que se quieran mostrar. Se podrá definir el
título de la columna ‘Cantidad’ y ‘Porcentaje de descuento’ y su
estética, y también la estética de los descuentos.
GXportlet ‘Lista de productos’
Desde el diseñador de páginas debe crear un sector donde publicará un GXportlet ‘Lista de productos’ del grupo ‘E-commerce’ (para ver detalles de cómo hacer esto ver Agregar sector)
Cuando se ingresa a las propiedades del
mismo dando clic en se despliega la siguiente pantalla.
Figura 7.6.2
El botón Página se utiliza para actualizar los datos de la página.
El botón Región permite actualizar las propiedades de la región.
El botón Sector permite actualizar las propiedades del sector.
El botón GXportlet se utiliza para actualizar las propiedades del GXportlet ‘Lista de productos’. Su funcionalidad en detalle, se explica en esta sección.
El Botón Grabar debe ser utilizado luego de finalizar la configuración de un grupo de propiedades. Las propiedades sólo se graban automáticamente cuando Ud. cambia de grupo de propiedades. Si no se cambia de grupo de propiedades y no hizo clic en este botón, las mismas no quedan grabadas y permanecerán con el valor anterior.
El botón Copiar permite copiar
al GXportlet actual y si se desea también al sector, las propiedades de un
GXportlet y sector determinado.
El botón Valores Predeterminados se utiliza para recuperar los valores predeterminados de las propiedades.
La diferencia entre el GXportlet ‘Detalle de producto’ y ‘Lista de productos’ es que el primero muestra solamente un producto mientras que el segundo muestra una lista de productos. Ambos utilizan practicamente los mismos grupos y las mismas propiedades, hay muy pocas diferencias entre ellos.
A continuación se presentan los grupos y propiedades que tiene el GXportlet ‘Lista de productos’ que no tiene el GXportlet ‘Detalle de producto’. Para ver el detalle de los grupos de propiedades que tienen en común, haga clic aquí.
- Generales:
- Se define qué productos se van a mostrar y el criterio de orden, la cantidad de columnas y filas en que se presentarán y los componentes del producto a mostrar y su ubicación. Algunas propiedades que se presentan son:
- Ordenar por: indica el orden que se utilizará para desplegar la lista de
productos. Se pueden ordenar por: descripción ascendente, descripción
descendente, precio ascendente o precio descendente.
- Filtrar por ubicación: indica si se mostrarán sólo los
productos de una sección/subsección, sólo los productos de una sección y
todas sus subsecciones o no se filtra por ubicación.
- Filtrar por estado:
indica si se mostrarán sólo los productos
con oferta, sólo los productos destacados o no se filtra por estado.
- Columnas: indica en cuántas columnas se despliegan los productos.
- Filas: indica la cantidad de filas a desplegar.
·
Separadores:
o
Permite configurar la
separación entre los distintos componentes del producto (cabezal, detalle,
características, galería de imágenes, productos sugeridos, descuentos,
separación entre productos) configurando las distancias en píxeles.
·
Ver más:
- Permite configurar donde estará el hipervínculo al detalle del producto: en el nombre del producto y/o en la imagen principal y/o en un texto que se podrá configurar su estética. Si la propiedad ‘Abrir en una nueva ventana’ está seleccionada, al hacer clic se presentará el detalle del producto en una nueva ventana, de lo contrario se presentará en la ventana actual. Se puede indicar la página en la que se mostrará el detalle, y si no se selecciona ninguna, se mostrará en la página actual. Si no se selecciona ‘Desplegar texto para ver más’, todas las propiedades de estética serán ignoradas.
GXportlet ‘Menú de secciones’
Desde el diseñador de páginas debe crear un sector donde publicará un GXportlet ‘Menú de secciones’ del grupo ‘E-commerce’ (para ver detalles de cómo hacer esto ver Agregar sector)
Cuando se ingresa a las propiedades del
mismo dando clic en se despliega la siguiente pantalla.
Figura 7.6.3
El botón Página se utiliza para actualizar los datos de la página.
El botón Región permite actualizar las propiedades de la región.
El botón Sector permite actualizar las propiedades del sector.
El botón GXportlet se utiliza para actualizar las propiedades del GXportlet ‘Menú de secciones’. Su funcionalidad en detalle, se explica en esta sección.
El Botón Grabar debe ser utilizado luego de finalizar la configuración de un grupo de propiedades. Las propiedades sólo se graban automáticamente cuando Ud. cambia de grupo de propiedades. Si no se cambia de grupo de propiedades y no hizo clic en este botón, las mismas no quedan grabadas y permanecerán con el valor anterior.
El botón Copiar permite copiar
al GXportlet actual y si se desea también al sector, las propiedades de un GXportlet y sector determinado.
El botón Valores Predeterminados se utiliza para recuperar los valores predeterminados de las propiedades.
La diferencia entre el GXportlet ‘Menú de secciones’ y ‘Menú’ es que el primero lista las secciones y subsecciones (dependiendo la configuración en el GXportlet) definidos en Ecommerce (dependiendo de su estado) y tiene máximo dos niveles, mientras que en el segundo se seleccionan los menús que se quieran desplegar y pueden mostrarse hasta cinco niveles.
La única propiedad que presenta el GXportlet ‘Menú de secciones’ y que no presenta el GXportlet ‘Menú’ es ‘Mostrar subsecciones’ en el grupo ‘Submenús’, si la misma está marcada el menú presentará las secciones y subsecciones, de lo contrario, solamente se presentarán las secciones.
Hay algunos grupos y propiedades definidos para el GXportlet ‘Menú’ que no están disponibles para el GXportlet ‘Menú de secciones’, por ejemplo el grupo ‘Título’, y ‘Texto de ayuda’ y algunas propiedades que no aplican son ‘’Separación entre los menús’, ‘Todos los menús en un combo’, ‘Número de niveles de los menús’, etc.
Para ver una descripción de las propiedades del ‘Menú de secciones’ haga clic aquí (no todos aplican).