Esta charla incluye las pautas para crear paso a paso como una capa de presentación (tema o theme) web basada en Bootstrap. Incluye la creación de plantillas de página, modificación de CSS, creación de widgets, etc.
Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo
1. Diseño y creación de un tema
Bootstrap para Odoo
Jorge Camacho
jorge@trey.es
@jorgecamachoher
2. @treytux
Diseño y creación de un tema
Bootstrap para Odoo
Características
Bootstrap
CSS, LESS/SASS
jQuery, jQuery UI, Underscore
XML + QWeb
Responsive
1/8
3. @treytux
Diseño y creación de un tema
Bootstrap para Odoo
Estructura de una página
Header y Footer (comúnes)
Main (específica)
Edición
WYSIWYG
Snippets/Bloques (arrastrar y soltar)
2/8
4. @treytux
Creación del Módulo
Estructura 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
6. @treytux
Inserción de estilos y javascript
Herencia de Plantillas
Expresiones XPath
Dónde incluir los archivos
Directiva QWeb t-call-assets para Optimización
5/8
7. @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">
8. @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">