Añadir bloques de contenido

Se pueden crear bloques personalizados de contenido y luego agregarlos a cualquier página, grupo de páginas o incluso a otro bloque. Por ejemplo, puede colocar un control deslizante de imagen en un bloque y, a continuación, colocar el bloque en la página principal. El área de trabajo Bloques usa los mismos controles básicos que el área de trabajo Páginas para ayudarle a encontrar bloques disponibles y realizar tareas de mantenimiento rutinarias. Cuando finalice el bloque, puedes usar la herramienta Widget para colocarla en páginas específicas de tu tienda.

La página Bloques muestra una cuadrícula de bloques existentes

Crear un bloque

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

  2. En la esquina superior derecha, haga clic en Agregar nuevo bloque.

    La página Nuevo bloque muestra opciones y un espacio de contenido {width="500" modal="regular"}

  3. Si desea cambiar el estado habilitado de forma predeterminada del nuevo bloque, establezca Habilitar bloque en No.

  4. Asigne un Título de bloque para referencia interna.

  5. Asigne un Identificador único para el bloque.

    Utilice todos los caracteres en minúsculas con guiones bajos en lugar de espacios.

  6. Seleccione cada Store View en que desee que el bloque esté disponible.

  7. Añada el contenido del bloque con el conjunto de herramientas de contenido mostrado:

    • Si Page Builder está habilitado, seleccione Edit with Page Builder para usar las herramientas de Page Builder en el contenido espacio de trabajo.

      Espacio de trabajo de Page Builder {width="500" modal="regular"}

      note note
      NOTE
      Para obtener información sobre cómo agregar bloques con Page Builder, consulte Tutorial 2: Bloques.
    • Use el editor para dar formato al texto, crear vínculos y agregar tablas, imágenes, vídeo y audio.

      Si prefiere trabajar con código de HTML, haga clic en Mostrar / Ocultar editor.

      Editor de bloques (oculto) {width="500" modal="regular"}

  8. Una vez finalizado, haga clic en la flecha Save y elija Save & Close.

    El nuevo bloque aparece en la parte inferior de la lista de la cuadrícula Bloques.

  9. Usa la herramienta Widget para colocar el bloque completado en una página específica de tu tienda.

Eliminación de un bloque

Existen dos formas de eliminar un bloque personalizado. Puede quitarlo de la cuadrícula Bloques o de la página Editar bloque.

Método 1: Quitar un bloque de la cuadrícula Bloques

  1. En la barra lateral Admin, vaya a Content > Elements>Blocks.
  2. Localice los bloques mediante filtros encima de la cuadrícula y marque la casilla de verificación de uno o varios bloques para eliminarlos.
  3. En la esquina superior izquierda de la lista, establezca Actions en Delete.
  4. Para confirmar la acción, haga clic en OK.

Método 2: Eliminar un bloque de la página de edición

  1. En la barra lateral Admin, vaya a Content > Elements>Blocks.
  2. Busque el bloque que desea eliminar.
  3. En la columna Acciones del bloque, haga clic en Select y elija Edit.
  4. En la barra de menús, haga clic en Delete Block.
  5. Para confirmar la acción, haga clic en OK.

Menú Guardar

Comando
Descripción
Save
Guarda el bloque actual y sigue trabajando.
Save & Duplicate
Guarde y cierre el bloque actual y abra una nueva copia duplicada.
Save & Close
Guarde y cierre el bloque actual y vuelva a la cuadrícula Bloques.

Añadir un lightbox o un control deslizante

  • Es fácil agregar un control deslizante a tu tienda con Page Builder. El control deslizante puede configurarse para que se reproduzca automáticamente o controlarse manualmente con los botones de navegación.

    Regulador de Page Builder {width="600" modal="regular"}

    También hay una amplia variedad de lightboxes de imágenes basados en jQuery disponibles en Commerce Marketplace, y algunos son gratuitos.

  • También puede descargar una extensión desde Commerce Marketplace. Para obtener ayuda adicional, consulte la documentación proporcionada por el desarrollador de la extensión.

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