jornadas odoo 2015 - diseño y creación de un tema bootstrap para odoo
TRANSCRIPT
![Page 2: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/2.jpg)
@treytux
Diseño y creación de un temaBootstrap para OdooCaracterísticas
BootstrapCSS, LESS/SASSjQuery, jQuery UI, UnderscoreXML + QWebResponsive
1/8
![Page 3: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/3.jpg)
@treytux
Diseño y creación de un temaBootstrap para OdooEstructura de una página
Header y Footer (comúnes)Main (específica)
EdiciónWYSIWYGSnippets/Bloques (arrastrar y soltar)
2/8
![Page 4: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/4.jpg)
@treytux
Creación del MóduloEstructura de Ficheros__init__.py__openerp__.py/views/views/assets.xml/views/snippets.xml/static/static/src/css/styles.css/static/src/js/scripts.js
3/8
![Page 5: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/5.jpg)
@treytux
Creación del Módulo__openerp__.py'category': 'Themes/Miscellaneous','depends': [ 'website', 'website_less',],'installable': True,'application': True,
4/8
![Page 6: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/6.jpg)
@treytux
Inserción de estilos y javascriptHerencia de PlantillasExpresiones XPathDónde incluir los archivosDirectiva QWeb t-call-assets para Optimización
5/8
![Page 7: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/7.jpg)
@treytux
Crear una página desde el tema
6/8
Definir la plantilla<template name="Work page" id="website.work" page="True">
Añadir al menú<record id="work_page_link" model="website.menu">
Cuidado con las actualizaciones<data noupdate="1">
![Page 8: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/8.jpg)
@treytux
Crear un Snippet
7/8
Añadir al menú de edición<template id="snippets" inherit_id="website.snippets"><xpath expr="//*[@id='snippet_structure']/div[1]" position="before">
Asignar una miniatura<div class="oe_snippet_thumbnail">
Asignar el HTML<section class="oe_snippet_body">
![Page 9: Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo](https://reader036.vdocuments.site/reader036/viewer/2022081803/55cb6a9ebb61ebc6248b4621/html5/thumbnails/9.jpg)
@treytux
Referencias
8/8
Theme Tutorialodoo.com/documentation/8.0/howtos/themes.html
Stanley Bootstrap ThemeCarlos Alvarez (alvarez.is) at BlackTie (www.blacktie.co)
bootstrapzero.com/bootstrap-template/stanley