Documentación Bootic

Todo la información para empezar a vender en línea.

La plantilla principal: layout.html

Esta es la plantilla principal de tu tienda. Cada página que visitas se despliega dentro de layout.html usando la variable {{ content_for_layout }}. Para motivos de ejemplificar, ésta es una versión simplificada de una plantilla layout.html.

<html>
  <head>
    <title>{% current_title %} - {{ shop.name }}</title>
    <meta name="description" content="{{ shop.description }}">
  </head>
  <body>
    {{ content_for_layout }}
  </body>
</html>

Si tenemos una plantilla home.html con el siguiente contenido:

<h1>Hola, estas en la portada de mi sitio!</h1>

... Y visitamos la portada, la variable {{ content_for_layout }} es reemplazada automáticamente por el contenido de home.html. El HTML resultante es:

  <html>
    <head>
      <title>Descripción de la tienda - Mi tienda</title>
      <meta name="description" content="Descripción de la tienda">
    </head>
    <body>
      <h1>Hola, estas en la portada de mi sitio!</h1>
    </body>
  </html>
La etiqueta especial {% current_title %} genera automáticamente un título adecuado para la página actual.

Incluyendo otras plantillas

A veces es buena idea poner fragmentos de HTML compartidos en sus propias plantillas e incluirlas en otras plantillas.

Para esto simplemente crea una nueva plantilla .html con tu código e inclúyela en layout.html (u otras) con la etiqueta {% include %}.

{% include 'mi_plantilla' %}

Por ejemplo, una de los temas de diseño de Bootic usa esta técnica para incluir distintas barras laterales dependiendo de la página que se está desplegando:

{% if template == 'collection' %}
  {% include 'sidebar_pages' %}
{% elsif template == 'page' %}
  {% include 'sidebar_pages' %}
{% elsif template == 'blog' %}
  {% include 'sidebar_blog' %}
{% else %}
  {% include 'sidebar' %}
{% endif %}

Crea tu tienda hoy mismo. Sin compromisos. Ver planes