Max/LearningSalesForceCommerceCloud
1
0
Fork 0
Code Issues 5 Pull Requests Releases Activity

Adds SFRA 6.0

Browse Source
This commit is contained in:
Isaac Vallee
2021-12-21 10:57:31 -08:00
parent d04eb5dd16
commit 823c7608c3
1257 changed files with 137087 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
storefront-reference-architecture/cartridges/bm_app_storefront_base/.project Normal file
View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>bm_app_storefront_base</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>com.demandware.studio.core.beehiveElementBuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>com.demandware.studio.core.beehiveNature</nature>
</natures>
</projectDescription>

14
storefront-reference-architecture/cartridges/bm_app_storefront_base/.tern-project Normal file
View File

@@ -0,0 +1,14 @@
{
"ecmaVersion": 5,
"plugins": {
"guess-types": {
},
"outline": {
},
"demandware": {
}
}
}

4
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/bm_app_storefront_base.properties Normal file
View File

@@ -0,0 +1,4 @@
## cartridge.properties for cartridge app_storefront_base
#Thu Jun 09 11:30:40 EDT 2016
demandware.cartridges.bm_app_storefront_base.multipleLanguageStorefront=true
demandware.cartridges.bm_app_storefront_base.id=bm_app_storefront_base

8
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/custom/tileDisplayFormat.js Normal file
View File

@@ -0,0 +1,8 @@
'use strict';
/**
* Init for the displayFormat radio button custom editor
*
* Initialises the custom attribute editor with server side information. This editor does not need any.
*/
module.exports.init = function () {};

12
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/custom/tileDisplayFormat.json Normal file
View File

@@ -0,0 +1,12 @@
{
"name": "Einstein Product-To-Product Recommender Selector",
"description": "Returns a selector for the recommenders available on the instance. Allows product-to-product recommender",
"resources": {
"scripts": [
"/experience/editors/displayFormats.js"
],
"styles": [
"https://cdnjs.cloudflare.com/ajax/libs/design-system/2.8.3/styles/salesforce-lightning-design-system.min.css"
]
}
}

16
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/einstein/categoryrecommenderselector.js Normal file
View File

@@ -0,0 +1,16 @@
'use strict';
var Site = require('dw/system/Site');
/**
* Init for the recommender selector custom editor
*
* Initialises the custom attribute editor with server side information such as URLs
* or in this case the client ID the Business Manager uses, so the client can request all recommenders
* @param {Object} editor - object representing a custom attribute editor
*/
module.exports.init = function (editor) {
editor.configuration.put('clientid', request.httpHeaders.get('x-dw-client-id')); // eslint-disable-line no-undef
editor.configuration.put('siteid', Site.getCurrent().ID);
editor.configuration.put('typefilter', ['products-in-a-category']);
};

12
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/einstein/categoryrecommenderselector.json Normal file
View File

@@ -0,0 +1,12 @@
{
"name": "Einstein products in a category Recommender Selector",
"description": "Returns a selector for the category based recommenders available on the instance. Allows products-in-a-category",
"resources": {
"scripts": [
"/experience/editors/einstein/recommenderselector.js"
],
"styles": [
"https://cdnjs.cloudflare.com/ajax/libs/design-system/2.8.3/styles/salesforce-lightning-design-system.min.css"
]
}
}

16
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/einstein/globalrecommenderselector.js Normal file
View File

@@ -0,0 +1,16 @@
'use strict';
var Site = require('dw/system/Site');
/**
* Init for the recommender selector custom editor
*
* Initialises the custom attribute editor with server side information such as URLs
* or in this case the client ID the Business Manager uses, so the client can request all recommenders
* @param {Object} editor - object representing a custom attribute editor
*/
module.exports.init = function (editor) {
editor.configuration.put('clientid', request.httpHeaders.get('x-dw-client-id')); // eslint-disable-line no-undef
editor.configuration.put('siteid', Site.getCurrent().ID);
editor.configuration.put('typefilter', ['products-in-all-categories', 'recently-viewed']);
};

12
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/einstein/globalrecommenderselector.json Normal file
View File

@@ -0,0 +1,12 @@
{
"name": "Einstein Global Recommender Selector",
"description": "Returns a selector for the recommenders available on the instance, allows products-in-all-categories recommender",
"resources": {
"scripts": [
"/experience/editors/einstein/recommenderselector.js"
],
"styles": [
"https://cdnjs.cloudflare.com/ajax/libs/design-system/2.8.3/styles/salesforce-lightning-design-system.min.css"
]
}
}

16
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/einstein/productrecommenderselector.js Normal file
View File

@@ -0,0 +1,16 @@
'use strict';
var Site = require('dw/system/Site');
/**
* Init for the recommender selector custom editor
*
* Initialises the custom attribute editor with server side information such as URLs
* or in this case the client ID the Business Manager uses, so the client can request all recommenders
* @param {Object} editor - object representing a custom attribute editor
*/
module.exports.init = function (editor) {
editor.configuration.put('clientid', request.httpHeaders.get('x-dw-client-id')); // eslint-disable-line no-undef
editor.configuration.put('siteid', Site.getCurrent().ID);
editor.configuration.put('typefilter', ['product-to-product']);
};

12
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/einstein/productrecommenderselector.json Normal file
View File

@@ -0,0 +1,12 @@
{
"name": "Einstein Product-To-Product Recommender Selector",
"description": "Returns a selector for the recommenders available on the instance. Allows product-to-product recommender",
"resources": {
"scripts": [
"/experience/editors/einstein/recommenderselector.js"
],
"styles": [
"https://cdnjs.cloudflare.com/ajax/libs/design-system/2.8.3/styles/salesforce-lightning-design-system.min.css"
]
}
}

6
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/themer/colorpicker.js Normal file
View File

@@ -0,0 +1,6 @@
'use strict';
/**
* Init for the color picker custom editor
*/
module.exports.init = function () {};

12
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/experience/editors/themer/colorpicker.json Normal file
View File

@@ -0,0 +1,12 @@
{
"name": "Color Picker",
"description": "One can pick a color",
"resources": {
"scripts": [
"/experience/editors/themer/colorpicker.js"
],
"styles": [
"https://cdnjs.cloudflare.com/ajax/libs/design-system/2.8.3/styles/salesforce-lightning-design-system.min.css"
]
}
}

43
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/campaignBanner.svg Normal file
View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Image@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="4" y="3" width="17" height="18" rx="8.5"></rect>
<path d="M11.5384615,1.5 C11.5384615,0.95 11.1230769,0.5 10.6153846,0.5 L1.38461538,0.5 C0.876923077,0.5 0.461538462,0.95 0.461538462,1.5 L0.461538462,9.5 C0.461538462,10.05 0.876923077,10.5 1.38461538,10.5 L10.6153846,10.5 C11.1230769,10.5 11.5384615,10.05 11.5384615,9.5 L11.5384615,1.5 Z M9.13846154,8.5 L2.44615385,8.5 C2.16923077,8.5 2.00769231,8.175 2.14615385,7.925 L4.17692308,4.1 C4.26923077,3.925 4.47692308,3.925 4.56923077,4.1 L5.79230769,6.375 C5.88461538,6.525 6.09230769,6.55 6.18461538,6.4 L7.17692308,4.85 C7.26923077,4.7 7.47692308,4.7 7.56923077,4.85 L9.39230769,8 C9.53076923,8.225 9.39230769,8.5 9.13846154,8.5 Z M8.53846154,4 C8.03076923,4 7.61538462,3.55 7.61538462,3 C7.61538462,2.45 8.03076923,2 8.53846154,2 C9.04615385,2 9.46153846,2.45 9.46153846,3 C9.46153846,3.55 9.04615385,4 8.53846154,4 Z" id="path-3"></path>
</defs>
<g id="Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<g id="green" transform="translate(2.000000, 2.000000)" fill="#6BBD6E">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask"></g>
<g id="Icon" mask="url(#mask-2)">
<g transform="translate(6.000000, 6.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Mask" stroke="none" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
<g id="z-nested-/-Icon-Color-/-PALETTE_GRAY_1" stroke="none" fill="none" mask="url(#mask-4)" fill-rule="evenodd">
<g transform="translate(0.000000, -1.000000)" id="z-nested-/-Color-Tokens-/-PALETTE_GRAY_1">
<g>
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="12" height="13"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

43
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/category.svg Normal file
View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Image@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="4" y="3" width="17" height="18" rx="8.5"></rect>
<path d="M11.5384615,1.5 C11.5384615,0.95 11.1230769,0.5 10.6153846,0.5 L1.38461538,0.5 C0.876923077,0.5 0.461538462,0.95 0.461538462,1.5 L0.461538462,9.5 C0.461538462,10.05 0.876923077,10.5 1.38461538,10.5 L10.6153846,10.5 C11.1230769,10.5 11.5384615,10.05 11.5384615,9.5 L11.5384615,1.5 Z M9.13846154,8.5 L2.44615385,8.5 C2.16923077,8.5 2.00769231,8.175 2.14615385,7.925 L4.17692308,4.1 C4.26923077,3.925 4.47692308,3.925 4.56923077,4.1 L5.79230769,6.375 C5.88461538,6.525 6.09230769,6.55 6.18461538,6.4 L7.17692308,4.85 C7.26923077,4.7 7.47692308,4.7 7.56923077,4.85 L9.39230769,8 C9.53076923,8.225 9.39230769,8.5 9.13846154,8.5 Z M8.53846154,4 C8.03076923,4 7.61538462,3.55 7.61538462,3 C7.61538462,2.45 8.03076923,2 8.53846154,2 C9.04615385,2 9.46153846,2.45 9.46153846,3 C9.46153846,3.55 9.04615385,4 8.53846154,4 Z" id="path-3"></path>
</defs>
<g id="Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<g id="green" transform="translate(2.000000, 2.000000)" fill="#6BBD6E">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask"></g>
<g id="Icon" mask="url(#mask-2)">
<g transform="translate(6.000000, 6.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Mask" stroke="none" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
<g id="z-nested-/-Icon-Color-/-PALETTE_GRAY_1" stroke="none" fill="none" mask="url(#mask-4)" fill-rule="evenodd">
<g transform="translate(0.000000, -1.000000)" id="z-nested-/-Color-Tokens-/-PALETTE_GRAY_1">
<g>
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="12" height="13"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

43
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/editorialRichText.svg Normal file
View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Image@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="4" y="3" width="17" height="18" rx="8.5"></rect>
<path d="M11.5384615,1.5 C11.5384615,0.95 11.1230769,0.5 10.6153846,0.5 L1.38461538,0.5 C0.876923077,0.5 0.461538462,0.95 0.461538462,1.5 L0.461538462,9.5 C0.461538462,10.05 0.876923077,10.5 1.38461538,10.5 L10.6153846,10.5 C11.1230769,10.5 11.5384615,10.05 11.5384615,9.5 L11.5384615,1.5 Z M9.13846154,8.5 L2.44615385,8.5 C2.16923077,8.5 2.00769231,8.175 2.14615385,7.925 L4.17692308,4.1 C4.26923077,3.925 4.47692308,3.925 4.56923077,4.1 L5.79230769,6.375 C5.88461538,6.525 6.09230769,6.55 6.18461538,6.4 L7.17692308,4.85 C7.26923077,4.7 7.47692308,4.7 7.56923077,4.85 L9.39230769,8 C9.53076923,8.225 9.39230769,8.5 9.13846154,8.5 Z M8.53846154,4 C8.03076923,4 7.61538462,3.55 7.61538462,3 C7.61538462,2.45 8.03076923,2 8.53846154,2 C9.04615385,2 9.46153846,2.45 9.46153846,3 C9.46153846,3.55 9.04615385,4 8.53846154,4 Z" id="path-3"></path>
</defs>
<g id="Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<g id="green" transform="translate(2.000000, 2.000000)" fill="#6BBD6E">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask"></g>
<g id="Icon" mask="url(#mask-2)">
<g transform="translate(6.000000, 6.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Mask" stroke="none" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
<g id="z-nested-/-Icon-Color-/-PALETTE_GRAY_1" stroke="none" fill="none" mask="url(#mask-4)" fill-rule="evenodd">
<g transform="translate(0.000000, -1.000000)" id="z-nested-/-Color-Tokens-/-PALETTE_GRAY_1">
<g>
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="12" height="13"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

