[REF] website_sale, *: review shop snippet options UI

* web_editor

Part of https://github.com/odoo/odoo/pull/38959
task-2066614
This commit is contained in:
qsm-odoo
2019-11-18 09:56:08 +00:00
parent f615cfda89
commit 2006959761
2 changed files with 24 additions and 29 deletions
@@ -201,7 +201,7 @@ options.registry.WebsiteSaleProductsItem = options.Class.extend({
*/
onFocus: function () {
var listLayoutEnabled = this.$target.closest('#products_grid').hasClass('o_wsale_layout_list');
this.$el.find('.o_wsale_soptions_menu_sizes').closest('we-collapse-area')
this.$el.find('.o_wsale_soptions_menu_sizes')
.toggleClass('d-none', listLayoutEnabled);
},
+23 -28
View File
@@ -71,39 +71,34 @@
<div data-js="WebsiteSaleProductsItem"
data-selector="#products_grid .oe_product"
data-no-check="true">
<we-collapse-area>
<we-toggler>Size</we-toggler>
<we-collapse class="o_wsale_soptions_menu_sizes">
<table>
<tr>
<td/><td/><td/><td/>
</tr>
<tr>
<td/><td/><td/><td/>
</tr>
<tr>
<td/><td/><td/><td/>
</tr>
<tr>
<td/><td/><td/><td/>
</tr>
</table>
</we-collapse>
</we-collapse-area>
<div class="o_wsale_soptions_menu_sizes">
<we-title>Size</we-title>
<table>
<tr>
<td/><td/><td/><td/>
</tr>
<tr>
<td/><td/><td/><td/>
</tr>
<tr>
<td/><td/><td/><td/>
</tr>
<tr>
<td/><td/><td/><td/>
</tr>
</table>
</div>
<div name="style" data-no-preview="true">
<!-- Placeholder to be filled in JS -->
</div>
<we-collapse-area>
<we-toggler>Promote</we-toggler>
<we-collapse data-no-preview="true">
<we-button data-change-sequence="top">Push to top</we-button>
<we-button data-change-sequence="up">Push up</we-button>
<we-button data-change-sequence="down">Push down</we-button>
<we-button data-change-sequence="bottom">Push to bottom</we-button>
</we-collapse>
</we-collapse-area>
<div name="reordering" data-no-preview="true">
<we-button data-change-sequence="top">Push to top</we-button>
<we-button data-change-sequence="up">Push up</we-button>
<we-button data-change-sequence="down">Push down</we-button>
<we-button data-change-sequence="bottom">Push to bottom</we-button>
</div>
</div>
<div data-js="ProductsSearchBar"