[IMP] website: review s_features snippet templates

The goal of this commit is to review the occurrences of the
default `s_features` snippet across design themes.

task-3657631

Part-of: odoo/design-themes#826
Related: odoo/odoo#163577
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit is contained in:
Chrysanthe (chgo)
2024-07-14 17:38:07 +02:00
parent 2b3b8b49b4
commit 88c8ec0d83
13 changed files with 81 additions and 88 deletions
+10 -19
View File
@@ -4,45 +4,36 @@
<template id="s_features" inherit_id="website.s_features">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2 pt48 pb64" remove="pt32 pb32" separator=" "/>
<attribute name="class" add="o_cc2 pt48" remove="pt64" separator=" "/>
</xpath>
<!-- Column #01 -->
<xpath expr="//div[hasclass('row')]/div[1]" position="attributes">
<attribute name="class" add="o_cc o_cc1 pt48 pb48" remove="pt32 pb32" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[1]/i" position="replace">
<i class="fa fa-2x fa-image bg-o-color-1 m-3 rounded-circle"/>
<i class="s_features_icon fa fa-image mb-3 rounded fs-5" role="img"/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[1]/h3" position="replace" mode="inner">
<xpath expr="//div[hasclass('row')]/div[1]/div/h3" position="replace" mode="inner">
<b>Stunning visuals</b>
</xpath>
<xpath expr="//div[hasclass('row')]/div[1]/p" position="replace" mode="inner">
<xpath expr="//div[hasclass('row')]/div[1]/div/p" position="replace" mode="inner">
Tell what's the value for the customer for this feature.
</xpath>
<!-- Column #02 -->
<xpath expr="//div[hasclass('row')]/div[2]" position="attributes">
<attribute name="class" add="o_cc o_cc1 pt48 pb48" remove="pt32 pb32" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]/i" position="replace">
<i class="fa fa-2x fa-eye bg-o-color-5 m-3 rounded-circle"/>
<i class="s_features_icon fa fa-eye mb-3 rounded fs-5" role="img"/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]/h3" position="replace" mode="inner">
<xpath expr="//div[hasclass('row')]/div[2]/div/h3" position="replace" mode="inner">
<b>360-degree vision</b>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]/p" position="replace" mode="inner">
<xpath expr="//div[hasclass('row')]/div[2]/div/p" position="replace" mode="inner">
Write what the customer would like to know, not what you want to show.
</xpath>
<!-- Column #03 -->
<xpath expr="//div[hasclass('row')]/div[3]" position="attributes">
<attribute name="class" add="o_cc o_cc1 pt48 pb48" remove="pt32 pb32" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]/i" position="attributes">
<attribute name="class" add="fa-2x fa-microphone rounded-circle" remove="fa-3x fa-leaf rounded" separator=" "/>
<attribute name="class" add="fa-microphone" remove="fa-flag-o" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]/h3" position="replace" mode="inner">
<xpath expr="//div[hasclass('row')]/div[3]/div/h3" position="replace" mode="inner">
<b>Built in mic</b>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]/p" position="replace" mode="inner">
<xpath expr="//div[hasclass('row')]/div[3]/div/p" position="replace" mode="inner">
A small explanation of this great feature, in clear words.
</xpath>
</template>