43
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/imageAndText.svg Normal file
View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Image@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="4" y="3" width="17" height="18" rx="8.5"></rect>
<path d="M11.5384615,1.5 C11.5384615,0.95 11.1230769,0.5 10.6153846,0.5 L1.38461538,0.5 C0.876923077,0.5 0.461538462,0.95 0.461538462,1.5 L0.461538462,9.5 C0.461538462,10.05 0.876923077,10.5 1.38461538,10.5 L10.6153846,10.5 C11.1230769,10.5 11.5384615,10.05 11.5384615,9.5 L11.5384615,1.5 Z M9.13846154,8.5 L2.44615385,8.5 C2.16923077,8.5 2.00769231,8.175 2.14615385,7.925 L4.17692308,4.1 C4.26923077,3.925 4.47692308,3.925 4.56923077,4.1 L5.79230769,6.375 C5.88461538,6.525 6.09230769,6.55 6.18461538,6.4 L7.17692308,4.85 C7.26923077,4.7 7.47692308,4.7 7.56923077,4.85 L9.39230769,8 C9.53076923,8.225 9.39230769,8.5 9.13846154,8.5 Z M8.53846154,4 C8.03076923,4 7.61538462,3.55 7.61538462,3 C7.61538462,2.45 8.03076923,2 8.53846154,2 C9.04615385,2 9.46153846,2.45 9.46153846,3 C9.46153846,3.55 9.04615385,4 8.53846154,4 Z" id="path-3"></path>
</defs>
<g id="Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<g id="green" transform="translate(2.000000, 2.000000)" fill="#6BBD6E">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask"></g>
<g id="Icon" mask="url(#mask-2)">
<g transform="translate(6.000000, 6.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Mask" stroke="none" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
<g id="z-nested-/-Icon-Color-/-PALETTE_GRAY_1" stroke="none" fill="none" mask="url(#mask-4)" fill-rule="evenodd">
<g transform="translate(0.000000, -1.000000)" id="z-nested-/-Color-Tokens-/-PALETTE_GRAY_1">
<g>
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="12" height="13"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

43
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/mainBanner.svg Normal file
View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Image@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="4" y="3" width="17" height="18" rx="8.5"></rect>
<path d="M11.5384615,1.5 C11.5384615,0.95 11.1230769,0.5 10.6153846,0.5 L1.38461538,0.5 C0.876923077,0.5 0.461538462,0.95 0.461538462,1.5 L0.461538462,9.5 C0.461538462,10.05 0.876923077,10.5 1.38461538,10.5 L10.6153846,10.5 C11.1230769,10.5 11.5384615,10.05 11.5384615,9.5 L11.5384615,1.5 Z M9.13846154,8.5 L2.44615385,8.5 C2.16923077,8.5 2.00769231,8.175 2.14615385,7.925 L4.17692308,4.1 C4.26923077,3.925 4.47692308,3.925 4.56923077,4.1 L5.79230769,6.375 C5.88461538,6.525 6.09230769,6.55 6.18461538,6.4 L7.17692308,4.85 C7.26923077,4.7 7.47692308,4.7 7.56923077,4.85 L9.39230769,8 C9.53076923,8.225 9.39230769,8.5 9.13846154,8.5 Z M8.53846154,4 C8.03076923,4 7.61538462,3.55 7.61538462,3 C7.61538462,2.45 8.03076923,2 8.53846154,2 C9.04615385,2 9.46153846,2.45 9.46153846,3 C9.46153846,3.55 9.04615385,4 8.53846154,4 Z" id="path-3"></path>
</defs>
<g id="Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<g id="green" transform="translate(2.000000, 2.000000)" fill="#6BBD6E">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask"></g>
<g id="Icon" mask="url(#mask-2)">
<g transform="translate(6.000000, 6.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Mask" stroke="none" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
<g id="z-nested-/-Icon-Color-/-PALETTE_GRAY_1" stroke="none" fill="none" mask="url(#mask-4)" fill-rule="evenodd">
<g transform="translate(0.000000, -1.000000)" id="z-nested-/-Color-Tokens-/-PALETTE_GRAY_1">
<g>
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="12" height="13"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

43
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/photoTile.svg Normal file
View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Image@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="4" y="3" width="17" height="18" rx="8.5"></rect>
<path d="M11.5384615,1.5 C11.5384615,0.95 11.1230769,0.5 10.6153846,0.5 L1.38461538,0.5 C0.876923077,0.5 0.461538462,0.95 0.461538462,1.5 L0.461538462,9.5 C0.461538462,10.05 0.876923077,10.5 1.38461538,10.5 L10.6153846,10.5 C11.1230769,10.5 11.5384615,10.05 11.5384615,9.5 L11.5384615,1.5 Z M9.13846154,8.5 L2.44615385,8.5 C2.16923077,8.5 2.00769231,8.175 2.14615385,7.925 L4.17692308,4.1 C4.26923077,3.925 4.47692308,3.925 4.56923077,4.1 L5.79230769,6.375 C5.88461538,6.525 6.09230769,6.55 6.18461538,6.4 L7.17692308,4.85 C7.26923077,4.7 7.47692308,4.7 7.56923077,4.85 L9.39230769,8 C9.53076923,8.225 9.39230769,8.5 9.13846154,8.5 Z M8.53846154,4 C8.03076923,4 7.61538462,3.55 7.61538462,3 C7.61538462,2.45 8.03076923,2 8.53846154,2 C9.04615385,2 9.46153846,2.45 9.46153846,3 C9.46153846,3.55 9.04615385,4 8.53846154,4 Z" id="path-3"></path>
</defs>
<g id="Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<g id="green" transform="translate(2.000000, 2.000000)" fill="#6BBD6E">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask"></g>
<g id="Icon" mask="url(#mask-2)">
<g transform="translate(6.000000, 6.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Mask" stroke="none" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
<g id="z-nested-/-Icon-Color-/-PALETTE_GRAY_1" stroke="none" fill="none" mask="url(#mask-4)" fill-rule="evenodd">
<g transform="translate(0.000000, -1.000000)" id="z-nested-/-Color-Tokens-/-PALETTE_GRAY_1">
<g>
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="12" height="13"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

23
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/popularCategory.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Category@2x</title>
<desc>Created with Sketch.</desc>
<g id="Category" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<rect id="green" fill="#FF9E2C" x="2" y="2" width="20" height="20" rx="2"></rect>
<g id="category.08dde5f5" transform="translate(7.000000, 6.000000)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M7.66333333,1.72333333 L9.295,3.355 L9.295,3.355 C9.66166667,3.70333333 9.66166667,4.29 9.295,4.63833333 L9.295,4.63833333 L5.04166667,8.87333333 L5.04166667,5.005 L5.04166667,3.04333333 L6.36166667,1.705 C6.71,1.35666667 7.315,1.35666667 7.66333333,1.72333333 Z" id="Path"></path>
<path d="M3.20833333,0 L0.916666667,0 C0.403333333,0 0,0.403333333 0,0.916666667 L0,8.94666667 C0,10.0833333 0.916666667,11 2.05333333,11 C3.19,11 4.10666667,10.0833333 4.10666667,8.94666667 L4.10666667,0.916666667 C4.125,0.403333333 3.70333333,0 3.20833333,0 Z M2.05333333,9.86333333 C1.54,9.86333333 1.13666667,9.46 1.13666667,8.94666667 C1.13666667,8.43333333 1.54,8.03 2.05333333,8.03 C2.56666667,8.03 2.97,8.43333333 2.97,8.94666667 C2.97,9.46 2.56666667,9.86333333 2.05333333,9.86333333 Z" id="Shape"></path>
<path d="M10.0833333,6.875 L8.47,6.875 L7.37,7.975 L9.9,7.975 L9.88166667,9.9 L5.46333333,9.9 L4.36333333,11 L10.0833333,11 C10.5966667,11 11,10.5966667 11,10.0833333 L11,7.79166667 C11,7.29666667 10.5966667,6.875 10.0833333,6.875 L10.0833333,6.875 Z" id="Path"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

23
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/productListTile.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Product @2x</title>
<desc>Created with Sketch.</desc>
<g id="Product-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="Group-8-Copy" transform="translate(2.000000, 2.000000)">
<g id="orange" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<rect id="green" fill="#AF85CE" x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="product.85e82972" transform="translate(7.000000, 7.000000)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M0.333333333,7.66666667 L1.16666667,7.66666667 C1.35,7.66666667 1.5,7.51666667 1.5,7.33333333 L1.5,2.16666667 C1.5,1.98333333 1.35,1.83333333 1.16666667,1.83333333 L0.333333333,1.83333333 C0.15,1.83333333 0,1.98333333 0,2.16666667 L0,7.33333333 C0,7.51666667 0.15,7.66666667 0.333333333,7.66666667 Z M9.66666667,1.83333333 L8.83333333,1.83333333 C8.65,1.83333333 8.5,1.98333333 8.5,2.16666667 L8.5,7.33333333 C8.5,7.51666667 8.65,7.66666667 8.83333333,7.66666667 L9.66666667,7.66666667 C9.85,7.66666667 10,7.51666667 10,7.33333333 L10,2.16666667 C10,1.98333333 9.85,1.83333333 9.66666667,1.83333333 Z M5.5,7.66666667 C5.68333333,7.66666667 5.83333333,7.51666667 5.83333333,7.33333333 L5.83333333,2.16666667 C5.83333333,1.98333333 5.68333333,1.83333333 5.5,1.83333333 L4.5,1.83333333 C4.31666667,1.83333333 4.16666667,1.98333333 4.16666667,2.16666667 L4.16666667,7.33333333 C4.16666667,7.51666667 4.31666667,7.66666667 4.5,7.66666667 L5.5,7.66666667 Z M7.5,7.66666667 C7.68333333,7.66666667 7.83333333,7.51666667 7.83333333,7.33333333 L7.83333333,2.16666667 C7.83333333,1.98333333 7.68333333,1.83333333 7.5,1.83333333 L7.16666667,1.83333333 C6.98333333,1.83333333 6.83333333,1.98333333 6.83333333,2.16666667 L6.83333333,7.33333333 C6.83333333,7.51666667 6.98333333,7.66666667 7.16666667,7.66666667 L7.5,7.66666667 Z M3.16666667,7.66666667 C3.35,7.66666667 3.5,7.51666667 3.5,7.33333333 L3.5,2.16666667 C3.5,1.98333333 3.35,1.83333333 3.16666667,1.83333333 L2.83333333,1.83333333 C2.65,1.83333333 2.5,1.98333333 2.5,2.16666667 L2.5,7.33333333 C2.5,7.51666667 2.65,7.66666667 2.83333333,7.66666667 L3.16666667,7.66666667 Z M9.66666667,8.66666667 L0.333333333,8.66666667 C0.15,8.66666667 0,8.81666667 0,9 L0,9.33333333 C0,9.51666667 0.15,9.66666667 0.333333333,9.66666667 L9.66666667,9.66666667 C9.85,9.66666667 10,9.51666667 10,9.33333333 L10,9 C10,8.81666667 9.85,8.66666667 9.66666667,8.66666667 Z M9.66666667,0 L0.333333333,0 C0.15,0 0,0.15 0,0.333333333 L0,0.666666667 C0,0.85 0.15,1 0.333333333,1 L9.66666667,1 C9.85,1 10,0.85 10,0.666666667 L10,0.333333333 C10,0.15 9.85,0 9.66666667,0 Z" id="Shape"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

