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.

Widgets

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

  1. En la barra lateral Admin, vaya a Content > Elements>Widgets.

  2. Haga clic en Add Widget.

  3. 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.

      Configuración del widget {width="600" modal="regular"}

  4. Haga clic en Continue.

Paso 2: Especificar las propiedades y el diseño de la tienda

  1. 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.)

      Propiedades de tienda {width="600" modal="regular"}

  2. En la sección Layout Updates, haga clic en Add Layout Update.

  3. Establezca Display On en el tipo de página donde debe aparecer.

  4. En la lista Container, elija el área del diseño de página donde se colocará.

    Actualizaciones de diseño {width="600" modal="regular"}

  5. 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.

  1. En el panel izquierdo, elija Widget Options.

  2. Haga clic en Select Block.

  3. Escriba un(a) Title para que aparezca sobre la lista, como Featured Products.

  4. 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

  1. Una vez finalizado, haga clic en Save.

  2. Cuando se le solicite, siga las instrucciones de la parte superior del espacio de trabajo para actualizar la caché según sea necesario.

  3. 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

  1. En la barra lateral Admin, vaya a Content > Elements>Widgets.

  2. Localice el widget mediante los filtros situados encima de la cuadrícula y, a continuación, haga clic en el nombre del widget.

  3. Realice los cambios necesarios.

    Revise los pasos para crear un widget para obtener información sobre las opciones del widget.

  4. Haga clic en Save.

Eliminar un widget

  1. En la barra lateral Admin, vaya a Content > Elements>Widgets.

  2. 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.

  3. En la esquina superior izquierda de la lista, establezca Actions en Delete.

  4. Una vez finalizado, haga clic en Submit.

  5. Para confirmar la acción, haga clic en OK.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de