Documentación Bootic

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

Librerías JavaScript y CSS externas

Es muy probable que quieras usar librerías externas en tu plantilla. Un ejemplo común es incluír y usar jQuery como complemento a tu propio código JavaScript.

Incluyendo una librería como plantilla

Creando una plantilla

El editor de plantillas de tu tienda permite crear "templates", o plantillas para cada página o recurso.

Creando una plantilla Javascript

Creando una plantilla de tipo js puedes insertar tu propio código JavaScript. También puedes usar una nueva plantilla JavaScript y copiar el código de otras librerías que quieras usar. El siquiente ejemplo muestra jQuery.

Incluyendo jQuery

A continuación tienes que incluír la plantilla jquery.js en las páginas HTML. Por ejemplo en la sección head de la plantilla layout.html

Incluyendo jQuery

Incluyendo una librería como archivo

Incluyendo jQuery como archivo Sin embargo, las plantillas JavaScript de Bootic sólo tienen sentido cuando necesitas editar el código tu mismo. Si quieres usar una librería externa como jQuery, Prototype.js, Mootols u otras donde no vas a meter mano puede ser recomendable subirla como archivo en la sección "subir archivo" del editor.

A continuación lo incluyes en layout.html de la misma manera.

Incluyendo jQuery como archivo

Incluyendo una librería desde una URL externa.

Muchas librerías estan alojadas en servidores públicos especializados. Google, por ejemplo, provee versiones actualizadas de las librerías más comunes en esta página: http://code.google.com/apis/libraries/devguide.html#jquery

En el caso particular de jQuery y cualquier librería alojada en los servidores de Google, recomendamos usar este método. Simplemente copia la dirección del archivo elegido en layout.html.

Incluyendo jQuery como archivo

Nótese que estamos usando el filtro javascript_tag del sistema de plantillas de Bootic. Lo anterior es equivalente a escribir el siguiente HTML:

<!-- incluir jquery desde Google --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" 
type="text/javascript"></script> 
<!-- /jquery -->

Crea tu tienda hoy mismo. Sin compromisos. Ver planes