23
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/productTile.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Product @2x</title>
<desc>Created with Sketch.</desc>
<g id="Product-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="Group-8-Copy" transform="translate(2.000000, 2.000000)">
<g id="orange" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<rect id="green" fill="#AF85CE" x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="product.85e82972" transform="translate(7.000000, 7.000000)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M0.333333333,7.66666667 L1.16666667,7.66666667 C1.35,7.66666667 1.5,7.51666667 1.5,7.33333333 L1.5,2.16666667 C1.5,1.98333333 1.35,1.83333333 1.16666667,1.83333333 L0.333333333,1.83333333 C0.15,1.83333333 0,1.98333333 0,2.16666667 L0,7.33333333 C0,7.51666667 0.15,7.66666667 0.333333333,7.66666667 Z M9.66666667,1.83333333 L8.83333333,1.83333333 C8.65,1.83333333 8.5,1.98333333 8.5,2.16666667 L8.5,7.33333333 C8.5,7.51666667 8.65,7.66666667 8.83333333,7.66666667 L9.66666667,7.66666667 C9.85,7.66666667 10,7.51666667 10,7.33333333 L10,2.16666667 C10,1.98333333 9.85,1.83333333 9.66666667,1.83333333 Z M5.5,7.66666667 C5.68333333,7.66666667 5.83333333,7.51666667 5.83333333,7.33333333 L5.83333333,2.16666667 C5.83333333,1.98333333 5.68333333,1.83333333 5.5,1.83333333 L4.5,1.83333333 C4.31666667,1.83333333 4.16666667,1.98333333 4.16666667,2.16666667 L4.16666667,7.33333333 C4.16666667,7.51666667 4.31666667,7.66666667 4.5,7.66666667 L5.5,7.66666667 Z M7.5,7.66666667 C7.68333333,7.66666667 7.83333333,7.51666667 7.83333333,7.33333333 L7.83333333,2.16666667 C7.83333333,1.98333333 7.68333333,1.83333333 7.5,1.83333333 L7.16666667,1.83333333 C6.98333333,1.83333333 6.83333333,1.98333333 6.83333333,2.16666667 L6.83333333,7.33333333 C6.83333333,7.51666667 6.98333333,7.66666667 7.16666667,7.66666667 L7.5,7.66666667 Z M3.16666667,7.66666667 C3.35,7.66666667 3.5,7.51666667 3.5,7.33333333 L3.5,2.16666667 C3.5,1.98333333 3.35,1.83333333 3.16666667,1.83333333 L2.83333333,1.83333333 C2.65,1.83333333 2.5,1.98333333 2.5,2.16666667 L2.5,7.33333333 C2.5,7.51666667 2.65,7.66666667 2.83333333,7.66666667 L3.16666667,7.66666667 Z M9.66666667,8.66666667 L0.333333333,8.66666667 C0.15,8.66666667 0,8.81666667 0,9 L0,9.33333333 C0,9.51666667 0.15,9.66666667 0.333333333,9.66666667 L9.66666667,9.66666667 C9.85,9.66666667 10,9.51666667 10,9.33333333 L10,9 C10,8.81666667 9.85,8.66666667 9.66666667,8.66666667 Z M9.66666667,0 L0.333333333,0 C0.15,0 0,0.15 0,0.333333333 L0,0.666666667 C0,0.85 0.15,1 0.333333333,1 L9.66666667,1 C9.85,1 10,0.85 10,0.666666667 L10,0.333333333 C10,0.15 9.85,0 9.66666667,0 Z" id="Shape"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

23
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_assets/shopTheLook.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Product @2x</title>
<desc>Created with Sketch.</desc>
<g id="Product-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="Group-8-Copy" transform="translate(2.000000, 2.000000)">
<g id="orange" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<rect id="green" fill="#AF85CE" x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="product.85e82972" transform="translate(7.000000, 7.000000)" fill="#FFFFFF" fill-rule="nonzero">
<path d="M0.333333333,7.66666667 L1.16666667,7.66666667 C1.35,7.66666667 1.5,7.51666667 1.5,7.33333333 L1.5,2.16666667 C1.5,1.98333333 1.35,1.83333333 1.16666667,1.83333333 L0.333333333,1.83333333 C0.15,1.83333333 0,1.98333333 0,2.16666667 L0,7.33333333 C0,7.51666667 0.15,7.66666667 0.333333333,7.66666667 Z M9.66666667,1.83333333 L8.83333333,1.83333333 C8.65,1.83333333 8.5,1.98333333 8.5,2.16666667 L8.5,7.33333333 C8.5,7.51666667 8.65,7.66666667 8.83333333,7.66666667 L9.66666667,7.66666667 C9.85,7.66666667 10,7.51666667 10,7.33333333 L10,2.16666667 C10,1.98333333 9.85,1.83333333 9.66666667,1.83333333 Z M5.5,7.66666667 C5.68333333,7.66666667 5.83333333,7.51666667 5.83333333,7.33333333 L5.83333333,2.16666667 C5.83333333,1.98333333 5.68333333,1.83333333 5.5,1.83333333 L4.5,1.83333333 C4.31666667,1.83333333 4.16666667,1.98333333 4.16666667,2.16666667 L4.16666667,7.33333333 C4.16666667,7.51666667 4.31666667,7.66666667 4.5,7.66666667 L5.5,7.66666667 Z M7.5,7.66666667 C7.68333333,7.66666667 7.83333333,7.51666667 7.83333333,7.33333333 L7.83333333,2.16666667 C7.83333333,1.98333333 7.68333333,1.83333333 7.5,1.83333333 L7.16666667,1.83333333 C6.98333333,1.83333333 6.83333333,1.98333333 6.83333333,2.16666667 L6.83333333,7.33333333 C6.83333333,7.51666667 6.98333333,7.66666667 7.16666667,7.66666667 L7.5,7.66666667 Z M3.16666667,7.66666667 C3.35,7.66666667 3.5,7.51666667 3.5,7.33333333 L3.5,2.16666667 C3.5,1.98333333 3.35,1.83333333 3.16666667,1.83333333 L2.83333333,1.83333333 C2.65,1.83333333 2.5,1.98333333 2.5,2.16666667 L2.5,7.33333333 C2.5,7.51666667 2.65,7.66666667 2.83333333,7.66666667 L3.16666667,7.66666667 Z M9.66666667,8.66666667 L0.333333333,8.66666667 C0.15,8.66666667 0,8.81666667 0,9 L0,9.33333333 C0,9.51666667 0.15,9.66666667 0.333333333,9.66666667 L9.66666667,9.66666667 C9.85,9.66666667 10,9.51666667 10,9.33333333 L10,9 C10,8.81666667 9.85,8.66666667 9.66666667,8.66666667 Z M9.66666667,0 L0.333333333,0 C0.15,0 0,0.15 0,0.333333333 L0,0.666666667 C0,0.85 0.15,1 0.333333333,1 L9.66666667,1 C9.85,1 10,0.85 10,0.666666667 L10,0.333333333 C10,0.15 9.85,0 9.66666667,0 Z" id="Shape"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/carousel.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/mobileGrid1r1c.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/mobileGrid2r1c.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/mobileGrid2r2c.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/mobileGrid2r3c.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/mobileGrid3r1c.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/mobileGrid3r2c.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/mobileGridLookBook.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/commerce_layouts/popularCategories.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

43
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/dynamic/dynamicCategoryBanner.svg Normal file
View File

@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Image@2x</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="4" y="3" width="17" height="18" rx="8.5"></rect>
<path d="M11.5384615,1.5 C11.5384615,0.95 11.1230769,0.5 10.6153846,0.5 L1.38461538,0.5 C0.876923077,0.5 0.461538462,0.95 0.461538462,1.5 L0.461538462,9.5 C0.461538462,10.05 0.876923077,10.5 1.38461538,10.5 L10.6153846,10.5 C11.1230769,10.5 11.5384615,10.05 11.5384615,9.5 L11.5384615,1.5 Z M9.13846154,8.5 L2.44615385,8.5 C2.16923077,8.5 2.00769231,8.175 2.14615385,7.925 L4.17692308,4.1 C4.26923077,3.925 4.47692308,3.925 4.56923077,4.1 L5.79230769,6.375 C5.88461538,6.525 6.09230769,6.55 6.18461538,6.4 L7.17692308,4.85 C7.26923077,4.7 7.47692308,4.7 7.56923077,4.85 L9.39230769,8 C9.53076923,8.225 9.39230769,8.5 9.13846154,8.5 Z M8.53846154,4 C8.03076923,4 7.61538462,3.55 7.61538462,3 C7.61538462,2.45 8.03076923,2 8.53846154,2 C9.04615385,2 9.46153846,2.45 9.46153846,3 C9.46153846,3.55 9.04615385,4 8.53846154,4 Z" id="path-3"></path>
</defs>
<g id="Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<g id="green" transform="translate(2.000000, 2.000000)" fill="#6BBD6E">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Mask"></g>
<g id="Icon" mask="url(#mask-2)">
<g transform="translate(6.000000, 6.000000)">
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Mask" stroke="none" fill="#000000" fill-rule="evenodd" xlink:href="#path-3"></use>
<g id="z-nested-/-Icon-Color-/-PALETTE_GRAY_1" stroke="none" fill="none" mask="url(#mask-4)" fill-rule="evenodd">
<g transform="translate(0.000000, -1.000000)" id="z-nested-/-Color-Tokens-/-PALETTE_GRAY_1">
<g>
<rect id="Rectangle" fill="#FFFFFF" x="0" y="0" width="12" height="13"></rect>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/dynamic/productDetail.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

10
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/dynamic/productList.svg Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title>layout@2x</title>
<desc>Created with Sketch.</desc>
<g id="layout" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#56AADF" x="2" y="2" width="20" height="20" rx="2"></rect>
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

