From 09249206ed9260306ea58abecbcd2e9b596df75a Mon Sep 17 00:00:00 2001 From: qsm-odoo Date: Wed, 22 Jan 2020 15:54:01 +0000 Subject: [PATCH] [MOV] website: add s_product_list snippet from themes repo Part of https://github.com/odoo/odoo/pull/42937 task-2088157 --- addons/website/__manifest__.py | 1 + addons/website/data/website_data.xml | 36 +++++++++ .../img/snippets_demo/s_product_list_1.jpg | Bin 0 -> 3533 bytes .../img/snippets_thumbs/s_product_list.png | Bin 0 -> 2224 bytes .../src/snippets/s_product_list/000.scss | 46 +++++++++++ .../s_product_list/000_variables.scss | 1 + .../website/views/snippets/s_product_list.xml | 72 ++++++++++++++++++ addons/website/views/snippets/snippets.xml | 2 +- 8 files changed, 157 insertions(+), 1 deletion(-) create mode 100644 addons/website/static/src/img/snippets_demo/s_product_list_1.jpg create mode 100644 addons/website/static/src/img/snippets_thumbs/s_product_list.png create mode 100644 addons/website/static/src/snippets/s_product_list/000.scss create mode 100644 addons/website/static/src/snippets/s_product_list/000_variables.scss create mode 100644 addons/website/views/snippets/s_product_list.xml diff --git a/addons/website/__manifest__.py b/addons/website/__manifest__.py index d07088fb2c6..b70e143a8cc 100644 --- a/addons/website/__manifest__.py +++ b/addons/website/__manifest__.py @@ -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', diff --git a/addons/website/data/website_data.xml b/addons/website/data/website_data.xml index e54419c3cd0..ae7a883ed99 100644 --- a/addons/website/data/website_data.xml +++ b/addons/website/data/website_data.xml @@ -405,6 +405,42 @@ url /website/static/src/img/snippets_demo/s_media_list_3.jpg + + + s_product_list_default_image_1.jpg + url + /website/static/src/img/snippets_demo/s_product_list_1.jpg + + + + s_product_list_default_image_2.jpg + url + /website/static/src/img/snippets_demo/s_product_list_1.jpg + + + + s_product_list_default_image_3.jpg + url + /website/static/src/img/snippets_demo/s_product_list_1.jpg + + + + s_product_list_default_image_4.jpg + url + /website/static/src/img/snippets_demo/s_product_list_1.jpg + + + + s_product_list_default_image_5.jpg + url + /website/static/src/img/snippets_demo/s_product_list_1.jpg + + + + s_product_list_default_image_6.jpg + url + /website/static/src/img/snippets_demo/s_product_list_1.jpg + s_quotes_carousel_image_01.jpg diff --git a/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg b/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7dd297019584ae46c62a93c6cba4026f0505b1ea GIT binary patch literal 3533 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 KDiZi>U;P8HLir;A literal 0 HcmV?d00001 diff --git a/addons/website/static/src/img/snippets_thumbs/s_product_list.png b/addons/website/static/src/img/snippets_thumbs/s_product_list.png new file mode 100644 index 0000000000000000000000000000000000000000..0d59406e4f4ab37ced3be01298047f1b0bf8c86f GIT binary patch literal 2224 zcmbVOc~BEs8jlKs2!ay?1{rLEA`FnELlTk<84Pp~Fx*9gv-~>gCIxEPf+aNgmhr54lSM_`Ed++=GzVlW0 z!QjBHCPvmqI2_Kz&ld{CW)b!V87{}hqOr*dZ2DTs6)3~d7-b49M{pbw8jS#c5;ztK zMPN~CVlU!>!>x!D^94#l0FNa^B}8~$hp3XsFfHihW@|Gj85|#5&G-0U& zg5yvns)$2nfOi-ja14NjV(I*b(|mzG#S0;FaWW$Ek)sk|A;T>37d(K-5FLcLUS!5% zK)`RoQ&&`hspRW%h#qNw8yBzv6 z_4{!+y&*q{!&lvZStjBACETiKrZtaIIDB_dB+3m`id^)JYGUf_52gE2i7tm@dTlsj zpPKHqvLl&Yrlr2e_gyzs*Hy0hsuaf4A9c(4WiGj}rA3rWefWJ;=DdZLXbUZL%%G=QUT+(yW&`?8Je5{afE>sLDGg67D2b^r$`YeOj(Y zIBFkryVPy#&^~WU!w%lraK}<3qsZ)JgFMY&cR9>Zbhodn?}P~wW=`;TroRsEebv4# zg4~-p`+N0=q0##$D?*3%WOfetSFdo+U;TIkD&GC8wxF^phxNd8>-tWMxxy-Em+~iv z<_cDxyLje6CDEmPYNyujoZl}&wtZF>I1T&Q``}TmK3k4A=|*a0M}BH5Y5FK1tG52F z{p3j`@0tA4N&^EeGs zQNA|TrhD7oE<&8QL zAA}Cd)`(Dt)zYPxx`kN+tZLEHX z$-RGe`X`^9t`&Zy!Wmoju|NO*ywbzcrd9<_GbL$qbGmz2WtM&O>b}{*p{=b=u29TP?;RN#>F)0S@kir2{tcZ$RYfqC)MHnwb06ywhHnxuO8jim z{ufTm%7j;jT3hMAFwF*J1y4Nka~?@`V`KP=lA@x@{^wq``SHBhZZ>AQT|l7O%6z`b zy%L~!*SYdWyw+)W3q;!`WTaTUyzx{Ij`GC_RuKdtKX0$kv)*S1V;1vYTOGQL<{ERb zlIDlSa;BX5#Or1YC|FFju8?!`0n8O|!SLR~!nGB9$QzBZbjU1JfF0*b=bA1J9CnS? zZP=b$n@i2(!XW~43(ms0Am}Y_VbfZ33v6s)WE+xklquJ)Nb6Ah`F{vMZXnd?6}9i* D3+|8X literal 0 HcmV?d00001 diff --git a/addons/website/static/src/snippets/s_product_list/000.scss b/addons/website/static/src/snippets/s_product_list/000.scss new file mode 100644 index 00000000000..c952d5bfbe5 --- /dev/null +++ b/addons/website/static/src/snippets/s_product_list/000.scss @@ -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; + } + } + } + } + } +} diff --git a/addons/website/static/src/snippets/s_product_list/000_variables.scss b/addons/website/static/src/snippets/s_product_list/000_variables.scss new file mode 100644 index 00000000000..8ce4e819854 --- /dev/null +++ b/addons/website/static/src/snippets/s_product_list/000_variables.scss @@ -0,0 +1 @@ +@mixin s-product-list-img-hook {} diff --git a/addons/website/views/snippets/s_product_list.xml b/addons/website/views/snippets/s_product_list.xml new file mode 100644 index 00000000000..a171367f919 --- /dev/null +++ b/addons/website/views/snippets/s_product_list.xml @@ -0,0 +1,72 @@ + + + + + + + + + diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml index e04b20c7205..032519a20e1 100644 --- a/addons/website/views/snippets/snippets.xml +++ b/addons/website/views/snippets/snippets.xml @@ -52,7 +52,7 @@ - +