[IMP] theme_*: adapt s_product_list

task-4048196
Part of task-3619705

Part-of: odoo/design-themes#919
Related: odoo/odoo#180736
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Antoine (anso)
2024-08-01 12:32:17 +02:00
committed by qsm-odoo
parent bb8254a09f
commit 05fdc8e75f
9 changed files with 263 additions and 285 deletions
+66 -65
View File
@@ -4,72 +4,73 @@
<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 pb80 pt96" separator=" "/>
<attribute name="class" add="o_cc o_cc5 pb80 pt96" remove="pt64 pb64" 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 rounded" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">T-shirts</a>
</div>
</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 rounded" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">Hoodies</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 rounded" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">Vinyls</a>
</div>
</div>
</div>
<!-- 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 rounded" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">Sunglasses</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 rounded" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">Caps</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 rounded" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">CD Albums</a>
</div>
</div>
</div>
</div>
<!-- Item #1 -->
<xpath expr="//div[hasclass('col-lg-2')]//h3/a" position="replace" mode="inner">
T-shirts
</xpath>
<xpath expr="//div[hasclass('col-lg-2')]//div[hasclass('card')]" position="attributes">
<attribute name="class" remove="o_cc1" add="o_cc4" separator=" "/>
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="//div[hasclass('col-lg-2')]//figure" position="attributes">
<attribute name="class" remove="ratio-4x3" add="ratio-1x1" separator=" "/>
</xpath>
<!-- Item #2 -->
<xpath expr="//div[hasclass('col-lg-2')][2]//h3/a" position="replace" mode="inner">
Hoodies
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][2]//div[hasclass('card')]" position="attributes">
<attribute name="class" remove="o_cc1" add="o_cc4" separator=" "/>
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][2]//figure" position="attributes">
<attribute name="class" remove="ratio-4x3" add="ratio-1x1" separator=" "/>
</xpath>
<!-- Item #3 -->
<xpath expr="//div[hasclass('col-lg-2')][3]//h3/a" position="replace" mode="inner">
Vinyls
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][3]//div[hasclass('card')]" position="attributes">
<attribute name="class" remove="o_cc1" add="o_cc4" separator=" "/>
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][3]//figure" position="attributes">
<attribute name="class" remove="ratio-4x3" add="ratio-1x1" separator=" "/>
</xpath>
<!-- Item #4 -->
<xpath expr="//div[hasclass('col-lg-2')][4]//h3/a" position="replace" mode="inner">
Sunglasses
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][4]//div[hasclass('card')]" position="attributes">
<attribute name="class" remove="o_cc1" add="o_cc4" separator=" "/>
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][4]//figure" position="attributes">
<attribute name="class" remove="ratio-4x3" add="ratio-1x1" separator=" "/>
</xpath>
<!-- Item #5 -->
<xpath expr="//div[hasclass('col-lg-2')][5]//h3/a" position="replace" mode="inner">
Caps
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][5]//div[hasclass('card')]" position="attributes">
<attribute name="class" remove="o_cc1" add="o_cc4" separator=" "/>
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][5]//figure" position="attributes">
<attribute name="class" remove="ratio-4x3" add="ratio-1x1" separator=" "/>
</xpath>
<!-- Item #6 -->
<xpath expr="//div[hasclass('col-lg-2')][6]//h3/a" position="replace" mode="inner">
CD Albums
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][6]//div[hasclass('card')]" position="attributes">
<attribute name="class" remove="o_cc1" add="o_cc4" separator=" "/>
<attribute name="style">border-width: 0px !important;</attribute>
</xpath>
<xpath expr="//div[hasclass('col-lg-2')][6]//figure" position="attributes">
<attribute name="class" remove="ratio-4x3" add="ratio-1x1" separator=" "/>
</xpath>
</template>