24
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/einstein/einsteinCarousel.svg Normal file
View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Einstein@2x</title>
<desc>Created with Sketch.</desc>
<g id="Einstein" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<rect id="green" fill="#54698D" x="2" y="2" width="20" height="20" rx="2"></rect>
<g id="einstein.dcc9e324" transform="translate(6.000000, 6.000000)" fill="#FFFFFF">
<path d="M12.3551587,6.30952381 L12.3551587,6.30952381 C12.0972222,5.73809524 11.8134921,5.30952381 11.5039683,4.97619048 C11.2202381,4.66666667 10.3948413,4.21428571 9.93055556,4.04761905 C10.0595238,3.88095238 10.3174603,3.76190476 10.7043651,3.69047619 C10.6785714,3.45238095 10.4206349,3.19047619 9.93055556,2.9047619 C9.44047619,2.61904762 8.76984127,2.54761905 7.91865079,2.71428571 C7.91865079,2.42857143 7.71230159,1.92857143 7.27380952,1.19047619 C6.6547619,0.0714285714 4.10119048,-0.285714286 4.12698413,0.238095238 C4.35912698,0.880952381 4.46230159,1.71428571 4.48809524,2.69047619 C4.17857143,2.35714286 3.84325397,2.14285714 3.48214286,2.04761905 C3.1984127,1.97619048 2.94047619,1.95238095 2.68253968,2 C2.65674603,2 2.63095238,2.02380952 2.60515873,2.02380952 C2.52777778,2.07142857 2.52777778,2.19047619 2.57936508,2.26190476 L2.57936508,2.26190476 C2.73412698,2.45238095 2.81150794,2.5952381 2.86309524,2.69047619 C2.91468254,2.83333333 3.01785714,3.02380952 3.1468254,3.30952381 C2.75992063,3.26190476 2.26984127,3.38095238 1.59920635,3.66666667 C0.98015873,3.95238095 0.464285714,4.5952381 0.0257936508,5.61904762 C0.0257936508,5.64285714 0.0257936508,5.64285714 0.0257936508,5.66666667 C0.0257936508,5.76190476 0.0773809524,5.83333333 0.154761905,5.85714286 L0.154761905,5.85714286 C0.748015873,5.95238095 1.16071429,6.04761905 1.39285714,6.16666667 C1.65079365,6.28571429 1.93452381,6.54761905 2.26984127,6.9047619 C2.14087302,6.88095238 1.93452381,7 1.625,7.26190476 C1.34126984,7.47619048 1.13492063,7.80952381 1.00595238,8.28571429 C1.00595238,8.30952381 1.00595238,8.30952381 1.00595238,8.33333333 C1.00595238,8.42857143 1.05753968,8.5 1.16071429,8.5 L1.16071429,8.5 C1.59920635,8.52380952 2.03769841,8.5952381 2.45039683,8.71428571 C2.91468254,8.85714286 3.27579365,9 3.53373016,9.16666667 C3.53373016,9.16666667 3.53373016,9.16666667 3.53373016,9.16666667 C3.53373016,9.11904762 3.53373016,9.07142857 3.53373016,9.04761905 C3.53373016,8.5952381 3.53373016,8.04761905 3.53373016,7.78571429 C3.53373016,7.45238095 3.50793651,7.19047619 3.86904762,6.78571429 C4.23015873,6.38095238 4.59126984,6.28571429 5.44246032,6.5952381 C6.29365079,6.9047619 7.24801587,6.26190476 7.99603175,6.42857143 C8.76984127,6.5952381 9.15674603,7.30952381 9.23412698,7.80952381 C9.31150794,8.30952381 9.23412698,8.57142857 9.23412698,9.19047619 C9.23412698,9.21428571 9.23412698,9.26190476 9.23412698,9.28571429 C9.23412698,9.28571429 9.23412698,9.28571429 9.25992063,9.28571429 C9.6468254,9.07142857 9.8531746,8.95238095 10.1626984,8.83333333 C10.3690476,8.73809524 10.7043651,8.64285714 11.1428571,8.5 C11.1170635,8.26190476 10.9107143,8.04761905 10.4980159,7.80952381 C10.6269841,7.76190476 11.2202381,7.4047619 11.5555556,7.16666667 C11.7619048,7.02380952 12.0198413,6.80952381 12.3551587,6.5 C12.3809524,6.47619048 12.406746,6.38095238 12.3551587,6.30952381 Z" id="Path"></path>
<ellipse id="Oval" cx="7.04166667" cy="8.66666667" rx="1" ry="1"></ellipse>
<ellipse id="Oval" cx="4.8234127" cy="8.66666667" rx="1" ry="1"></ellipse>
<path d="M5.39087302,9.64285714 C5.15873016,9.52380952 4.79761905,9.57142857 4.59126984,9.66666667 C4.38492063,9.76190476 4.12698413,10.047619 4.12698413,10.3095238 C4.12698413,10.5714286 4.20436508,10.7380952 4.25595238,10.8333333 C4.28174603,10.9047619 4.35912698,10.9761905 4.46230159,11.0952381 L4.46230159,11.0952381 C4.48809524,11.1428571 4.53968254,11.1428571 4.59126984,11.1428571 L4.95238095,11.0714286 L5.72619048,11.4047619 C5.75198413,11.4285714 5.80357143,11.4285714 5.82936508,11.4047619 L6.68055556,11.0714286 L7.11904762,11.1428571 C7.14484127,11.1428571 7.19642857,11.1428571 7.22222222,11.1190476 C7.42857143,11 7.55753968,10.8333333 7.63492063,10.6666667 C7.73809524,10.3809524 7.63492063,9.92857143 7.37698413,9.73809524 C7.14484127,9.52380952 6.78373016,9.45238095 6.42261905,9.5952381 C6.13888889,9.69047619 5.93253968,9.73809524 5.77777778,9.73809524 C5.67460317,9.73809524 5.57142857,9.69047619 5.39087302,9.64285714 Z" id="Path"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

24
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/einstein/einsteinCarouselCategory.svg Normal file
View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Einstein@2x</title>
<desc>Created with Sketch.</desc>
<g id="Einstein" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<rect id="green" fill="#54698D" x="2" y="2" width="20" height="20" rx="2"></rect>
<g id="einstein.dcc9e324" transform="translate(6.000000, 6.000000)" fill="#FFFFFF">
<path d="M12.3551587,6.30952381 L12.3551587,6.30952381 C12.0972222,5.73809524 11.8134921,5.30952381 11.5039683,4.97619048 C11.2202381,4.66666667 10.3948413,4.21428571 9.93055556,4.04761905 C10.0595238,3.88095238 10.3174603,3.76190476 10.7043651,3.69047619 C10.6785714,3.45238095 10.4206349,3.19047619 9.93055556,2.9047619 C9.44047619,2.61904762 8.76984127,2.54761905 7.91865079,2.71428571 C7.91865079,2.42857143 7.71230159,1.92857143 7.27380952,1.19047619 C6.6547619,0.0714285714 4.10119048,-0.285714286 4.12698413,0.238095238 C4.35912698,0.880952381 4.46230159,1.71428571 4.48809524,2.69047619 C4.17857143,2.35714286 3.84325397,2.14285714 3.48214286,2.04761905 C3.1984127,1.97619048 2.94047619,1.95238095 2.68253968,2 C2.65674603,2 2.63095238,2.02380952 2.60515873,2.02380952 C2.52777778,2.07142857 2.52777778,2.19047619 2.57936508,2.26190476 L2.57936508,2.26190476 C2.73412698,2.45238095 2.81150794,2.5952381 2.86309524,2.69047619 C2.91468254,2.83333333 3.01785714,3.02380952 3.1468254,3.30952381 C2.75992063,3.26190476 2.26984127,3.38095238 1.59920635,3.66666667 C0.98015873,3.95238095 0.464285714,4.5952381 0.0257936508,5.61904762 C0.0257936508,5.64285714 0.0257936508,5.64285714 0.0257936508,5.66666667 C0.0257936508,5.76190476 0.0773809524,5.83333333 0.154761905,5.85714286 L0.154761905,5.85714286 C0.748015873,5.95238095 1.16071429,6.04761905 1.39285714,6.16666667 C1.65079365,6.28571429 1.93452381,6.54761905 2.26984127,6.9047619 C2.14087302,6.88095238 1.93452381,7 1.625,7.26190476 C1.34126984,7.47619048 1.13492063,7.80952381 1.00595238,8.28571429 C1.00595238,8.30952381 1.00595238,8.30952381 1.00595238,8.33333333 C1.00595238,8.42857143 1.05753968,8.5 1.16071429,8.5 L1.16071429,8.5 C1.59920635,8.52380952 2.03769841,8.5952381 2.45039683,8.71428571 C2.91468254,8.85714286 3.27579365,9 3.53373016,9.16666667 C3.53373016,9.16666667 3.53373016,9.16666667 3.53373016,9.16666667 C3.53373016,9.11904762 3.53373016,9.07142857 3.53373016,9.04761905 C3.53373016,8.5952381 3.53373016,8.04761905 3.53373016,7.78571429 C3.53373016,7.45238095 3.50793651,7.19047619 3.86904762,6.78571429 C4.23015873,6.38095238 4.59126984,6.28571429 5.44246032,6.5952381 C6.29365079,6.9047619 7.24801587,6.26190476 7.99603175,6.42857143 C8.76984127,6.5952381 9.15674603,7.30952381 9.23412698,7.80952381 C9.31150794,8.30952381 9.23412698,8.57142857 9.23412698,9.19047619 C9.23412698,9.21428571 9.23412698,9.26190476 9.23412698,9.28571429 C9.23412698,9.28571429 9.23412698,9.28571429 9.25992063,9.28571429 C9.6468254,9.07142857 9.8531746,8.95238095 10.1626984,8.83333333 C10.3690476,8.73809524 10.7043651,8.64285714 11.1428571,8.5 C11.1170635,8.26190476 10.9107143,8.04761905 10.4980159,7.80952381 C10.6269841,7.76190476 11.2202381,7.4047619 11.5555556,7.16666667 C11.7619048,7.02380952 12.0198413,6.80952381 12.3551587,6.5 C12.3809524,6.47619048 12.406746,6.38095238 12.3551587,6.30952381 Z" id="Path"></path>
<ellipse id="Oval" cx="7.04166667" cy="8.66666667" rx="1" ry="1"></ellipse>
<ellipse id="Oval" cx="4.8234127" cy="8.66666667" rx="1" ry="1"></ellipse>
<path d="M5.39087302,9.64285714 C5.15873016,9.52380952 4.79761905,9.57142857 4.59126984,9.66666667 C4.38492063,9.76190476 4.12698413,10.047619 4.12698413,10.3095238 C4.12698413,10.5714286 4.20436508,10.7380952 4.25595238,10.8333333 C4.28174603,10.9047619 4.35912698,10.9761905 4.46230159,11.0952381 L4.46230159,11.0952381 C4.48809524,11.1428571 4.53968254,11.1428571 4.59126984,11.1428571 L4.95238095,11.0714286 L5.72619048,11.4047619 C5.75198413,11.4285714 5.80357143,11.4285714 5.82936508,11.4047619 L6.68055556,11.0714286 L7.11904762,11.1428571 C7.14484127,11.1428571 7.19642857,11.1428571 7.22222222,11.1190476 C7.42857143,11 7.55753968,10.8333333 7.63492063,10.6666667 C7.73809524,10.3809524 7.63492063,9.92857143 7.37698413,9.73809524 C7.14484127,9.52380952 6.78373016,9.45238095 6.42261905,9.5952381 C6.13888889,9.69047619 5.93253968,9.73809524 5.77777778,9.73809524 C5.67460317,9.73809524 5.57142857,9.69047619 5.39087302,9.64285714 Z" id="Path"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

