[FIX] theme_bookstore: fix multiple issues in the theme

This commit fixes multiples issues in the theme:

- Wording
- Shapes that should appear only in the configurator
- Useless xpaths
- Font bug in Firefox (-> texts have been outlined in the svg)

task-4221731

closes odoo/design-themes#977

X-original-commit: f6012ce86e
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
This commit is contained in:
Antoine (anso)
2024-09-30 16:26:45 +00:00
committed by Soukéina Bojabza
parent 2f2aec94ef
commit a242de24f0
11 changed files with 52 additions and 69 deletions
-2
View File
@@ -68,12 +68,10 @@
],
'images_preview_theme': {
'website.s_product_list_default_image_1': '/theme_bookstore/static/src/img/snippets/s_product_1.jpg',
'website.s_banner_default_image_3': '/theme_bookstore/static/src/img/snippets/s_banner_3.jpg',
'website.s_image_text_default_image': '/theme_bookstore/static/src/img/snippets/s_image_text.jpg',
'website.library_image_02': '/theme_bookstore/static/src/img/snippets/library_image_02.jpg',
'website.s_cover_default_image': '/theme_bookstore/static/src/img/snippets/s_cover.jpg',
'website.s_media_list_default_image_1': '/theme_bookstore/static/src/img/snippets/s_media_list_1.jpg',
'website.s_image_text_default_image': '/theme_bookstore/static/src/img/snippets/s_image_text.jpg',
'website.s_media_list_default_image_2': '/theme_bookstore/static/src/img/snippets/s_media_list_2.jpg',
'website.s_text_image_default_image': '/theme_bookstore/static/src/img/snippets/s_text_image.jpg',
},
File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 159 KiB

