[IMP] website: make images replaceable in themes in 3-col snippet

Part of https://github.com/odoo/odoo/pull/46773
task-2191381
This commit is contained in:
Cocographique
2020-03-03 16:00:04 +00:00
committed by qsm-odoo
parent 518db3a886
commit fe3e24ea68
2 changed files with 21 additions and 3 deletions
+18
View File
@@ -601,6 +601,24 @@
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_text_image.jpg</field>
</record>
<record id="website.s_three_columns_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_three_columns_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/web/image/website.library_image_11</field>
</record>
<record id="website.s_three_columns_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_three_columns_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/web/image/website.library_image_13</field>
</record>
<record id="website.s_three_columns_default_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_three_columns_default_image_3.jpg</field>
<field name="type">url</field>
<field name="url">/web/image/website.library_image_07</field>
</record>
<record id="website.s_carousel_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_carousel_default_image_1.jpg</field>
@@ -7,7 +7,7 @@
<div class="row d-flex align-items-stretch">
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
<div class="card bg-white h-100">
<img class="card-img-top" src="/web/image/website.library_image_11" alt="Odoo - Sample 1 for three columns"/>
<img class="card-img-top" src="/web/image/website.s_three_columns_default_image_1" alt="Odoo - Sample 1 for three columns"/>
<div class="card-body">
<h3 class="card-title">Feature One</h3>
<p class="card-text">Adapt these three columns to fit your design need. To duplicate, delete or move columns, select the column and use the top icons to perform your action.</p>
@@ -16,7 +16,7 @@
</div>
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
<div class="card bg-white h-100">
<img class="card-img-top" src="/web/image/website.library_image_13" alt="Odoo - Sample 2 for three columns"/>
<img class="card-img-top" src="/web/image/website.s_three_columns_default_image_2" alt="Odoo - Sample 2 for three columns"/>
<div class="card-body">
<h3 class="card-title">Feature Two</h3>
<p class="card-text">To add a fourth column, reduce the size of these three columns using the right icon of each block. Then, duplicate one of the columns to create a new one as a copy.</p>
@@ -25,7 +25,7 @@
</div>
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
<div class="card bg-white h-100">
<img class="card-img-top" src="/web/image/website.library_image_07" alt="Odoo - Sample 3 for three columns"/>
<img class="card-img-top" src="/web/image/website.s_three_columns_default_image_3" alt="Odoo - Sample 3 for three columns"/>
<div class="card-body">
<h3 class="card-title">Feature Three</h3>
<p class="card-text">Delete the above image or replace it with a picture that illustrates your message. Click on the picture to change its <em>rounded corner</em> style.</p>