24
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/components/einstein/einsteinCarouselProduct.svg Normal file
View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 56.2 (81672) - https://sketch.com -->
<title>Einstein@2x</title>
<desc>Created with Sketch.</desc>
<g id="Einstein" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M17.5135135,18 L6.48648649,18 C6.21621622,18 6,17.7837838 6,17.5135135 L6,6.48648649 C6,6.21621622 6.21621622,6 6.48648649,6 L17.5135135,6 C17.7837838,6 18,6.21621622 18,6.48648649 L18,17.5135135 C18,17.7837838 17.7837838,18 17.5135135,18 Z M7.02702703,16.972973 L16.972973,16.972973 L16.972973,7.02702703 L7.02702703,7.02702703 L7.02702703,16.972973 Z M15.2432432,10.4864865 L8.75675676,10.4864865 C8.59459459,10.4864865 8.48648649,10.3783784 8.48648649,10.2702703 L8.48648649,8.75675676 C8.48648649,8.59459459 8.59459459,8.48648649 8.75675676,8.48648649 L15.2432432,8.48648649 C15.4054054,8.48648649 15.5135135,8.59459459 15.5135135,8.75675676 L15.5135135,10.2702703 C15.5135135,10.3783784 15.4054054,10.4864865 15.2432432,10.4864865 L15.2432432,10.4864865 Z M10.2702703,15.5135135 L8.75675676,15.5135135 C8.59459459,15.5135135 8.48648649,15.4054054 8.48648649,15.2432432 L8.48648649,12.2702703 C8.48648649,12.1081081 8.59459459,12 8.75675676,12 L10.2702703,12 C10.3783784,12 10.4864865,12.1081081 10.4864865,12.2702703 L10.4864865,15.2432432 C10.4864865,15.4054054 10.3783784,15.5135135 10.2702703,15.5135135 Z M15.2432432,15.5135135 L12.2702703,15.5135135 C12.1081081,15.5135135 12,15.4054054 12,15.2432432 L12,12.2702703 C12,12.1081081 12.1081081,12 12.2702703,12 L15.2432432,12 C15.4054054,12 15.5135135,12.1081081 15.5135135,12.2702703 L15.5135135,15.2432432 C15.5135135,15.4054054 15.4054054,15.5135135 15.2432432,15.5135135 Z" id="Shape" fill="#FFFFFF" fill-rule="nonzero"></path>
<g id="orange" transform="translate(2.000000, 2.000000)" fill="#F5A623">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
<g id="blue" transform="translate(2.000000, 2.000000)" fill="#4A90E2">
<g id="green">
<rect x="0" y="0" width="20" height="20" rx="2"></rect>
</g>
</g>
<rect id="green" fill="#54698D" x="2" y="2" width="20" height="20" rx="2"></rect>
<g id="einstein.dcc9e324" transform="translate(6.000000, 6.000000)" fill="#FFFFFF">
<path d="M12.3551587,6.30952381 L12.3551587,6.30952381 C12.0972222,5.73809524 11.8134921,5.30952381 11.5039683,4.97619048 C11.2202381,4.66666667 10.3948413,4.21428571 9.93055556,4.04761905 C10.0595238,3.88095238 10.3174603,3.76190476 10.7043651,3.69047619 C10.6785714,3.45238095 10.4206349,3.19047619 9.93055556,2.9047619 C9.44047619,2.61904762 8.76984127,2.54761905 7.91865079,2.71428571 C7.91865079,2.42857143 7.71230159,1.92857143 7.27380952,1.19047619 C6.6547619,0.0714285714 4.10119048,-0.285714286 4.12698413,0.238095238 C4.35912698,0.880952381 4.46230159,1.71428571 4.48809524,2.69047619 C4.17857143,2.35714286 3.84325397,2.14285714 3.48214286,2.04761905 C3.1984127,1.97619048 2.94047619,1.95238095 2.68253968,2 C2.65674603,2 2.63095238,2.02380952 2.60515873,2.02380952 C2.52777778,2.07142857 2.52777778,2.19047619 2.57936508,2.26190476 L2.57936508,2.26190476 C2.73412698,2.45238095 2.81150794,2.5952381 2.86309524,2.69047619 C2.91468254,2.83333333 3.01785714,3.02380952 3.1468254,3.30952381 C2.75992063,3.26190476 2.26984127,3.38095238 1.59920635,3.66666667 C0.98015873,3.95238095 0.464285714,4.5952381 0.0257936508,5.61904762 C0.0257936508,5.64285714 0.0257936508,5.64285714 0.0257936508,5.66666667 C0.0257936508,5.76190476 0.0773809524,5.83333333 0.154761905,5.85714286 L0.154761905,5.85714286 C0.748015873,5.95238095 1.16071429,6.04761905 1.39285714,6.16666667 C1.65079365,6.28571429 1.93452381,6.54761905 2.26984127,6.9047619 C2.14087302,6.88095238 1.93452381,7 1.625,7.26190476 C1.34126984,7.47619048 1.13492063,7.80952381 1.00595238,8.28571429 C1.00595238,8.30952381 1.00595238,8.30952381 1.00595238,8.33333333 C1.00595238,8.42857143 1.05753968,8.5 1.16071429,8.5 L1.16071429,8.5 C1.59920635,8.52380952 2.03769841,8.5952381 2.45039683,8.71428571 C2.91468254,8.85714286 3.27579365,9 3.53373016,9.16666667 C3.53373016,9.16666667 3.53373016,9.16666667 3.53373016,9.16666667 C3.53373016,9.11904762 3.53373016,9.07142857 3.53373016,9.04761905 C3.53373016,8.5952381 3.53373016,8.04761905 3.53373016,7.78571429 C3.53373016,7.45238095 3.50793651,7.19047619 3.86904762,6.78571429 C4.23015873,6.38095238 4.59126984,6.28571429 5.44246032,6.5952381 C6.29365079,6.9047619 7.24801587,6.26190476 7.99603175,6.42857143 C8.76984127,6.5952381 9.15674603,7.30952381 9.23412698,7.80952381 C9.31150794,8.30952381 9.23412698,8.57142857 9.23412698,9.19047619 C9.23412698,9.21428571 9.23412698,9.26190476 9.23412698,9.28571429 C9.23412698,9.28571429 9.23412698,9.28571429 9.25992063,9.28571429 C9.6468254,9.07142857 9.8531746,8.95238095 10.1626984,8.83333333 C10.3690476,8.73809524 10.7043651,8.64285714 11.1428571,8.5 C11.1170635,8.26190476 10.9107143,8.04761905 10.4980159,7.80952381 C10.6269841,7.76190476 11.2202381,7.4047619 11.5555556,7.16666667 C11.7619048,7.02380952 12.0198413,6.80952381 12.3551587,6.5 C12.3809524,6.47619048 12.406746,6.38095238 12.3551587,6.30952381 Z" id="Path"></path>
<ellipse id="Oval" cx="7.04166667" cy="8.66666667" rx="1" ry="1"></ellipse>
<ellipse id="Oval" cx="4.8234127" cy="8.66666667" rx="1" ry="1"></ellipse>
<path d="M5.39087302,9.64285714 C5.15873016,9.52380952 4.79761905,9.57142857 4.59126984,9.66666667 C4.38492063,9.76190476 4.12698413,10.047619 4.12698413,10.3095238 C4.12698413,10.5714286 4.20436508,10.7380952 4.25595238,10.8333333 C4.28174603,10.9047619 4.35912698,10.9761905 4.46230159,11.0952381 L4.46230159,11.0952381 C4.48809524,11.1428571 4.53968254,11.1428571 4.59126984,11.1428571 L4.95238095,11.0714286 L5.72619048,11.4047619 C5.75198413,11.4285714 5.80357143,11.4285714 5.82936508,11.4047619 L6.68055556,11.0714286 L7.11904762,11.1428571 C7.14484127,11.1428571 7.19642857,11.1428571 7.22222222,11.1190476 C7.42857143,11 7.55753968,10.8333333 7.63492063,10.6666667 C7.73809524,10.3809524 7.63492063,9.92857143 7.37698413,9.73809524 C7.14484127,9.52380952 6.78373016,9.45238095 6.42261905,9.5952381 C6.13888889,9.69047619 5.93253968,9.73809524 5.77777778,9.73809524 C5.67460317,9.73809524 5.57142857,9.69047619 5.39087302,9.64285714 Z" id="Path"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

60
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/editors/displayFormats.js Normal file
View File

@@ -0,0 +1,60 @@
(() => {
var rootEditorElement;
/**
* initializes the base markup before page is ready. This is not part of the API, and called explicitely at the end of this module.
*/
function init() {
rootEditorElement = document.createElement('div');
rootEditorElement.innerHTML = `
<div class="slds-radio_button-group">
<span class="slds-button slds-radio_button">
<input type="radio" name="displayFormat" id="tile" value="tile" checked />
<label class="slds-radio_button__label" for="tile">
<span class="slds-radio_faux">Single Tile</span>
</label>
</span>
<span class="slds-button slds-radio_button">
<input type="radio" name="displayFormat" id="row" value="row" />
<label class="slds-radio_button__label" for="row">
<span class="slds-radio_faux">Full Row</span>
</label>
</span>
</div>
`;
document.body.appendChild(rootEditorElement);
};
/** the page designer signals readiness to show this editor and provides an optionally pre selected value */
listen('sfcc:ready', async ({ value, config, isDisabled, isRequired, dataLocale, displayLocale }) => {
const selectedValue = typeof value === 'object' && value !== null && typeof value.value === 'string' ? value.value : null;
// if nothing was preselected we ask the user to select
if (selectedValue === "row") {
rootEditorElement.querySelector('#row').checked = true;
}
// Change listener will inform page designer about currently selected value
const inputs = rootEditorElement.querySelectorAll('input[name="displayFormat"]');
Array.from(inputs).forEach(input => input.addEventListener('change', event => {
const selectedValue = event.target.value;
console.log("selectedValue:", selectedValue);
emit({
type: 'sfcc:value',
payload: selectedValue ? { value: selectedValue } : null
});
}));
});
// When a value was selected
listen('sfcc:value', value => { });
// When the editor must require the user to select something
listen('sfcc:required', value => { });
// When the editor is asked to disable its controls
listen('sfcc:disabled', value => {
if (rootEditorElement) {
rootEditorElement.querySelector('.btn-group').disabled = true;
}
});
init();
})();

128
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/editors/einstein/recommenderselector.js Normal file
View File

@@ -0,0 +1,128 @@
(() => {
/** The main Editor element to be tinkered with */
var rootEditorElement;
var loadingPlaceHolder;
/**
* Calls commerce cloud instance to retrieve permission to get recommenders
*/
async function getAccessToken(config) {
const url = new URL(document.baseURI);
const response = await fetch('https://' + url.host + '/dw/oauth2/access_token', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: 'grant_type=urn%3Ademandware%3Aparams%3Aoauth%3Agrant-type%3Aclient-id%3Adwsid%3Adwsecuretoken&client_id=' + config.clientid
});
const body = await response.json();
return body.access_token;
}
/**
* Calls recommender open commerce api
*/
async function getRecommenders(config, access_token) {
const url = new URL(document.baseURI);
const recommenderresponse = await fetch('https://' + url.host + '/s/-/dw/data/v19_3/sites/' + config.siteid + '/ai/recommender_names', {
method: 'GET',
headers: {
'Content-Type': 'application/json;charset=UTF-8',
'Authorization': 'Bearer ' + access_token
}
});
const newbody = await recommenderresponse.json();
const filteredRecommenders =newbody.recommenders.filter(element => {
return config.typefilter.indexOf(element.recommenderType) > -1;
});
return filteredRecommenders;
}
/**
* Create an option element to shorten the api-calls, as this is called twice.
* @param {string} text The text to show in the select box
*/
function placeHolderOption(text) {
const optionElement = document.createElement('option');
optionElement.selected = 'selected';
optionElement.disabled = 'disabled';
optionElement.hidden = 'hidden';
optionElement.value = '';
optionElement.innerHTML = text;
return optionElement;
}
/**
* initializes the base markup before page is ready. This is not part of the API, and called explicitely at the end of this module.
*/
function init() {
rootEditorElement = document.createElement('div');
rootEditorElement.innerHTML = `
<div class='slds-select_container'>
<select class='slds-select recommendation-selection'>
</select>
</div>
`;
// show "Loading.. "
loadingPlaceHolder = placeHolderOption('Loading...')
rootEditorElement.querySelector('.recommendation-selection').appendChild(loadingPlaceHolder);
document.body.appendChild(rootEditorElement);
};
/** the page designer signals readiness to show this editor and provides an optionally pre selected value */
listen('sfcc:ready', async ({ value, config, isDisabled, isRequired, dataLocale, displayLocale }) => {
const selectedValue = typeof value === 'object' && value !== null && typeof value.value === 'string' ? value.value : null;
const accessToken = await getAccessToken(config);
const recommenders = await getRecommenders(config, accessToken);
rootEditorElement.querySelector('.recommendation-selection').removeChild(loadingPlaceHolder);
// if nothing was preselected we ask the user to select
if (selectedValue === null) {
rootEditorElement.querySelector('.recommendation-selection').appendChild(placeHolderOption('Please Select'));
}
// We add recommenders to select box
recommenders.forEach((element) => {
if (element.name) {
const recommenderOption = document.createElement('option');
if (selectedValue === element.name) {
recommenderOption.selected = 'selected'
}
recommenderOption.value = element.name;
recommenderOption.innerHTML = element.name;
if (element.description) {
recommenderOption.title = element.description;
}
rootEditorElement.querySelector('.recommendation-selection').appendChild(recommenderOption);
}
});
// Change listener will inform page designer about currently selected value
rootEditorElement.querySelector('.recommendation-selection').addEventListener('change', event => {
emit({
type: 'sfcc:interacted'
});
const selectedValue = event.target.value;
emit({
type: 'sfcc:value',
payload: selectedValue ? { value: selectedValue } : null
});
});
});
// When a value was selected
listen('sfcc:value', value => {});
// When the editor must require the user to select something
listen('sfcc:required', value => {});
// When the editor is asked to disable its controls
listen('sfcc:disabled', value => {
if (rootEditorElement) {
rootEditorElement.querySelector('.recommendation-selection').disabled = true;
}
});
init();
})();

