Documentación Bootic

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

Plantillas de una tienda

Las siguientes plantillas están presentes presentes en todas las tiendas.

plantilla usada en URLs  
layout.html Todas La plantilla HTML principal. Todas las otras páginas se despliegan aquí dentro.
home.html / Plantilla usada para desplegar la portada de una tienda.
products.html /products, /types/mp3s, /collections/ofertas Plantilla para desplegar conjuntos de productos, ya sea por coleccíón o por tipo.
product.html /product/ipod-nano Plantilla para la ficha o detalle de un producto.
page.html /pages/about-us Vista detalle de páginas estáticas.
form.html /forms/contacto Contenido y campos de un formulario de contacto.
blog.html /blog Plantilla para mostrar listados de noticias publicadas.
post.html /blog/2014/01/13/hola-mundo Detalle de una noticia publicada en el blog.
cart.html /cart Plantilla para desplegar los productos ingresados al carro de compra de tus clientes.

Contenido dinámico

Cada una de estas plantillas recibe contenido dinámicamente de acuerdo a lo que estas mostrando en ella. Para esto, Bootic define una sintaxis especial que puedes usar en las plantillas HTML para insertar el contenido dinámico. La tecnología detras de estas variables se llama Liquid y puedes leer más en este link.

Por ejemplo, para generar una lista de productos en la plantilla products.html:

<ul id="products">
  {% for product in products %}
  <li class="product">
    <h3><a href="{{product.url}}">{{ product.model }}</a></h3>
    <span class="price">{{ product.price.format }}</span>
  </li>
  {% endfor %}
</ul>

Crea tu tienda hoy mismo. Sin compromisos. Ver planes