Diseño y creación de un temaBootstrap para Odoo

Jorge Camachojorge@trey.es@jorgecamachoher

@treytux

Diseño y creación de un temaBootstrap para OdooCaracterísticas

BootstrapCSS, LESS/SASSjQuery, jQuery UI, UnderscoreXML + QWebResponsive

1/8

@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

@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

@treytux

Creación del Módulo__openerp__.py'category': 'Themes/Miscellaneous','depends': [ 'website', 'website_less',],'installable': True,'application': True,

4/8

@treytux

Inserción de estilos y javascriptHerencia de PlantillasExpresiones XPathDónde incluir los archivosDirectiva QWeb t-call-assets para Optimización

5/8

@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">

@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">

@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

GRACIAS

Jorge Camachojorge@trey.es@jorgecamachoher

Trey, Kilobytes de Solucionesinfo@trey.es@treytux