333
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/static/default/experience/editors/themer/colorpicker.js Normal file
View File

@@ -0,0 +1,333 @@
/**
* SLDS Color Picker
*/
(() => {
/** The main Editor element to be tinkered with */
var rootEditorElement;
/** The main Editor element to be tinkered with */
var currentHSV;
/** the list of colors */
const colorsArray = [
'#e3abec', '#c2dbf7', '#9fd6ff', '#9de7da', '#9df0c0', '#fff099', '#fed49a',
'#d073e0', '#86baf3', '#5ebbff', '#44d8be', '#3be282', '#ffe654', '#ffb758',
'#bd35bd', '#5779c1', '#00a1e0', '#00aea9', '#3cba4c', '#f5bc25', '#f99221',
'#580d8c', '#001970', '#0a2399', '#0b7477', '#41693d', '#b67e11', '#b85d0d',
'#FFFFFF', '#DDDDDD', '#BBBBBB', '#999999', '#666666', '#333333', '#000000']
/**
* Generates the selection of colors privided by the color picker
*/
function generateColorsHTML(list) {
var markup = list.reduce((soFar, element) => soFar + `
<li class="slds-color-picker__swatch" role="presentation">
<a class="slds-color-picker__swatch-trigger" href="#" role="option" tabindex="-1">
<span class="slds-swatch" style="background:${element}">
<span class="slds-assistive-text">${element}</span>
</span>
</a>
</li>
`, '')
return markup;
}
/**
* initializes the base markup before page is ready. This is not part of the API, and called explicitely at the end of this module.
*/
function init() {
rootEditorElement = document.createElement('div');
rootEditorElement.innerHTML = `
<div class="slds-color-picker">
<div class="slds-form-element slds-color-picker__summary">
<div class="slds-form-element__control">
<button class="slds-button slds-color-picker__summary-button slds-button_icon slds-button_icon-more" title="Choose Color">
<span class="slds-swatch" style="background:hsl(220, 46%, 55%)">
<span class="slds-assistive-text">hsl(220, 46%, 55%)</span>
</span>
<svg class="slds-button__icon slds-button__icon_small slds-m-left_xx-small" aria-hidden="true" viewBox="0 0 24 24" >
<path d="M3.8 6.5h16.4c.4 0 .8.6.4 1l-8 9.8c-.3.3-.9.3-1.2 0l-8-9.8c-.4-.4-.1-1 .4-1z"></path>
</svg>
<span class="slds-assistive-text">Choose a color. Current color: #5679C0</span>
</button>
<div class="slds-color-picker__summary-input">
<input type="text" id="color-picker-summary-input" class="slds-input" value="#5679C0" />
</div>
</div>
</div>
<section aria-describedby="dialog-body-id-9" aria-label="Choose a color" class="slds-popover slds-color-picker__selector slds-hide" role="dialog">
<div class="slds-popover__body" id="dialog-body-id-9">
<div class="slds-tabs_default">
<ul class="slds-tabs_default__nav" role="tablist">
<li class="slds-tabs_default__item colorpicker-default-tab slds-is-active" title="Default" role="presentation">
<a class="slds-tabs_default__link" href="javascript:void(0);" role="tab" tabindex="0" aria-selected="true" aria-controls="color-picker-default" id="color-picker-default__item">Default</a>
</li>
<li class="slds-tabs_default__item colorpicker-custom-tab" title="Custom" role="presentation">
<a class="slds-tabs_default__link" href="javascript:void(0);" role="tab" tabindex="-1" aria-selected="false" aria-controls="color-picker-custom" id="color-picker-custom__item">Custom</a>
</li>
</ul>
<div id="color-picker-default" class="slds-tabs_default__content slds-show" role="tabpanel" aria-labelledby="color-picker-default__item">
<ul class="slds-color-picker__swatches" role="listbox">
${generateColorsHTML(colorsArray)}
</ul>
</div>
<div id="color-picker-custom" class="slds-tabs_default__content slds-hide" role="tabpanel" aria-labelledby="color-picker-custom__item">
<div class="slds-color-picker__custom">
<p id="color-picker-instructions" class="slds-assistive-text">Use arrow keys to select a saturation and brightness, on an x and y axis.</p>
<div class="slds-color-picker__custom-range" style="background:hsl(220, 100%, 50%)">
<a class="slds-color-picker__range-indicator" style="bottom:45%;left:46%" href="#" aria-live="assertive" aria-atomic="true" aria-describedby="color-picker-instructions" draggable="true">
<span class="slds-assistive-text">Saturation: 46%. Brightness: 45%.</span>
</a>
</div>
<div class="slds-color-picker__hue-and-preview">
<label class="slds-assistive-text" for="color-picker-input-range-9">Select Hue</label>
<input type="range" class="slds-color-picker__hue-slider" min="0" max="360" id="color-picker-input-range-9" value="208" />
<span class="slds-swatch" style="background:#5679C0">
<span class="slds-assistive-text" aria-hidden="true">#5679C0</span>
</span>
</div>
<div class="slds-color-picker__custom-inputs">
<div class="slds-form-element slds-color-picker__input-custom-hex">
<label class="slds-form-element__label" for="color-picker-input-hex-9">Hex</label>
<div class="slds-form-element__control">
<input type="text" id="color-picker-input-hex-9" disabled="true" class="slds-input" value="#5679C0" />
</div>
</div>
<div class="slds-form-element">
<label class="slds-form-element__label" for="color-picker-input-r-9">
<abbr title="Red">R</abbr>
</label>
<div class="slds-form-element__control">
<input type="text" id="color-picker-input-r-9" disabled="true" class="slds-input" value="86" />
</div>
</div>
<div class="slds-form-element">
<label class="slds-form-element__label" for="color-picker-input-g-9">
<abbr title="Green">G</abbr>
</label>
<div class="slds-form-element__control">
<input type="text" id="color-picker-input-g-9" disabled="true" class="slds-input" value="121" />
</div>
</div>
<div class="slds-form-element">
<label class="slds-form-element__label" disabled="true" for="color-picker-input-b-9">
<abbr title="blue">B</abbr>
</label>
<div class="slds-form-element__control">
<input type="text" id="color-picker-input-b-9" disabled="true" class="slds-input" value="192" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="slds-popover__footer">
<div class="slds-color-picker__selector-footer">
<button class="slds-button slds-button_neutral" id="cancel-button">Cancel</button>
<button class="slds-button slds-button_brand" id="confirm-button">Done</button>
</div>
</footer>
</section>
</div >`;
// show "Loading.. "
document.body.appendChild(rootEditorElement);
var r = rootEditorElement.querySelector('#color-picker-input-r-9').value;
var g = rootEditorElement.querySelector('#color-picker-input-g-9').value;
var b = rootEditorElement.querySelector('#color-picker-input-b-9').value;
currentHSV = ColorUtils.rgbToHsv({ r, g, b })
};
var ColorUtils = {
/**
* Converts an RGB color value to HSV. Conversion formula
* adapted from http://en.wikipedia.org/wiki/HSV_color_space.
* Assumes r, g, and b are contained in the set [0, 255] and
* returns h, s, and v in the set [0, 1].
*
* @param Number r The red color value
* @param Number g The green color value
* @param Number b The blue color value
* @return Array The HSV representation
*/
rgbToHsv: function rgbToHsv(rgb) {
let r = rgb.r;
let g = rgb.g;
let b = rgb.b;
r /= 255, g /= 255, b /= 255;
var max = Math.max(r, g, b), min = Math.min(r, g, b);
var h, s, v = max;
var d = max - min;
s = max == 0 ? 0 : d / max;
if (max == min) {
h = 0; // achromatic
} else {
switch (max) {
case r: h = (g - b) / d + (g < b ? 6 : 0); break;
case g: h = (b - r) / d + 2; break;
case b: h = (r - g) / d + 4; break;
}
h /= 6;
}
return { h, s, v };
},
/**
* Converts an HSV color value to RGB. Conversion formula
* adapted from http://en.wikipedia.org/wiki/HSV_color_space.
* Assumes h, s, and v are contained in the set [0, 1] and
* returns r, g, and b in the set [0, 255].
*
* @param Number h The hue
* @param Number s The saturation
* @param Number v The value
* @return Array The RGB representation
*/
hsvToRgb: function hsvToRgb(hsv) {
let h = hsv.h;
let s = hsv.s;
let v = hsv.v;
var r, g, b;
var i = Math.floor(h * 6);
var f = h * 6 - i;
var p = v * (1 - s);
var q = v * (1 - f * s);
var t = v * (1 - (1 - f) * s);
switch (i % 6) {
case 0: r = v, g = t, b = p; break;
case 1: r = q, g = v, b = p; break;
case 2: r = p, g = v, b = t; break;
case 3: r = p, g = q, b = v; break;
case 4: r = t, g = p, b = v; break;
case 5: r = v, g = p, b = q; break;
}
return {r: Math.round(r * 255), g: Math.round(g * 255), b: Math.round(b * 255)};
},
componentToHex: function componentToHex(c) {
var hex = c.toString(16);
return hex.length == 1 ? "0" + hex : hex;
},
rgbToHex: function rgbToHex(rgb) {
return "#" + this.componentToHex(rgb.r) + this.componentToHex(rgb.g) + this.componentToHex(rgb.b);
}
};
function toggleColorPanelVisibility() {
rootEditorElement.querySelector('.slds-color-picker__selector').classList.toggle("slds-hide");
rootEditorElement.querySelector('.slds-color-picker__selector').classList.toggle("slds-show");
}
function switchElementsVisibility(selectorToHide, selectorToShow) {
rootEditorElement.querySelector(selectorToHide).classList.add("slds-hide");
rootEditorElement.querySelector(selectorToHide).classList.remove("slds-show");
rootEditorElement.querySelector(selectorToShow).classList.add("slds-show");
rootEditorElement.querySelector(selectorToShow).classList.remove("slds-hide");
}
function satLumHandler(event) {
event.preventDefault();
var saturation = event.layerX / event.currentTarget.offsetWidth;
var value = 1 - (event.layerY / event.currentTarget.offsetHeight);
rootEditorElement.querySelector('.slds-color-picker__range-indicator').style.left = saturation * 100 + '%';
rootEditorElement.querySelector('.slds-color-picker__range-indicator').style.bottom = (value * 100) + '%';
updateCustomUI({ s: saturation, v: value })
}
function hueHandler(event) {
event.preventDefault();
rootEditorElement.querySelector('.slds-color-picker__custom-range').style.background = `hsl(${event.currentTarget.value}, 100%, 50%)`;
updateCustomUI({ h: event.currentTarget.value / 360 })
}
function updateCustomUI(updatedObject) {
currentHSV = Object.assign(currentHSV, updatedObject);
var rgb = ColorUtils.hsvToRgb(currentHSV);
rootEditorElement.querySelector('#color-picker-input-r-9').value = rgb.r;
rootEditorElement.querySelector('#color-picker-input-g-9').value = rgb.g;
rootEditorElement.querySelector('#color-picker-input-b-9').value = rgb.b;
var hex = ColorUtils.rgbToHex(rgb);
rootEditorElement.querySelector('#color-picker-input-hex-9').value = hex;
rootEditorElement.querySelector('#color-picker-custom .slds-swatch').style.backgroundColor = hex;
}
/** the page designer signals readiness to show this editor and provides an optionally pre selected value */
listen('sfcc:ready', async ({ value, config, isDisabled, isRequired, dataLocale, displayLocale }) => {
const selectedValue = typeof value === 'object' && value !== null && typeof value.value === 'string' ? value.value : null;
rootEditorElement.querySelector('.slds-color-picker__summary-button').addEventListener('click', toggleColorPanelVisibility);
rootEditorElement.querySelector('.colorpicker-custom-tab').addEventListener('click', () => switchElementsVisibility('#color-picker-default', '#color-picker-custom'));
rootEditorElement.querySelector('.colorpicker-default-tab').addEventListener('click', () => switchElementsVisibility('#color-picker-custom', '#color-picker-default'));
rootEditorElement.querySelectorAll('.slds-tabs_default__item').forEach(tab => tab.addEventListener('click', (event) => {
rootEditorElement.querySelectorAll('.slds-tabs_default__item').forEach((element) => element.classList.remove('slds-is-active'));
event.currentTarget.classList.add('slds-is-active');
}));
rootEditorElement.querySelector('#cancel-button').addEventListener('click', toggleColorPanelVisibility);
rootEditorElement.querySelector('#confirm-button').addEventListener('click', () => {
var selectedColor = rootEditorElement.querySelector('#color-picker-input-hex-9').value
rootEditorElement.querySelector('#color-picker-summary-input').value = selectedColor;
rootEditorElement.querySelector('#color-picker-summary-input').dispatchEvent(new Event('change'));
toggleColorPanelVisibility();
});
rootEditorElement.querySelector('.slds-color-picker__custom-range').addEventListener('dragover', satLumHandler);
rootEditorElement.querySelector('.slds-color-picker__custom-range').addEventListener('drop', satLumHandler);
rootEditorElement.querySelector('.slds-color-picker__custom-range').addEventListener('click', satLumHandler);
rootEditorElement.querySelector('#color-picker-input-range-9').addEventListener('input', hueHandler);
rootEditorElement.querySelectorAll('.slds-color-picker__swatch-trigger').forEach(
function (element) {
element.addEventListener('click', function (event) {
event.preventDefault();
var selectedColor = event.target.querySelector('.slds-assistive-text').innerHTML;
rootEditorElement.querySelector('#color-picker-summary-input').value = selectedColor;
rootEditorElement.querySelector('#color-picker-summary-input').dispatchEvent(new Event('change'));
toggleColorPanelVisibility();
});
});
rootEditorElement.querySelector('#color-picker-summary-input').addEventListener('change', function (event) {
const selectedValue = event.target.value;
rootEditorElement.querySelector('.slds-color-picker__summary-button .slds-swatch').style.backgroundColor = selectedValue;
emit({
type: 'sfcc:interacted'
});
emit({
type: 'sfcc:value',
payload: selectedValue ? { value: selectedValue } : null
});
});
if (selectedValue) {
rootEditorElement.querySelector('#color-picker-summary-input').value = selectedValue;
rootEditorElement.querySelector('#color-picker-summary-input').dispatchEvent(new Event('change'));
}
});
// When a value was selected
listen('sfcc:value', value => { });
// When the editor must require the user to select something
listen('sfcc:required', value => { });
// When the editor is asked to disable its controls
listen('sfcc:disabled', value => {
if (rootEditorElement) {
rootEditorElement.querySelector('.recommendation-selection').disabled = true;
}
});
init();
})();

1
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/componentgroups/commerce_assets.properties Normal file
View File

@@ -0,0 +1 @@
name=Commerce Assets

1
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/componentgroups/commerce_layouts.properties Normal file
View File

@@ -0,0 +1 @@
name=Commerce Layouts

1
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/componentgroups/dynamic.properties Normal file
View File

@@ -0,0 +1 @@
name=Dynamic Components

1
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/componentgroups/einstein.properties Normal file
View File

@@ -0,0 +1 @@
name=Einstein

6
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/campaignBanner.properties Normal file
View File

@@ -0,0 +1,6 @@
name=Header Promo Banner
description=Banner for campaign
attribute_definition_group.campaignBannerMessage.name=Header Promo Banner Message
attribute_definition_group.campaignBannerMessage.description=The message to be displayed on the Header Promo Banner.
attribute_definition.bannerMessage.name=Banner Message
attribute_definition.bannerMessage.description=Message to be displayed on the banner.

66
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/category.properties Normal file
View File

@@ -0,0 +1,66 @@
name=Link Banner
description=Link Banner
attribute_definition_group.heading.name=Heading Specification
attribute_definition_group.heading.description=Specify the Heading to be Displayed
attribute_definition.textHeadline.name=Heading
attribute_definition_group.backgroundConfiguration.name=Background Configuration
attribute_definition_group.backgroundConfiguration.description=Select the image to be displayed in the background. Select to apply shade over the image by 40% black and changing text color to white.
attribute_definition.image.name=Image
attribute_definition.image.description=Select an image to be displayed on the background
attribute_definition.applyImageShade.name=Apply image Shade
attribute_definition.applyImageShade.description=Select to apply a shade of 40 percentage to the background image
attribute_definition.changeTextColor.name=Change text color to white
attribute_definition.changeTextColor.description=Select to change the text color to white
attribute_definition_group.categorySpec.name=Link Banner Specifications
attribute_definition_group.categorySpec.description=Specify at least four shop categories to be displayed
attribute_definition.category1.name=Category 01
attribute_definition.category1.description=Select Category to be displayed
attribute_definition.customCategoryName1.name=Custom Category Name 01
attribute_definition.customCategoryName1.description=Overwrite the category name if needed.
attribute_definition.category2.name=Category 02
attribute_definition.category2.description=Select Category to be displayed
attribute_definition.customCategoryName2.name=Custom Category Name 02
attribute_definition.customCategoryName2.description=Overwrite the category name if needed.
attribute_definition.category3.name=Category 03
attribute_definition.category3.description=Select Category to be displayed
attribute_definition.customCategoryName3.name=Custom Category Name 03
attribute_definition.customCategoryName3.description=Overwrite the category name if needed.
attribute_definition.category4.name=Category 04
attribute_definition.category4.description=Select Category to be displayed
attribute_definition.customCategoryName4.name=Custom Category Name 04
attribute_definition.customCategoryName4.description=Overwrite the category name if needed.
attribute_definition.category5.name=Category 05
attribute_definition.category5.description=Select Category to be displayed
attribute_definition.customCategoryName5.name=Custom Category Name 05
attribute_definition.customCategoryName5.description=Overwrite the category name if needed.
attribute_definition.category6.name=Category 06
attribute_definition.category6.description=Select Category to be displayed
attribute_definition.customCategoryName6.name=Custom Category Name 06
attribute_definition.customCategoryName6.description=Overwrite the category name if needed.
attribute_definition.category7.name=Category 07
attribute_definition.category7.description=Select Category to be displayed
attribute_definition.customCategoryName7.name=Custom Category Name 07
attribute_definition.customCategoryName7.description=Overwrite the category name if needed.
attribute_definition.category8.name=Category 08
attribute_definition.category8.description=Select Category to be displayed
attribute_definition.customCategoryName8.name=Custom Category Name 08
attribute_definition.customCategoryName8.description=Overwrite the category name if needed.
attribute_definition.category9.name=Category 09
attribute_definition.category9.description=Select Category to be displayed
attribute_definition.customCategoryName9.name=Custom Category Name 09
attribute_definition.customCategoryName9.description=Overwrite the category name if needed.
attribute_definition.category10.name=Category 10
attribute_definition.category10.description=Select Category to be displayed
attribute_definition.customCategoryName10.name=Custom Category Name 10
attribute_definition.customCategoryName10.description=Overwrite the category name if needed.
attribute_definition.category11.name=Category 11
attribute_definition.category11.description=Select Category to be displayed
attribute_definition.customCategoryName11.name=Custom Category Name 11
attribute_definition.customCategoryName11.description=Overwrite the category name if needed.
attribute_definition.category12.name=Category 12
attribute_definition.category12.description=Select Category to be displayed
attribute_definition.customCategoryName12.name=Custom Category Name 12
attribute_definition.customCategoryName12.description=Overwrite the category name if needed.

6
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/editorialRichText.properties Normal file
View File

@@ -0,0 +1,6 @@
name=Textbox
description=This is the Textbox Component, can be used as Help or FAQ pages
attribute_definition_group.textContent.name=Text Content
attribute_definition_group.textContent.description=The content to show in this component
attribute_definition.richText.name=content
attribute_definition.richText.descriptin=This is the rich text content area

6
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/imageAndText.properties Normal file
View File

@@ -0,0 +1,6 @@
name=Image With Text
description=This is a component combined image with text
attribute_definition.image.name=Image
attribute_definition.heading.name=Text Overlay
attribute_definition.ITCLink.name=Image Link
attribute_definition.ITCText.name=Text Below Image

11
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/mainBanner.properties Normal file
View File

@@ -0,0 +1,11 @@
name=Main Banner
description=Image, text overlay that links user to a category using the markup editor
attribute_definition_group.bannerImage.name=Banner Image
attribute_definition_group.bannerImage.description=The visual display of the banner image in the background.
attribute_definition.image.name=Image
attribute_definition_group.textOverlay.name=Text Overlay
attribute_definition_group.textOverlay.description=The overlay text on top of the banner image.
attribute_definition.heading.name=Heading
attribute_definition.shopNowLink.name=Shop Now Link
attribute_definition.shopNowLink.description=The Shop Now link on the banner image
attribute_definition.categoryLink.name=Category Link

6
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/photoTile.properties Normal file
View File

@@ -0,0 +1,6 @@
name=Image Tile
description=Select a photo that you want to insert into your layout component
attribute_definition_group.photoTileImage.name=Image Tile
attribute_definition_group.photoTileImage.description=This is a simple Image Tile component where you drag and drop it into any layout component
attribute_definition.image.name=Image Tile Component Image
attribute_definition.image.description=Select a photo to be displayed

13
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/popularCategory.properties Normal file
View File

@@ -0,0 +1,13 @@
name=Round Category Tile with Caption
description=Round Category Tile displayed with a circular image.
attribute_definition_group.popularCategory.name=Popular Category
attribute_definition_group.popularCategory.description=Specify the popular Category to be Displayed.
attribute_definition_group.popularCategory.attribute_definitions.category.name=Category
attribute_definition_group.popularCategory.attribute_definitions.category.description=Select Category to be displayed.
attribute_definition_group.popularCategory.attribute_definitions.catDisplayName.name=Custom Display Name
attribute_definition_group.popularCategory.attribute_definitions.category.description=Overwrite the category name if needed.
attribute_definition_group.popularCategory.attribute_definitions.image.name=Image
attribute_definition_group.popularCategory.attribute_definitions.imagesize.name=image Size
attribute_definition_group.popularCategory.attribute_definitions.imagesize.description=Style used in this field if the image needs to be sized up or down. example '300px 100px'
attribute_definition_group.popularCategory.attribute_definitions.offset.name=offset
attribute_definition_group.popularCategory.attribute_definitions.offset.description=How the image should be offset. example '5em 5em'

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/productListTile.properties Normal file
View File

