| Estás en: Inicio > Partners y Diseñadores > Plantillas > Adapta tu plantilla para el nuevo editor | Inicio |
Adapta tu plantilla para el nuevo editor
Si estas utilizando una plantilla pública de 3Sellers
Si estas usando una de las plantillas públicas de 3Sellers la adaptación debería estar hecha y solo necesitarás modificarla.
Las plantillas tienen un sistema de actualización, por lo que si estás usando una plantilla publica verás un mensaje en el panel de administración avisando de dicha actualización y ofreciendo un enlace para realizarla.
La actualización consiste en que los archivos de plantilla que tu web está utilizando serán sobreescritos con los nuevos.
Si tu plantilla es una copia de una plantilla pública
Si tu plantilla procede de una pública no será actualizada, por lo que necesitarás hacer unas simples modificaciones en el archivo layout.liquid.
Sigue los pasos de la sección Si tu plantilla se ha creado desde 0.
Si tu plantilla se ha creado desde 0
Si tu plantilla se ha creado desde 0 lo más seguro es que no incluya la funcionalidad del editor en vivo por lo que para usarla es necesario adaptar la plantilla.
Para adaptar la plantilla hay que modificar el archivo layout.liquid. Esto se realiza desde la sección Apariencia > Crea/Edita tus propias plantillas:
El archivo layout.liquid contiene una estructura de página en formato (X)HTML.
Básicamente debería contener una estructura con las siguientes etiquetas:
<html>
<head>
<!-- contenido del head -->
</head>
<body>
<!-- contenido del body -->
</body>
</html>
Para utilizar el editor hay que añadir dos etiquetas liquid. La primera es la etiqueta {% live %}
que debe ir al final de la etiqueta head:
<html>
<head>
<!-- contenido del head -->
{% live %}
</head>
<body>
<!-- contenido del body -->
</body>
</html>
La etiqueta {% live %} carga los archivos javascript necesarios para el funcionamiento del editor cuando
se accede a la web en modo edición y es el lugar donde 3Sellers inserta el código css personalizado.
La segunda etiqueta, {% footer %} se encarga de insertar una estructura de datos con la información de
los elementos mostrados en la página, por lo que debe ir en al final de la etiqueta body.
<html>
<head>
<!-- contenido del head -->
{% live %}
</head>
<body>
<!-- contenido del body -->
{% footer %}
</body>
</html>
A partir de ahora al entrar en modo edición deberías ver el bloque de herramientas disponibles.
Enlaces de interés:
- Creando una nueva plantilla para el editor en vivo
- Crea una nueva plantilla desde cero
- Crea una plantilla a partir de una existente
- Vista general de 'edita tus plantillas'
- Referencia Liquid
- Referencia Liquid - Drops
- Referencia Liquid - Ficheros
- Creando bloques de contenido
- Creando estilos personalizables
- Formularios de contacto
- Creación de un fichero de ayuda
- Archivo de personalización de plantilla
| Estás en: Inicio > Partners y Diseñadores > Plantillas > Adapta tu plantilla para el nuevo editor | Inicio |