LibreDTE

¡facturación electrónica libre para Chile!

Herramientas de usuario

Herramientas del sitio


tienda

Tienda electrónica

Layout personalizado

La tienda electrónica permite la generación de un layout personalizado. El layout es todo lo que rodea al contenido central de la tienda. Con el diseño de un layout personalizado podrá adaptar su tienda a sus colores o incluso hacer creer a sus clientes que nunca han salido de su web.

El siguiente archivo es el layout de ejemplo corresponde al layout Simple disponible en libredte.cl A partir de este es posible construir uno nuevo. Es importante mantener las cabeceras, específicamente:

  • Lo asociado a Bootstrap
  • Lo asociado a Font Awesome
  • Jquery
  • Archivos __.js y form.js

Los archivos opcionales son los asociados al layout (los style.css) y todo lo asociado a AngularJS, ya que no es obligatorio que use AngularJS para construir su layout.

En el archivo https://libredte.cl/tienda/sitio/js/76192083.js está la información de su tienda (datos, configuración pública, clasificaciones de items, páginas disponibles para el menú y cantidad de items en el carro de compras). El layout por defecto usa AngularJS para a partir de estos datos construir la vista de la tienda. Puede hacerlo usando esos datos o simplemente crear todo de 0. Si quiere la cantidad de items en el carro, deberá usar obligatoriamente este archivo.

El layout usa 2 variables especiales y que se deben mantener:

  • {_session_message}: contendrá un JSON con el mensaje de la sesión (lo que indica la tienda cuando se hace alguna acción o hay un error). Es obligatorio procesar este JSON, ya sea como se hace en el layout por defecto (usando Javascript) o de otra forma, de no hacerlo el usuario no será informado de lo que pase.
  • {_content}: contendrá el contenido principal de la tienda, sin esta variable no se renderizaran las páginas.

Nota: no es posible modificar las páginas individuales de la tienda.

URLs personalizadas

Existen 2 tipos de URL que se utilizan en la tienda:

  1. URL base: es la dirección base de su tienda, ejemplo: https://tienda.sasco.cl
  2. URL estática: es la dirección que permite acceder a los recursos estáticos de la tienda, ejemplo: https://tienda.sasco.cl/static/logo.png (en la configuración va sin /logo.png)

Si utiliza estas URL personalizadas permitirá que sus clientes al copiar una URL de su tienda, estén copiandola con su URL (ocultando libredte.cl). Con esto si el cliente envía la URL a otra persona o la almacena, será su dirección y no la de libredte.cl la que estará guardando.

Estas URL se asignan en la configuración general de la tienda.

Ocultar URL en navegador

Si desea ocultar en el navegador la URL de libredte.cl en su tienda puede utilizar una página con un marco que lo haga.

tienda.txt · Última modificación: 2017/08/03 23:08 por delaf