@@ -0,0 +1,2 @@
name=Promotional Content Tile/Banner
description=Image with text component used on product listing page

8
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/productTile.properties Normal file
View File

@@ -0,0 +1,8 @@
name=Product Tile
description=This is a product tile component.
attribute_definition_group.productTileSpec.name=Product Tile Specifications
attribute_definition_group.productTileSpec.description=Specification of the product to be displayed in the product tile.
attribute_definition.product.name=Product ID
attribute_definition.product.description=The ID of the product to be displayed.
attribute_definition.displayRatings.name=Display product ratings
attribute_definition.displayRatings.description=Specify whether or not to display ratings in product tile.

8
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_assets/shopTheLook.properties Normal file
View File

@@ -0,0 +1,8 @@
name=Shop The Look Product Tile
description=This is the Shop The Look Product Tile component
attribute_definition_group.shopTheLookSpec.name=Shop The Look Specification
attribute_definition_group.shopTheLookSpec.description=Specify the shop the look for Set or Product
attribute_definition.product.name=product
attribute_definition.product.description=Select the product SKU to be displayed
attribute_definition.priceDisplay.name=Display pricing for product
attribute_definition.priceDisplay.description=Do you want to Display Pricing for product (Set product is not applicable here)

20
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/carousel.properties Normal file
View File

@@ -0,0 +1,20 @@
name=Carousel
region.slides.name=Slides
attribute_definition.textHeadline.name=carousel title
attribute_definition_group.extraSmallConfiguration.name=Phone configurations
attribute_definition_group.extraSmallConfiguration.description=Configuration for how the carousel will display on phones. Please put like sized items in the carousel
attribute_definition.xsCarouselIndicators.name=Display carousel indicators on phones
attribute_definition.xsCarouselControls.name=Display carousel controls on phones
attribute_definition.xsCarouselSlidesToDisplay.name=Number of slides to display on phones
attribute_definition_group.smallConfiguration.name=Tablet configurations
attribute_definition_group.smallConfiguration.description=Configuration for how the carousel will display on tablets. Please put like sized items in the carousel
attribute_definition.smCarouselIndicators.name=Display carousel indicators on tablets
attribute_definition.smCarouselControls.name=Display carousel controls on tablets
attribute_definition.smCarouselSlidesToDisplay.name=Number of slides to display on tablets
attribute_definition_group.mediumConfiguration.name=Desktop configurations
attribute_definition_group.mediumConfiguration.description=Configuration for how the carousel will display on desktop. Please put like sized items in the carousel
attribute_definition.mdCarouselIndicators.name=Display carousel indicators on desktop
attribute_definition.mdCarouselSlidesToDisplay.name=Number of slides to display on desktop

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/mobileGrid1r1c.properties Normal file
View File

@@ -0,0 +1,2 @@
name=1 Row x 1 Col (Mobile, Desktop)
description=This is a layout component of 1 row by 1 column for mobile and desktop/tablet.

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/mobileGrid2r1c.properties Normal file
View File

@@ -0,0 +1,2 @@
name=2 Row x 1 Col (Mobile), 1 Row x 2 Col (Desktop)
description=This is a layout component of 2 rows by 1 column for mobile and 1 row by 2 columns for desktop/tablet.

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/mobileGrid2r2c.properties Normal file
View File

@@ -0,0 +1,2 @@
name=2 Row x 2 Col (Mobile), 1 Row x 4 Col (Desktop)
description=This is a layout component of 2 rows by 2 columns for mobile and 1 row by 4 columns for desktop/tablet.

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/mobileGrid2r3c.properties Normal file
View File

@@ -0,0 +1,2 @@
name=2 Row x 3 Col (Mobile), 1 Row x 6 Col (Desktop)
description=This is a layout component of 1 row by 6 column for desktop/tablet and 2 row by 3 column for mobile.

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/mobileGrid3r1c.properties Normal file
View File

@@ -0,0 +1,2 @@
name=3 Row x 1 Col (Mobile), 1 Row x 3 Col (Desktop)
description=This is a layout component of 3 rows by 1 column for mobile and 1 row by 3 columns for desktop/tablet.

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/mobileGrid3r2c.properties Normal file
View File

@@ -0,0 +1,2 @@
name=3 Row x 2 Col (Mobile), 2 Row x 3 Col (Desktop)
description=This is a layout component of 2 row by 3 column for desktop/tablet and 3 row by 2 column for mobile.

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/mobileGridLookBook.properties Normal file
View File

@@ -0,0 +1,2 @@
name=Shop The Look Layout
description=This is the Shop The Look layout component.

5
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/commerce_layouts/popularCategories.properties Normal file
View File

@@ -0,0 +1,5 @@
name=Popular Categories Layout
description=Popular category displayed with a circular image.
attribute_definition_group.heading.name=Heading Text
attribute_definition_group.heading.description=Specify the heading to be displayed above the category images
attribute_definition_group.heading.attribute_definitions.textHeadline.name=Heading

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/dynamic/dynamicCategoryBanner.properties Normal file
View File

@@ -0,0 +1,2 @@
name=Dynamic Banner
description=Banner for category or listing pages

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/dynamic/productDetail.properties Normal file
View File

@@ -0,0 +1,2 @@
name=Product Detail Layout
description=Image, text overlay from CMS that links user to a category using the markup editor

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/dynamic/productList.properties Normal file
View File

@@ -0,0 +1,2 @@
name=Product Listing Layout
description=Product Listing Grid Layout

31
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/einstein/einsteinCarousel.properties Normal file
View File

@@ -0,0 +1,31 @@
name=Einstein Carousel (Recently Viewed)
description=Shows einstein recommendations based on selected recommender
attribute_definition.textHeadline.name=carousel title
attribute_definition_group.extraSmallConfiguration.name=Phone configurations
attribute_definition_group.extraSmallConfiguration.description=Configuration for how the carousel will display on phones.
attribute_definition.xsCarouselIndicators.name=Display carousel indicators on phones
attribute_definition.xsCarouselControls.name=Display carousel controls on phones
attribute_definition.xsCarouselSlidesToDisplay.name=Number of slides to display on phones
attribute_definition_group.smallConfiguration.name=Tablet configurations
attribute_definition_group.smallConfiguration.description=Configuration for how the carousel will display on tablets.
attribute_definition.smCarouselIndicators.name=Display carousel indicators on tablets
attribute_definition.smCarouselControls.name=Display carousel controls on tablets
attribute_definition.smCarouselSlidesToDisplay.name=Number of slides to display on tablets
attribute_definition_group.mediumConfiguration.name=Desktop configurations
attribute_definition_group.mediumConfiguration.description=Configuration for how the carousel will display on desktop.
attribute_definition.mdCarouselIndicators.name=Display carousel indicators on desktop
attribute_definition.mdCarouselSlidesToDisplay.name=Number of slides to display on desktop
attribute_definition.displayRatings.name=Display product ratings
attribute_definition.displayRatings.description=Specify whether or not to display ratings in product tile.
attribute_definition.recommender.name=Recommendation type
attribute_definition.count.name=Number of recommendations
attribute_definition.count.description=Max Number of recommendations to show
attribute_definition.heading.name=Last Visited Products

33
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/einstein/einsteinCarouselCategory.properties Normal file
View File

@@ -0,0 +1,33 @@
name=Einstein Carousel (Category)
description=Shows category based recommendations
attribute_definition.textHeadline.name=carousel title
attribute_definition_group.extraSmallConfiguration.name=Phone configurations
attribute_definition_group.extraSmallConfiguration.description=Configuration for how the carousel will display on phones. Please put like sized items in the carousel
attribute_definition.xsCarouselIndicators.name=Display carousel indicators on phones
attribute_definition.xsCarouselControls.name=Display carousel controls on phones
attribute_definition.xsCarouselSlidesToDisplay.name=Number of slides to display on phones
attribute_definition_group.smallConfiguration.name=Tablet configurations
attribute_definition_group.smallConfiguration.description=Configuration for how the carousel will display on tablets. Please put like sized items in the carousel
attribute_definition.smCarouselIndicators.name=Display carousel indicators on tablets
attribute_definition.smCarouselControls.name=Display carousel controls on tablets
attribute_definition.smCarouselSlidesToDisplay.name=Number of slides to display on tablets
attribute_definition_group.mediumConfiguration.name=Desktop configurations
attribute_definition_group.mediumConfiguration.description=Configuration for how the carousel will display on desktop. Please put like sized items in the carousel
attribute_definition.mdCarouselIndicators.name=Display carousel indicators on desktop
attribute_definition.mdCarouselSlidesToDisplay.name=Number of slides to display on desktop
attribute_definition.displayRatings.name=Display product ratings
attribute_definition.displayRatings.description=Specify whether or not to display ratings in product tile.
attribute_definition.recommender.name=Recommendation type
attribute_definition.count.name=Number of recommendations
attribute_definition.count.description=Max Number of recommendations to show
attribute_definition.heading.name=Last Visited Products
attribute_definition.category.name=Anchor Category
attribute_definition.recommender.name=Einstein Recommender

33
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/components/einstein/einsteinCarouselProduct.properties Normal file
View File

@@ -0,0 +1,33 @@
name=Einstein Carousel (Product)
description=Shows Einstein recommendations based on a pid and a selected recommender
attribute_definition.textHeadline.name=carousel title
attribute_definition_group.extraSmallConfiguration.name=Phone configurations
attribute_definition_group.extraSmallConfiguration.description=Configuration for how the carousel will display on phones. Please put like sized items in the carousel
attribute_definition.xsCarouselIndicators.name=Display carousel indicators on phones
attribute_definition.xsCarouselControls.name=Display carousel controls on phones
attribute_definition.xsCarouselSlidesToDisplay.name=Number of slides to display on phones
attribute_definition_group.smallConfiguration.name=Tablet configurations
attribute_definition_group.smallConfiguration.description=Configuration for how the carousel will display on tablets. Please put like sized items in the carousel
attribute_definition.smCarouselIndicators.name=Display carousel indicators on tablets
attribute_definition.smCarouselControls.name=Display carousel controls on tablets
attribute_definition.smCarouselSlidesToDisplay.name=Number of slides to display on tablets
attribute_definition_group.mediumConfiguration.name=Desktop configurations
attribute_definition_group.mediumConfiguration.description=Configuration for how the carousel will display on desktop. Please put like sized items in the carousel
attribute_definition.mdCarouselIndicators.name=Display carousel indicators on desktop
attribute_definition.mdCarouselSlidesToDisplay.name=Number of slides to display on desktop
attribute_definition.displayRatings.name=Display product ratings
attribute_definition.displayRatings.description=Specify whether or not to display ratings in product tile.
attribute_definition.recommender.name=Recommendation type
attribute_definition.count.name=Number of recommendations
attribute_definition.count.description=Max Number of recommendations to show
attribute_definition.heading.name=Last Visited Products
attribute_definition.product.name=Anchor Product
attribute_definition.recommender.name=Einstein Recommender

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/pages/productDetail.properties Normal file
View File

@@ -0,0 +1,2 @@
name=Product Detail Page
description=Product detail page with 3 regions

2
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/pages/productList.properties Normal file
View File

@@ -0,0 +1,2 @@
name=Product List Page
description=Product Listing Grid Layout

3
storefront-reference-architecture/cartridges/bm_app_storefront_base/cartridge/templates/resources/experience/pages/storePage.properties Normal file
View File

@@ -0,0 +1,3 @@
name=Storefront Page
description=A storefront page
region.main.name=Main Region