@@ -14,17 +14,17 @@
We accept returns within 30 days of purchase, provided the book is in its original condition and accompanied by the receipt. Refunds will be issued in the original form of payment. Please note that certain items, like discounted or final sale items, may not be eligible for return.
</xpath>
<!-- Question 2 -->
<xpath expr="(//div[hasclass('accordion-item')])[1]//span" position="replace" mode="inner">
<xpath expr="(//div[hasclass('accordion-item')])[2]//span" position="replace" mode="inner">
Do you offer gift cards?
</xpath>
<xpath expr="(//div[hasclass('accordion-item')])[1]//p" position="replace" mode="inner">
<xpath expr="(//div[hasclass('accordion-item')])[2]//p" position="replace" mode="inner">
Yes, we offer both physical and digital gift cards in various amounts. Physical gift cards can be purchased in-store or online and shipped to the recipient, while digital gift cards are sent instantly via email. Both types can be used for online and in-store purchases.
</xpath>
<!-- Question 3 -->
<xpath expr="(//div[hasclass('accordion-item')])[1]//span" position="replace" mode="inner">
<xpath expr="(//div[hasclass('accordion-item')])[3]//span" position="replace" mode="inner">
Can I request a book that's out of stock?
</xpath>
<xpath expr="(//div[hasclass('accordion-item')])[1]//p" position="replace" mode="inner">
<xpath expr="(//div[hasclass('accordion-item')])[3]//p" position="replace" mode="inner">
Absolutely! If a book is out of stock, you can place a special order through our website or by visiting the store. We'll notify you once the book is back in stock, and you can choose to pick it up in-store or have it shipped to your address. Special orders typically take 1-2 weeks to fulfill, depending on availability.
</xpath>
</template>
@@ -12,7 +12,7 @@
</xpath>
<!-- Paragraph -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Find quick answers to common questions about our books, services, and policies.
Find quick answers to common questions about our books, services and policies.
</xpath>
</template>
+11 -5
View File
@@ -5,11 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pb96" add="pb128" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/14_001', 'colors':{'c3':'o-color-3','c4':'o-color-4'}, 'flip':[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14_001" style="background-image: url('/web_editor/shape/web_editor/Origins/14_001.svg?c3=o-color-3&amp;c4=o-color-4')"/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
@@ -32,4 +27,15 @@
</xpath>
</template>
<template id="configurator_s_banner" inherit_id="website.configurator_s_banner">
<!-- Shape option -->
<xpath expr="section" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/14_001', 'colors':{'c3':'o-color-3','c4':'o-color-4'}, 'flip':[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14_001" style="background-image: url('/web_editor/shape/web_editor/Origins/14_001.svg?c3=o-color-3&amp;c4=o-color-4')"/>
</xpath>
</template>
</odoo>
+1 -5
View File
@@ -4,7 +4,7 @@
<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="class" add="oe_img_bg o_full_screen_height" remove="parallax s_parallax_is_fixed" separator=" "/>
<attribute name="data-scroll-background-ratio">0</attribute>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/09_001', 'colors':{'c3':'o-color-1'}}</attribute>
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 55%;</attribute>
@@ -23,10 +23,6 @@
<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>
+11 -5
View File
@@ -5,11 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pt80 pb80" add="o_colored_level o_cc o_cc2 pt48 pb48" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001', 'colors':{'c3':'o-color-4'}}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_04_001" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-4');"/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace">
@@ -25,4 +20,15 @@
</xpath>
</template>
<template id="configurator_s_cta_box" inherit_id="website.configurator_s_cta_box">
<!-- Shape option -->
<xpath expr="section" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/04_001', 'colors':{'c3':'o-color-4'}}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_04_001" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-4');"/>
</xpath>
</template>
</odoo>
@@ -15,7 +15,7 @@
</xpath>
<!-- Lead -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
We also offer these additional services, always with the same passion and care that defines everything we do.
We also offer these additional services, always with the same passion and care that define everything we do.
</xpath>
<!-- Card 1 -->
<xpath expr="//div[hasclass('g-col-lg-3')]//h3" position="replace" mode="inner">
@@ -25,7 +25,7 @@
</xpath>
<xpath expr="(//div[hasclass('col-lg-3')])[4]//p[3]" position="replace">
<h5>What I Didn't Post On Instagram</h5>
<p class="text-muted">by <em>Christy Stockton</em></p>
<p class="text-muted">by <em>Chrissy Stockton</em></p>
</xpath>
</template>
@@ -5,11 +5,6 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt128 pb128 o_cc o_cc5" remove="pt48 pb48" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/11_001', 'colors':{'c3':'o-color-4','c4':'o-color-5'}, 'flip':['y']}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_11_001" style="background-image: url('/web_editor/shape/web_editor/Origins/11_001.svg?c3=o-color-4&amp;c4=o-color-5&amp;flip=y'); background-position: 0% 100%;"/>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace" mode="inner">
+11 -5
View File
@@ -5,17 +5,12 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt152 pb152 o_cc o_cc5" remove="pt40 pb40" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/11_001','colors':{'c3':'o-color-4','c4':'o-color-5'},'flip':['y']}</attribute>
<attribute name="style">background-image: url('/web/image/website.s_text_cover_default_image'); background-position: 50% 75%;</attribute>
</xpath>
<!-- Filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_bg_filter bg-black-50"/>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_11_001" style="background-image: url('/web_editor/shape/web_editor/Origins/11_001.svg?c3=o-color-4&amp;c4=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace">
<h2 class="display-3-fs">The most beautiful things in the world cannot be seen or touched, they are felt with the heart.</h2>
@@ -23,4 +18,15 @@
</xpath>
</template>
<template id="configurator_s_title" inherit_id="website.configurator_s_title">
<!-- Shape option -->
<xpath expr="section" position="attributes">
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/11_001','colors':{'c3':'o-color-4','c4':'o-color-5'},'flip':['y']}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_11_001" style="background-image: url('/web_editor/shape/web_editor/Origins/11_001.svg?c3=o-color-4&amp;c4=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
</xpath>
</template>
</odoo>