pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[MOV] website: add s_product_list snippet from themes repo

Browse Source 
Part of https://github.com/odoo/odoo/pull/42937
task-2088157
This commit is contained in:
qsm-odoo
2020-01-24 13:02:02 +00:00
parent 1c2eafaad8
commit 09249206ed
8 changed files with 157 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/__manifest__.py
+1
View File
@@ -68,6 +68,7 @@
'views/snippets/s_blockquote.xml',
'views/snippets/s_badge.xml',
'views/snippets/s_color_blocks_2.xml',
'views/snippets/s_product_list.xml',
'views/snippets/s_mega_menu_multi_menus.xml',
'views/snippets/s_mega_menu_menu_image_menu.xml',
'views/website_views.xml',
addons/website/data/website_data.xml
+36
View File
@@ -405,6 +405,42 @@
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_media_list_3.jpg</field>
</record>
<record id="website.s_product_list_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
</record>
<record id="website.s_product_list_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
</record>
<record id="website.s_product_list_default_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_3.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
</record>
<record id="website.s_product_list_default_image_4" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_4.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
</record>
<record id="website.s_product_list_default_image_5" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_5.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
</record>
<record id="website.s_product_list_default_image_6" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_6.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
</record>
<record id="website.s_quotes_carousel_demo_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_quotes_carousel_image_01.jpg</field>
addons/website/static/src/img/snippets_demo/s_product_list_1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

addons/website/static/src/img/snippets_thumbs/s_product_list.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

addons/website/static/src/snippets/s_product_list/000.scss
+46
View File
@@ -0,0 +1,46 @@
.s_product_list {
padding: 15px;
> div > .row > div {
margin-bottom: 20px; // without this style the columns go directly to the top of the bellow ones.
height: 200px;
text-align: center;
a {
display: block;
}
img {
margin: auto;
max-height: 130px;
@include s-product-list-img-hook;
}
.s_product_list_item_link {
@include o-position-absolute($left: 10%, $bottom: 0, $right: 10%);
> .btn {
width: 100%;
padding: 5px !important;
font-size: 16px;
text-transform: uppercase;
@media only screen and (max-width : 1280px) { // FIXME
font-size: 12px;
}
.fa {
font-size: 18px;
padding-right: 5px;
@media only screen and (max-width : 1024px) { // FIXME
display: block;
font-size: 25px;
}
}
}
}
}
}
addons/website/static/src/snippets/s_product_list/000_variables.scss
+1
View File
@@ -0,0 +1 @@
@mixin s-product-list-img-hook {}
addons/website/views/snippets/s_product_list.xml
+72
View File
@@ -0,0 +1,72 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template name="Products List" id="s_product_list">
<section class="s_product_list" >
<div class="container-fluid">
<div class="row">
<div class="col-lg-2 col-md-4 col-6">
<a href="http://www.odoo.com">
<img src="/web/image/website.s_product_list_default_image_1" alt="#" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<a href="http://www.odoo.com">
<img src="/web/image/website.s_product_list_default_image_2" alt="#" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<a href="http://www.odoo.com">
<img src="/web/image/website.s_product_list_default_image_3" alt="#" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<a href="http://www.odoo.com">
<img src="/web/image/website.s_product_list_default_image_4" alt="#" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<a href="http://www.odoo.com">
<img src="/web/image/website.s_product_list_default_image_5" alt="#" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<a href="http://www.odoo.com">
<img src="/web/image/website.s_product_list_default_image_6" alt="#" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a href="http://www.odoo.com" class="btn btn-secondary">View item</a>
</div>
</div>
</div>
</div>
</section>
</template>
<template id="_assets_snippet_s_product_list_css_000_variables" inherit_id="website._assets_primary_variables">
<xpath expr="//link[last()]" position="after">
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_product_list/000_variables.scss"/>
</xpath>
</template>
<template id="assets_snippet_s_product_list_css_000" inherit_id="website.assets_frontend">
<xpath expr="//link[last()]" position="after">
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_product_list/000.scss"/>
</xpath>
</template>
</odoo>
addons/website/views/snippets/snippets.xml
+1 -1
View File
@@ -52,7 +52,7 @@
<t t-snippet="website.s_faq_collapse" t-thumbnail="/website/static/src/img/snippets_thumbs/s_faq.png"/>
<t t-snippet="website.s_features_grid" t-thumbnail="/website/static/src/img/snippets_thumbs/s_features_grid.png"/>
<t t-snippet="website.s_product_catalog" t-thumbnail="/website/static/src/img/snippets_thumbs/s_product_catalog.png"/>
<!-- Product list -->
<t t-snippet="website.s_product_list" t-thumbnail="/website/static/src/img/snippets_thumbs/s_product_list.png"/>
<t t-snippet="website.s_tabs" t-thumbnail="/website/static/src/img/snippets_thumbs/s_tabs.png"/>
<t t-snippet="website.s_timeline" t-thumbnail="/website/static/src/img/snippets_thumbs/s_timeline.png"/>
<t t-snippet="website.s_process_steps" t-thumbnail="/website/static/src/img/snippets_thumbs/s_process_step.png"/>