Widgets para Commerce Composer
Un widget es un marco que muestra un tipo específico de contenido de la tienda, como anuncios, recomendaciones de productos o enlaces de navegación. Para crear un diseño, se añaden widgets a las ranuras de una plantilla de diseño y luego se establecen las propiedades y el contenido de cada widget.
HCL Commerce proporciona la biblioteca de widgets de Commerce Composer, que ofrece más de dos docenas de widgets para crear páginas de tienda con muchas características que mejoren la experiencia de compra. Su empresa puede personalizar los widgets para que se adapten al diseño de su tienda. También puede utilizar widgets de otras fuentes, si los widgets se han desarrollado para ser compatibles con la Commerce Composer tool.
El siguiente diseño para una página de tienda de ejemplo contiene una selección de widgets de la biblioteca de widgets de Commerce Composer. Algunos widgets tienen contenido definido por el usuario como, por ejemplo, widget de Editor de texto y el widget de Recomendación de contenido. Otros widgets recuperan y muestra automáticamente el contenido que se aplica a la página como, por ejemplo, el widget de Cabecera y el widget de Navegación de categorías.
Propiedades del widget
Muchos widgets tienen propiedades que puede establecer mientras crea su diseño en la Commerce Composer tool. Al establecer las propiedades, puede personalizar aspectos visuales del widget para que se adapte al diseño. También puede configurar cómo pueden interactuar los compradores con el widget. Los siguientes son ejemplos de propiedades de widget:- Orientación (vertical u horizontal)
- Capacidad de visualización máxima para la orientación vertical
- Vista inicial (de cuadrícula o lista)
- Inclusión de un enlace Suscribir
Las propiedades configurables difieren de un widget al siguiente, y algunos widgets no tienen propiedades.
Contenido del widget
El contenido de un widget define y se recupera de diversas maneras:Widgets dependientes de la página
Algunos widgets pueden utilizarse sólo en diseños para determinados tipos de página. Estos widgets dependen de la información en el contexto de la página para poder recuperar el contenido. Un ejemplo es el widget de Imagen de tamaño normal, que se puede utilizar sólo en los diseños de páginas de entrada de catálogo. Cuando un comprador ve una página de entrada de catálogo, el widget de Imagen de tamaño normal recupera la imagen correcta para la entrada de catálogo de los datos de catálogo, automáticamente. Si utiliza el widget de Imagen de tamaño normal en un diseño para cualquier otro tipo de página, como una página de contenido o de categoría, el widget no se representará en la página. Para otros widgets dependientes de página que se utilicen para el tipo de página incorrecto, el resultado puede ser un widget vacío o un error.En la biblioteca de widgets de Commerce Composer, los widgets dependientes de la página se dividen en tres grupos. Un widget concreto puede pertenecer a más de un grupo.
- 1. Widgets dependientes de la página de categoría
- Estos widgets recuperan automáticamente el contenido que se aplica a la categoría que el comprador está viendo.
- 2. Widgets dependientes de la página de resultados de búsqueda
- Estos widgets recuperan automáticamente el contenido que se aplica al término de búsqueda que un comprador haya especificado en el sitio.
- 3. Widgets dependientes de la página de catálogo
- Estos widgets recuperan automáticamente el contenido que se aplica a la entrada de catálogo (producto, código de artículo, paquete compuesto o kit) que el comprador está viendo.
La biblioteca de widgets de Commerce Composer también incluye widgets que no son dependientes de la página, tales como el widget de Recomendación de contenido y el widget de Indicación de ruta. Estos widgets se pueden utilizar en diseños para cualquier tipo de página, incluidas las páginas de contenido.
Para averiguar qué widgets son dependientes de la página, consulte la tabla que aparece en Biblioteca de widgets de Commerce Composer.
Los desarrolladores de TI pueden crear plantillas de diseño que restrinjan las ranuras para que acepten sólo determinados tipos de widgets o un widget específico. Ejemplos de ello son las ranuras de la pestaña Título que se incluyen en varias plantillas de ejemplo, como la plantilla Página de entrada de catálogo
. Se establece una restricción para aceptar sólo el widget de Editor de texto en las ranuras de la pestaña Título. Las restricciones de ranura pueden evitar que utilice un widget en una página que, o bien no funciona o es contrario al diseño de página. No obstante, si las plantillas de diseño no tienen restricciones de ranura, le corresponde a usted saber qué widgets son dependientes de la página.
Añadir widgets a ranuras. Por ejemplo, si va a crear un diseño para una página de categoría, seleccione Widgets de página de categoría. Como resultado, en la ventana se listan todos los widgets que puede utilizar en diseños para páginas de categoría. Estos widgets incluyen:
- Los widgets dependientes de la página de categoría
- Todos los widgets que no sean dependientes de la página
pueden añadir filtros de widget que sean distintos de los que se muestran en la captura de pantalla anterior.
Widgets adaptativos
Los widgets que se incluyen en la biblioteca de widgets de Commerce Composer siguen un patrón de diseño web adaptativo (RWD). Un widget adaptativo no tiene una anchura fija. Cuando coloque un widget sensible en una ranura de una plantilla, la anchura del widget se ajustará automáticamente para albergar el contenido dentro de la ranura. La mayoría de los widgets adaptativos no tienen una altura fija, aunque hay algunas excepciones, como el widget de Cabecera. Puede utilizar los widgets sensibles en las plantillas de diseño de sensibles, y también en plantillas de diseño de escritorio y móviles que tienen anchuras fijas.Si la empresa crea widgets personalizados, o utiliza los widgets de un proveedor de terceros, no es necesario que los widgets sean adaptativos.