mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[IMP] theme_bookstore: update the theme
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2557935
X-original-commit: 1f632d8dd7
Part-of: odoo/design-themes#501
This commit is contained in:
Brieuc-brd
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_banner" inherit_id="website.s_banner">
|
||||
<!-- Filter -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_bg_filter bg-white-75"/>
|
||||
</xpath>
|
||||
<!-- Jumbotron -->
|
||||
<xpath expr="//div[hasclass('jumbotron')]" position="attributes">
|
||||
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h1" position="replace" mode="inner">
|
||||
The best sellers <br/>of the year
|
||||
</xpath>
|
||||
<!-- Button -->
|
||||
<xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
|
||||
Discover it
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,23 +1,32 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_call_to_action" inherit_id="website.s_call_to_action">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_half_screen_height o_cc1 pt64 pb48" remove="o_cc3 pt48 pb24" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Paragraph 1 -->
|
||||
<xpath expr="//div[hasclass('col-lg-9')]" position="replace">
|
||||
<div class="pb16 col-lg-12 text-center">
|
||||
<h3>Browse through our <b>complete library</b>.</h3>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Paragraph 2 -->
|
||||
<xpath expr="//div[hasclass('col-lg-3')]" position="replace">
|
||||
<div class="col-lg-12 pt8">
|
||||
<p style="text-align: center;">
|
||||
<a t-att-href="cta_btn_href" class="btn btn-secondary btn-lg mb-2"><t t-esc="cta_btn_text">Browse collection</t></a>
|
||||
</p>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_call_to_action" inherit_id="website.s_call_to_action">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc1 pt128 pb32" remove="o_cc3 pt48 pb24" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/20","flip":["x","y"]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_20 o_we_flip_y o_we_flip_x"/>
|
||||
</xpath>
|
||||
<!-- Paragraph #1 -->
|
||||
<xpath expr="//div[hasclass('col-lg-9')]" position="replace">
|
||||
<div class="pb16 col-lg-12 text-center">
|
||||
<h2>Browse through <br/>our complete library</h2>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Paragraph #2 -->
|
||||
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
|
||||
<attribute name="class" add="col-lg-12" remove="col-lg-3" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-12')][2]/p" position="attributes">
|
||||
<attribute name="style">text-align: center;</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
|
||||
Browse collection
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_comparisons" inherit_id="website.s_comparisons">
|
||||
<!-- Left card -->
|
||||
<xpath expr="//div[hasclass('row')]//div" position="attributes">
|
||||
<attribute name="class" add="pt64" remove="pt32" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Right card -->
|
||||
<xpath expr="//div[hasclass('row')]//div[3]" position="attributes">
|
||||
<attribute name="class" add="pt64" remove="pt32" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,13 +1,36 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_cover" inherit_id="website.s_cover">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pt64 pb64 o_half_screen_height s_parallax_no_overflow_hidden bg-black-50" remove="parallax s_parallax_is_fixed" separator=" "/>
|
||||
<attribute name="data-scroll-background-ratio">0</attribute>
|
||||
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 55%;</attribute>
|
||||
</xpath>
|
||||
<!-- Parallax -->
|
||||
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
|
||||
</template>
|
||||
|
||||
<template id="s_cover" inherit_id="website.s_cover">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="oe_img_bg o_full_screen_height" remove="parallax s_parallax_is_fixed bg-black-50" separator=" "/>
|
||||
<attribute name="data-scroll-background-ratio">0</attribute>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/03","flip":[]}</attribute>
|
||||
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 55%;</attribute>
|
||||
</xpath>
|
||||
<!-- Filter -->
|
||||
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
|
||||
<div class="o_we_bg_filter bg-white-75"/>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_03"/>
|
||||
</xpath>
|
||||
<!-- Disable Parallax -->
|
||||
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h1" position="replace" mode="inner">
|
||||
Immerse yourself <br/>in original universes
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
|
||||
<br/>
|
||||
</xpath>
|
||||
<!-- Button -->
|
||||
<xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
|
||||
Discover more
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_features_grid" inherit_id="website.s_features_grid">
|
||||
<!-- Item #4 -->
|
||||
<xpath expr="(//i)[4]" position="attributes">
|
||||
<attribute name="class" add="rounded-circle" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Item #5 -->
|
||||
<xpath expr="(//i)[5]" position="attributes">
|
||||
<attribute name="class" add="rounded-circle" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Item #6 -->
|
||||
<xpath expr="(//i)[6]" position="attributes">
|
||||
<attribute name="class" add="rounded-circle" remove="rounded" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,33 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_image_text" inherit_id="website.s_image_text">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc2 pt112 pb112" remove="pt32 pb32" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/20","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_20"/>
|
||||
</xpath>
|
||||
<!-- Image -->
|
||||
<xpath expr="//img" position="attributes">
|
||||
<attribute name="style" add="padding: 32px !important;" separator=";"/>
|
||||
<attribute name="src">/web_editor/shape/theme_bookstore/s_image_text.svg?c1=o-color-1</attribute>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Once upon a time...
|
||||
</xpath>
|
||||
<!-- Paragraphs -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
<br/>
|
||||
Discover the history of Belgium in this well-documented book with many illustrations and testimonials.
|
||||
</xpath>
|
||||
<xpath expr="//p[2]" position="replace" mode="inner">
|
||||
Learn about the difficulties encountered by NASA engineers in sending the first men to Mars.
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,76 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
|
||||
<!-- Little block #1 -->
|
||||
<!-- Main div -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/h3" position="before">
|
||||
<div class="o_we_shape o_web_editor_Rainy_10"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/h3" position="replace" mode="inner">
|
||||
Science fiction
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')]/p" position="replace" mode="inner">
|
||||
Discover unknown universes
|
||||
</xpath>
|
||||
|
||||
<!-- Little block #2 -->
|
||||
<!-- Main div -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc1" remove="bg-200" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/h3" position="before">
|
||||
<div class="o_we_shape o_web_editor_Airy_02"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/h3" position="replace" mode="inner">
|
||||
Biographies
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][2]/p" position="replace" mode="inner">
|
||||
Meet great people
|
||||
</xpath>
|
||||
|
||||
<!-- Little block #3 -->
|
||||
<!-- Main div -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5" remove="bg-200" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/04","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/h3" position="before">
|
||||
<div class="o_we_shape o_web_editor_Rainy_04"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/h3" position="replace" mode="inner">
|
||||
Horror
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][3]/p" position="replace" mode="inner">
|
||||
Enjoy your fears
|
||||
</xpath>
|
||||
|
||||
<!-- Little block #4 -->
|
||||
<!-- Main div -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]" position="attributes">
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/26","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/h3" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_26"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/h3" position="replace" mode="inner">
|
||||
Romance
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')][2]//div[hasclass('col-lg-6')][4]/p" position="replace" mode="inner">
|
||||
Read the best love stories
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_media_list" inherit_id="website.s_media_list">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/10","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Wavy_10"/>
|
||||
</xpath>
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container')]" position="attributes">
|
||||
<attribute name="class" add="o_container_small" remove="container" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Media item #1 -->
|
||||
<xpath expr="//div[hasclass('s_media_list_item')]/div" position="attributes">
|
||||
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Media item #2 -->
|
||||
<xpath expr="//div[hasclass('s_media_list_item')][2]" position="attributes">
|
||||
<attribute name="class" add="pt80 pb80" remove="pt16 pb16" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('s_media_list_item')][2]/div" position="attributes">
|
||||
<attribute name="class" add="flex-row-reverse" remove="o_cc o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Media item #3 -->
|
||||
<xpath expr="//div[hasclass('s_media_list_item')][3]/div" position="attributes">
|
||||
<attribute name="class" remove="o_cc o_cc1" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -0,0 +1,29 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_numbers" inherit_id="website.s_numbers">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc1 pt112 pb112" remove="o_cc2 pt24 pb24" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/12","flip":[]}</attribute>
|
||||
</xpath>
|
||||
<!-- Shape -->
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_web_editor_Floats_12"/>
|
||||
</xpath>
|
||||
<!-- Titles -->
|
||||
<xpath expr="//h6" position="replace" mode="inner">
|
||||
Useful options
|
||||
</xpath>
|
||||
<xpath expr="//h6" position="replace" mode="inner">
|
||||
Beautiful snippets
|
||||
</xpath>
|
||||
<xpath expr="//h6" position="replace" mode="inner">
|
||||
Amazing pages
|
||||
</xpath>
|
||||
<xpath expr="//h6" position="replace" mode="inner">
|
||||
Outstanding images
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,24 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_picture" inherit_id="website.s_picture">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace">
|
||||
<h2 style="text-align: center;">
|
||||
<font style="font-size: 62px;">Limited editions</font>
|
||||
</h2>
|
||||
</xpath>
|
||||
<!-- Paragraphs -->
|
||||
<xpath expr="//p[1]" position="replace">
|
||||
<p class="text-center">Explore our top-end Collector's Editions.<br/>
|
||||
Signed and limited tributes to some of the most outstanding writers of all time. </p>
|
||||
</xpath>
|
||||
<!-- Caption -->
|
||||
<xpath expr="//figcaption" position="replace">
|
||||
<figcaption class="figure-caption text-muted py-3">Don't rely on a book's cover</figcaption>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_picture" inherit_id="website.s_picture">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Discover our <br/>limited editions
|
||||
</xpath>
|
||||
<!-- Paragraphs -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
Explore our top-end Collector's Editions. <br/>Signed and limited tributes to some of the most outstanding writers of all time.
|
||||
</xpath>
|
||||
<!-- Caption -->
|
||||
<xpath expr="//figcaption" position="replace" mode="inner">
|
||||
Don't rely on a book's cover, <a href="#">discover more about it</a>.
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_product_catalog" inherit_id="website.s_product_catalog">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5 pb112 pt112" remove="pb32 pt48" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">data-oe-shape-data="{"shape":"web_editor/Origins/17","flip":["y"]}"</attribute>
|
||||
</xpath>
|
||||
<!-- Shape and filter -->
|
||||
<xpath expr="//section/*" position="before">
|
||||
<div class="o_we_bg_filter" style="background-color: rgba(47, 47, 47, 0.7) !important;"/>
|
||||
<div class="o_we_shape o_web_editor_Origins_17 o_we_flip_y"/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,56 +1,76 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_product_list" inherit_id="website.s_product_list">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5 pb40" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container-fluid')]" position="replace">
|
||||
<div class="container">
|
||||
<!-- Row 1 -->
|
||||
<div class="row">
|
||||
<!-- Item 1 -->
|
||||
<div class="h-100 pb16 col-lg-6">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid w-100 p-5" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-outline-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item 2 -->
|
||||
<div class="h-100 pb16 col-lg-6">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid w-100 p-5" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-outline-primary">View item</a>
|
||||
</div>
|
||||
|
||||
<template id="s_product_list" inherit_id="website.s_product_list">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5 pb96" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Container -->
|
||||
<xpath expr="//div[hasclass('container-fluid')]" position="replace">
|
||||
<div class="container">
|
||||
<!-- Row #1 -->
|
||||
<div class="row">
|
||||
<!-- Item #1 -->
|
||||
<div class="h-100 pb16 col-lg-4">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid w-100" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-primary">View the book</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Row 2 -->
|
||||
<div class="row">
|
||||
<!-- Item 3 -->
|
||||
<div class="h-100 pb16 col-lg-6">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid w-100 p-5" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-outline-primary">View item</a>
|
||||
</div>
|
||||
<!-- Item #2 -->
|
||||
<div class="h-100 pb16 col-lg-4">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid w-100" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-primary">View the book</a>
|
||||
</div>
|
||||
<!-- Item 4 -->
|
||||
<div class="h-100 pb16 col-lg-6">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid w-100 p-5" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-outline-primary">View item</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item #3 -->
|
||||
<div class="h-100 pb16 col-lg-4">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid w-100" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-primary">View the book</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
<!-- Row #2 -->
|
||||
<div class="row">
|
||||
<!-- Item #4 -->
|
||||
<div class="h-100 pb16 col-lg-4">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid w-100" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-primary">View the book</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item #5 -->
|
||||
<div class="h-100 pb16 col-lg-4">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid w-100" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-primary">View the book</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Item #6 -->
|
||||
<div class="h-100 pb16 col-lg-4">
|
||||
<a href="#">
|
||||
<img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid w-100" style="max-height: 100%;"/>
|
||||
</a>
|
||||
<div class="s_product_list_item_link">
|
||||
<a href="#" class="btn btn-primary">View the book</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
|
||||
<!-- Carousel item #1 -->
|
||||
<xpath expr="//div[hasclass('carousel-item')]" position="attributes">
|
||||
<attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_6'); background-position: 50% 50%;</attribute>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
@@ -1,19 +1,31 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_text_image" inherit_id="website.s_text_image">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Paragraph -->
|
||||
<xpath expr="(//div[hasclass('col-lg-6')])[1]" position="replace">
|
||||
<div class="col-lg-6 pt16 pb16">
|
||||
<h2>Probably your next favorite book</h2>
|
||||
<p><br/></p>
|
||||
<p>Discover all the publications. There is probably your next favorite book amoung them.</p>
|
||||
<p><br/></p>
|
||||
<p><a href="#" class="btn btn-primary mb-2">Learn more</a></p>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_text_image" inherit_id="website.s_text_image">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc5 pt112 pb112" remove="pt32 pb32" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Wrapper -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
|
||||
<attribute name="class" add="col-lg-5" remove="col-lg-6" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h2" position="replace" mode="inner">
|
||||
Probably your next <br/>favorite book
|
||||
</xpath>
|
||||
<!-- Paragraphs -->
|
||||
<xpath expr="//p" position="replace" mode="inner">
|
||||
<br/>
|
||||
Discover all the publications. There is probably your next favorite book amoung them.
|
||||
</xpath>
|
||||
<xpath expr="//p[2]" position="replace" mode="inner">
|
||||
<br/>
|
||||
</xpath>
|
||||
<!-- Img Wrapper -->
|
||||
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
|
||||
<attribute name="class" add="col-lg-5 offset-lg-2" remove="col-lg-6" separator=" "/>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -1,42 +1,32 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_three_columns" inherit_id="website.s_three_columns">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Column 1 -->
|
||||
<xpath expr="//div[hasclass('card')]" position="attributes">
|
||||
<attribute name="class" add="border rounded shadow" separator=" "/>
|
||||
<attribute name="style" add="border-width: 10px !important; border-color: rgb(36, 35, 39) !important; border-radius: 0px !important; box-shadow: rgb(36, 35, 39) 0px 0px 25px 0px !important;" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('card-body')]" position="replace">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">A Belgian Story</h3>
|
||||
<p class="card-text">Discover the history of Belgium in this well-documented book with many illustrations and testimonials.</p>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Column 2 -->
|
||||
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
|
||||
<attribute name="class" add="border rounded shadow" separator=" "/>
|
||||
<attribute name="style" add="border-width: 10px !important; border-color: rgb(36, 35, 39) !important; border-radius: 0px !important; box-shadow: rgb(36, 35, 39) 0px 0px 25px 0px !important;" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('card-body')])[2]" position="replace">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">At the Mars conquest</h3>
|
||||
<p class="card-text">Learn about the difficulties encountered by NASA engineers in sending the first men to Mars.</p>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Column 3 -->
|
||||
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
|
||||
<attribute name="class" add="border rounded shadow" separator=" "/>
|
||||
<attribute name="style" add="border-width: 10px !important; border-color: rgb(36, 35, 39) !important; border-radius: 0px !important; box-shadow: rgb(36, 35, 39) 0px 0px 25px 0px !important;" separator=" "/>
|
||||
</xpath>
|
||||
<xpath expr="(//div[hasclass('card-body')])[3]" position="replace">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Re-edition</h3>
|
||||
<p class="card-text">The first re-edition of this Latin dictionary, from 1460. Printed originally on the Gutenberg press.</p>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_three_columns" inherit_id="website.s_three_columns">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
|
||||
</xpath>
|
||||
<!-- Column #1 -->
|
||||
<xpath expr="//h3" position="replace" mode="inner">
|
||||
A Belgian Story
|
||||
</xpath>
|
||||
<xpath expr="//p[hasclass('card-text')]" position="replace" mode="inner">
|
||||
Discover the history of Belgium in this well-documented book with many illustrations and testimonials.
|
||||
</xpath>
|
||||
<!-- Column #2 -->
|
||||
<xpath expr="(//h3)[2]" position="replace" mode="inner">
|
||||
At the Mars conquest
|
||||
</xpath>
|
||||
<xpath expr="(//p[hasclass('card-text')])[2]" position="replace" mode="inner">
|
||||
Learn about the difficulties encountered by NASA engineers in sending the first men to Mars.
|
||||
</xpath>
|
||||
<!-- Column #3 -->
|
||||
<xpath expr="(//h3)[3]" position="replace" mode="inner">
|
||||
Re-edition
|
||||
</xpath>
|
||||
<xpath expr="(//p[hasclass('card-text')])[3]" position="replace" mode="inner">
|
||||
The first re-edition of this Latin dictionary, from 1460. Printed originally on the Gutenberg press.
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_title" inherit_id="website.s_title">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pt64 pb64 o_half_screen_height parallax s_parallax_is_fixed bg-black-50" remove="pt40 pb40" separator=" "/>
|
||||
<attribute name="data-scroll-background-ratio">1</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 50%;"></span>
|
||||
<div class="o_we_bg_filter bg-black-50"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h1" position="replace">
|
||||
<h1 style="text-align: center;">
|
||||
<font style="font-size: 62px;"><b>Reading means borrowing.</b></font>
|
||||
</h1>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
<template id="s_title" inherit_id="website.s_title">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="pt64 pb64 o_half_screen_height parallax s_parallax_is_fixed bg-black-50" remove="pt40 pb40" separator=" "/>
|
||||
<attribute name="data-scroll-background-ratio">1</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 50%;"/>
|
||||
<div class="o_we_bg_filter bg-black-50"/>
|
||||
</xpath>
|
||||
<!-- Title -->
|
||||
<xpath expr="//h1" position="replace" mode="inner">
|
||||
Reading means borrowing
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
||||
Reference in New Issue
Block a user