Creación y administración de widgets
Los widgets son componentes reutilizables. Puede crear fácilmente widgets y modificar los existentes para actualizar automáticamente el contenido en toda la tienda. También puede eliminar widgets que ya no estén en uso.
{width="700" modal="regular"}
Crear un widget
El proceso de creación de un widget es casi el mismo para cada tipo de widget. Puede seguir la primera parte de las instrucciones y, a continuación, completar la última parte para el tipo específico de widget que desee.
Paso 1: Elija el tipo
-
En la barra lateral Admin, vaya a Content > Elements>Widgets.
-
Haga clic en Add Widget.
-
En la sección Settings:
-
Establezca Type en el tipo de widget que desea crear.
-
Compruebe que Design Theme esté establecido en el tema actual.
{width="600" modal="regular"}
-
-
Haga clic en Continue.
Paso 2: Especificar las propiedades y el diseño de la tienda
-
En la sección Storefront Properties:
-
Para Widget Title, escriba un título descriptivo para el widget.
Este título solo es visible desde Admin.
-
Para Assign to Store Views, seleccione las vistas de la tienda donde desee que el widget sea visible.
Puede seleccionar una vista de tienda específica o
All Store Views
. Para seleccionar varias vistas, mantenga pulsada la tecla Ctrl (PC) o la tecla Comando (Mac) y haga clic en cada opción. -
(Opcional) Para Sort Order, escriba un número para determinar el orden en que aparece este elemento con otros en la misma parte de la página. (
0
= primero,1
= segundo,3
= tercero, etc.){width="600" modal="regular"}
-
-
En la sección Layout Updates, haga clic en Add Layout Update.
-
Establezca Display On en el tipo de página donde debe aparecer.
-
En la lista Container, elija el área del diseño de página donde se colocará.
{width="600" modal="regular"}
-
Si el widget es un vínculo, establezca Template en una de las siguientes opciones:
Block Template
: da formato al contenido para que se pueda colocar como unidad independiente en la página.Inline Template
: da formato al contenido para que se pueda colocar dentro de otro contenido. Por ejemplo, un vínculo que va dentro de un párrafo de texto.
Paso 3: Completar las opciones del widget
Las opciones de cada tipo de widget varían ligeramente, pero el proceso es básicamente el mismo. En el ejemplo siguiente se muestra la lista de productos de una categoría específica, con controles de paginación.
-
En el panel izquierdo, elija Widget Options.
-
Haga clic en Select Block.
-
Escriba un(a) Title para que aparezca sobre la lista, como
Featured Products
. -
Para los controles de paginación, establezca Display Page Control en
Yes
y haga lo siguiente:-
Escriba Number of Products per Page.
-
Escriba el total Number of Products to Display.
-
Establezca Condition en la categoría de productos que se mostrarán.
El proceso es el mismo que establecer una condición para una regla de precio.
-
Paso 4: guardar y comprobar el resultado
-
Una vez finalizado, haga clic en Save.
-
Cuando se le solicite, siga las instrucciones de la parte superior del espacio de trabajo para actualizar la caché según sea necesario.
-
Vuelva a la tienda para comprobar que el widget funciona correctamente.
Para moverlo a una ubicación diferente, puede volver a abrir el widget y probar con una página o referencia de bloque diferente.
Demostración de creación de widget
Para obtener más información sobre la creación de widgets, vea este vídeo:
Edición de un widget
-
En la barra lateral Admin, vaya a Content > Elements>Widgets.
-
Localice el widget mediante los filtros situados encima de la cuadrícula y, a continuación, haga clic en el nombre del widget.
-
Realice los cambios necesarios.
Revise los pasos para crear un widget para obtener información sobre las opciones del widget.
-
Haga clic en Save.
Eliminar un widget
-
En la barra lateral Admin, vaya a Content > Elements>Widgets.
-
Busque los widgets mediante los filtros situados encima de la cuadrícula y, a continuación, active la casilla de los widgets que desea eliminar.
-
En la esquina superior izquierda de la lista, establezca Actions en
Delete
. -
Una vez finalizado, haga clic en Submit.
-
Para confirmar la acción, haga clic en OK.