This project contains javascript for IdoSell widget.
Node: v20.8.1 (https://nodejs.org/dist/v20.8.1/docs/api/) Yarn: v1.22.19
yarn build - builds minified js (code is bundled to dist/bundle.js file)
yarn eslint - checks for eslint errors
| Key | Type | Description |
|---|---|---|
tagLabel |
string |
Text for sponsored tag in product card |
productsListing |
object |
Configuration object for product listing |
isLoaderVisible |
boolean |
Define whether the loader should be displayed |
pageDetails |
object |
Configuration object for product details page |
mainPage |
object |
Configuration object for main page |
basketPage |
object |
Configuration object for basket page |
| Key | Type | Description |
|---|---|---|
isEnabled |
boolean |
Specifies whether the product should be visible |
zone |
string |
Specify zone where product should appear. See available zones below |
productsCount |
object |
Specifies the number of products injected into the list |
| Listing | Zones |
|---|---|
productsListing |
PRODUCT_LISTING, PRODUCT_LISTING_HOTSPOT |
pageDetails |
PRODUCT_DETAILS_ASSOCIATED_ONE, PRODUCT_DETAILS_ASSOCIATED_TWO, PRODUCT_DETAILS_ASSOCIATED_THREE, PRODUCT_DETAILS_ASSOCIATED_FOUR |
mainPage |
MAIN_PAGE_HOTSPOT_ONE, MAIN_PAGE_HOTSPOT_TWO, MAIN_PAGE_HOTSPOT_THREE, MAIN_PAGE_HOTSPOT_FOUR |
basketPage |
BASKET_PAGE_HOTSPOT |
The configuration object should be assigned to the sponsoredProductConfig key in the window object before the script initialization.
window.sponsoredProductConfig = {
tagLabel: 'SPONSORED',
isLoaderVisible: true,
productsListing: {
zone: 'PRODUCT_LISTING_HOTSPOT',
isEnabled: true,
productsCount: 2,
},
pageDetails: {
isEnabled: true,
zone: 'PRODUCT_DETAILS_ASSOCIATED_ONE',
productsCount: 5,
},
mainPage: {
isEnabled: true,
zone: 'MAIN_PAGE_HOTSPOT_FOUR',
productsCount: 2,
},
basketPage: {
isEnabled: true,
zone: 'BASKET_PAGE_HOTSPOT',
productsCount: 2,
},
};
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent