[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
@@ -2,70 +2,29 @@
<odoo>
<template id="s_product_list" inherit_id="website.s_product_list">
<!-- 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">Social Strategy</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" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">Executive Strategy</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">Corporate Finance</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" style="max-height: 100%;"/>
</a>
<div class="s_product_list_item_link">
<a href="#" class="btn btn-primary">Growth &amp; Innovation</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">Digital Strategy</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">Business Strategy</a>
</div>
</div>
</div>
</div>
<!-- Item #1 -->
<xpath expr="//div[hasclass('col-lg-2')]//h3/a" position="replace" mode="inner">
Social Strategy
</xpath>
<!-- Item #2 -->
<xpath expr="//div[hasclass('col-lg-2')][2]//h3/a" position="replace" mode="inner">
Executive Strategy
</xpath>
<!-- Item #3 -->
<xpath expr="//div[hasclass('col-lg-2')][3]//h3/a" position="replace" mode="inner">
Corporate Finance
</xpath>
<!-- Item #4 -->
<xpath expr="//div[hasclass('col-lg-2')][4]//h3/a" position="replace" mode="inner">
Growth &amp; Innovation
</xpath>
<!-- Item #5 -->
<xpath expr="//div[hasclass('col-lg-2')][5]//h3/a" position="replace" mode="inner">
Digital Strategy
</xpath>
<!-- Item #6 -->
<xpath expr="//div[hasclass('col-lg-2')][6]//h3/a" position="replace" mode="inner">
Business Strategy
</xpath>
</template>