Live Edit
La herramienta Live Edit nos permite organizar el front office (portada) de nuestra tienda a nuestro gusto.
Para acceder a ella nos vamos a módulos > posiciones.
Realmente desde aquí podemos estructurar la portada de la tienda, así como otros lugares, en este apartado podemos administrar donde y cómo se muestra cada módulo, pero ahora nos centraremos en la portada de la tienda.
A la derecha veremos un recuadro donde nos explica el Live Edit y un botón para ejecutarlo.
Le damos al botón de ejecutar y nos llevará a la portada de la tienda con un diseño peculiar.
Cada bloque estará debidamente señalizado (con borde rojo) con su nombre, y las opciones de mover o eliminar.
A partir de aquí ya entra en juego nuestra preferencia, podemos mover cada módulo para conseguir la estructura que deseemos así como eliminar otros.
El diseño de la página principal por defecto se basa en 3 columnas:
- Left column block
- Homepage content
- Right column block
Con Live Edit no podemos traspasar algunos bloques entre columnas porque no son compatibles.
Vamos a ver también cómo estructurar desde la página de posiciones (módulos > posiciones).
Vamos a suponer que hemos borrado el bloque de etiquetas que estaba en la columna de la izquierda.
Queremos no sólo restaurarla si no situarla en la columna derecha. En la parte superior derecha hacemos click en trasladar un módulo.
Ahora elegimos el módulo que deseamos recolocar, en nuestro caso bloque etiquetas, y hook en, seleccionamos donde lo queremos colocar, le diremos en right column blocks.
Guardamos los cambios y veremos como efectivamente el módulo se ha colocado en la columna derecha, abajo del todo.
Pero ya sabemos como moverlo dentro de su misma columna.
Da lo mismo colocar un módulo que se había borrado a recolocar un módulo que se halla en otra columna. Los pasos son los mismos.
Os dejo un vídeo demostrativo de como funciona el Live Edit.
