Retrieving Products Collection
This guide explains an alternative method of retrieving Product Collections using our API, instead of embedding the Kameleoon HTML element.
The following endpoint is used:
Why Use the API?
API usage is mandatory for mobile applications;
Depending on your needs, this approach offers multiple benefits:
- Full Control: Clients can fully customize how and where variants are displayed, matching their design and UX standards.
- Better Performance: API calls can be optimized for performance, reducing page load delays compared to script-based solutions.
- Easier Debugging: Integration within the client’s own codebase allows better logging, monitoring, and debugging using familiar tools.
- No Third-Party Script Dependency: Avoids loading external scripts, reducing potential conflicts and aligning with security/performance policies.
- SPA-Friendly: Ideal for single-page applications, where direct API calls avoid timing issues and fit naturally into client-side routing.
- Ad Blocker Resilience: Since there's no reliance on third-party scripts or specific HTML markers, this method is less likely to be blocked by ad blockers, ensuring consistent experiment delivery. For more details on how ad blockers affect kameleoon see this FAQ
Goal
Retrieve a product collection from the recommendation engine and render it on your frontend—for example, as shown below on a homepage:
Requirements
- A valid Kameleoon account with a Store ID (
shop_id
)
You can find shop_id
in the Kameleoon app under Recommendations > Settings > Store settings, or ask your Customer Success Manager.
- A
collection_id
found in the Product Collections section of the dashboard. Your configured collections are listed there along with their ID numbers.
- A Device ID (
did
) and Session ID (sid
):- If you are using Kameleoon Web Experimentation, you can retrieve these from the following cookies:
KameleoonProducts_device_id
→ Device ID (did
)KameleoonProducts_session_code
→ Session ID (sid
)
- If not, you will need to generate these values yourself.
- If you are using Kameleoon Web Experimentation, you can retrieve these from the following cookies:
Steps
2. Retrieve required cookies (only with Kameleoon Web Experimentaton)
If you are not using Kameleoon Web Experimentaton you will need to generate these values yourself.
function getCookie(name) {
const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
if (match) return match[2];
}
const did = getCookie('KameleoonProducts_device_id');
const sid = getCookie('KameleoonProducts_session_code');
2. Query request
Endpoint:
GET https://api.products.kameleoon.com/collection/{%collection-id%}
Replace {collection-id}
with the value retrieved in step 2
Parameter | Type | Required | Description |
---|---|---|---|
shop_id | String | True | Your Store Key. |
did | String | False | Device ID. |
location | String | False | User's location. |
sid | String | False | The temporary user session ID. |
external_id | String | False | This is a unique identifier associated with a user in your system or CRM. (To ensure accurate matching with Kameleoon VisitorCode, the ID must first be stored as a Kameleoon Custom Data. When setting up this custom data, enable the option Use this custom data as a unique identifier for cross-device matching to ensure that the ID is used to link user activities across both systems.). |
If you want to personnalize the collection on user accross platforms you can use external_id
you configured as a Kameleoon Custom Data instead of the did
.
Exemple:
curl -X GET -L 'https://api.products.kameleoon.com/collection/7' \
-H 'Content-Type: application/json' \
-d '{
"did": "abc123-kam-device-id",
"shop_id": "shop_4567_example",
"sid": "session_7890_example",
}'
3.Response
Name | Type | Description |
---|---|---|
products | Array of objects | Array with information about products. Each object has these properties. |
html | String | The HTML template selected when the collection was created |
html
can be ignored on mobile app.
No CSS is returned when using the API—you must style the output manually.
Exemple:
{
"products": [
{
"name": "NIKE | TODDLER ROSHE ONE",
"url": "https:\/\/kameleoon-store.myshopify.com\/products\/nike-toddler-roshe-one?variant=40023417520292&recommended_by=collection&recommended_code=5",
"category_ids": [
"1",
"295508017316"
],
"barcode": "NK-02-black-4",
"vendor_code": "NI",
"brand": "Nike",
"leftovers": "lot",
"rating": 4,
"fashion_feature": "child",
"fashion_wear_type": "shoe",
"fashion_original_sizes": [
"4"
],
"picture": "https:\/\/images.products.kameleoon.com\/resize-images\/180\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"categories": [
{
"id": "1",
"url": "https:\/\/kameleoon-store.myshopify.com\/collections\/all?recommended_by=collection&recommended_code=5",
"name": "Men",
"level": "1",
"url_handle": "\/collections\/all?recommended_by=collection&recommended_code=5"
},
{
"id": "295508017316",
"parent_id": "1",
"url": "https:\/\/kameleoon-store.myshopify.com\/collections\/all?recommended_by=collection&recommended_code=5",
"name": "Men - Sneakers",
"level": "2",
"url_handle": "\/collections\/all?recommended_by=collection&recommended_code=5"
}
],
"price_formatted": "$ 70",
"price_full_formatted": "$ 70.00",
"price": 70,
"price_full": 70,
"image_url": "https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/0ea90fb43c087d165cbf985098cc951e_grande.jpg?v=1622707552",
"image_url_handle": "\/s\/files\/1\/0564\/9180\/2788\/products\/0ea90fb43c087d165cbf985098cc951e_grande.jpg?v=1622707552",
"image_url_resized": {
"120": "https:\/\/images.products.kameleoon.com\/resize-images\/120\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"140": "https:\/\/images.products.kameleoon.com\/resize-images\/140\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"160": "https:\/\/images.products.kameleoon.com\/resize-images\/160\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"180": "https:\/\/images.products.kameleoon.com\/resize-images\/180\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"200": "https:\/\/images.products.kameleoon.com\/resize-images\/200\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"220": "https:\/\/images.products.kameleoon.com\/resize-images\/220\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"310": "https:\/\/images.products.kameleoon.com\/resize-images\/310\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"520": "https:\/\/images.products.kameleoon.com\/resize-images\/520\/9fa630bf863db7a87fc6d5fd2a188f\/3919225.jpg",
"original": "https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/0ea90fb43c087d165cbf985098cc951e_grande.jpg?v=1622707552"
},
"url_handle": "\/products\/nike-toddler-roshe-one?variant=40023417520292&recommended_by=collection&recommended_code=5",
"currency": "$",
"_id": "3919225",
"id": "NK-02-black-4",
"stock_quantity": 19,
"fashion_colors": [
"black"
],
"params": [
{
"key": "Size",
"values": [
"4"
]
},
{
"key": "Color",
"values": [
"black"
]
}
],
"group_id": "02"
},
{
"name": "CONVERSE | TODDLER CHUCK TAYLOR ALL STAR AXEL MID",
"url": "https:\/\/kameleoon-store.myshopify.com\/products\/converse-chuck-taylor-all-star-ii-hi?variant=40023416471716&recommended_by=collection&recommended_code=5",
"category_ids": [
"1",
"295508017316"
],
"barcode": "C-02-black-13",
"vendor_code": "CO",
"brand": "Converse",
"leftovers": "few",
"rating": 2,
"fashion_sizes": [
"13"
],
"fashion_feature": "adult",
"fashion_gender": "m",
"fashion_wear_type": "shoe",
"fashion_original_sizes": [
"13"
],
"picture": "https:\/\/images.products.kameleoon.com\/resize-images\/180\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"categories": [
{
"id": "1",
"url": "https:\/\/kameleoon-store.myshopify.com\/collections\/all?recommended_by=collection&recommended_code=5",
"name": "Men",
"level": "1",
"url_handle": "\/collections\/all?recommended_by=collection&recommended_code=5"
},
{
"id": "295508017316",
"parent_id": "1",
"url": "https:\/\/kameleoon-store.myshopify.com\/collections\/all?recommended_by=collection&recommended_code=5",
"name": "Men - Sneakers",
"level": "2",
"url_handle": "\/collections\/all?recommended_by=collection&recommended_code=5"
}
],
"price_formatted": "$ 140",
"price_full_formatted": "$ 140.00",
"price": 140,
"price_full": 140,
"image_url": "https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/23550440c4ccab05e4fc1ebd85e742cc_grande.jpg?v=1622707545",
"image_url_handle": "\/s\/files\/1\/0564\/9180\/2788\/products\/23550440c4ccab05e4fc1ebd85e742cc_grande.jpg?v=1622707545",
"image_url_resized": {
"120": "https:\/\/images.products.kameleoon.com\/resize-images\/120\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"140": "https:\/\/images.products.kameleoon.com\/resize-images\/140\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"160": "https:\/\/images.products.kameleoon.com\/resize-images\/160\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"180": "https:\/\/images.products.kameleoon.com\/resize-images\/180\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"200": "https:\/\/images.products.kameleoon.com\/resize-images\/200\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"220": "https:\/\/images.products.kameleoon.com\/resize-images\/220\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"310": "https:\/\/images.products.kameleoon.com\/resize-images\/310\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"520": "https:\/\/images.products.kameleoon.com\/resize-images\/520\/9fa630bf863db7a87fc6d5fd2a188f\/3927216.jpg",
"original": "https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/23550440c4ccab05e4fc1ebd85e742cc_grande.jpg?v=1622707545"
},
"url_handle": "\/products\/converse-chuck-taylor-all-star-ii-hi?variant=40023416471716&recommended_by=collection&recommended_code=5",
"currency": "$",
"_id": "3927216",
"id": "C-02-black-13",
"stock_quantity": 5,
"fashion_colors": [
"black"
],
"params": [
{
"key": "Size",
"values": [
"13"
]
},
{
"key": "Color",
"values": [
"black"
]
}
],
"group_id": "04"
}
],
"html": "<ul class=\"grid grid--uniform grid--view-items\"> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/nike-toddler-roshe-one?variant=40023417520292&recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/0ea90fb43c087d165cbf985098cc951e_grande.jpg?v=1622707552\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">NIKE | TODDLER ROSHE ONE <\/div> <div class=\"price price--listing\"> $ 70.00 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/converse-chuck-taylor-all-star-ii-hi?variant=40023416471716&recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/23550440c4ccab05e4fc1ebd85e742cc_grande.jpg?v=1622707545\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">CONVERSE | TODDLER CHUCK TAYLOR ALL STAR AXEL MID <\/div> <div class=\"price price--listing\"> $ 140.00 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/herschel-iona?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/995988006b97471478db3371d573bfaf_grande.jpg?v=1622707560\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">HERSCHEL | IONA <\/div> <div class=\"price price--listing\"> $ 119.95 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/dr-martens-cavendish-3-eye-shoe-black?variant=40023382524068&recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/8d7a6c39d295441c940cb2bacfd34794_grande.jpg?v=1622707533\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">DR MARTENS | CAVENDISH 3-EYE SHOE BLACK <\/div> <div class=\"price price--listing\"> $ 229.00 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/asics-tiger-gel-lyte-v-30-years-of-gel-pack?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/343bfbfc1a10a39a528a3d34367669c2_grande.jpg?v=1622707492\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">ASICS TIGER | GEL-LYTE V '30 YEARS OF GEL' PACK <\/div> <div class=\"price price--listing\"> $ 220.00 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/adidas-classic-backpack?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/85cc58608bf138a50036bcfe86a3a362_grande.jpg?v=1622707568\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">ADIDAS | CLASSIC BACKPACK <\/div> <div class=\"price price--listing\"> $ 70.00 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/converse-toddler-chuck-taylor-all-star-axel-mid?variant=40023417127076&recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/9e0022e2f92e19ed96c8f908f2cf1b40_grande.jpg?v=1622707549\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">CONVERSE | TODDLER CHUCK TAYLOR ALL STAR AXEL MID <\/div> <div class=\"price price--listing\"> $ 70.00 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/nike-swoosh-pro-flat-peak-cap?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/58262e66c5e9731050280eb16880d5a4_grande.jpg?v=1622707566\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">FLEX FIT | MINI OTTOMAN BLACK <\/div> <div class=\"price price--listing\"> $ 29.99 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/vans-old-skool-butterfly-true-white-black?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/4e151d7b538e5aba66295f3a5d67b1f4_grande.jpg?v=1622707511\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">VANS | SH-8 HI <\/div> <div class=\"price price--listing\"> $ 129.95 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/dr-martens-1461-dmc-3-eye-shoe-black-smooth?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/141e61b24821f6212219a381ed19ac8a_grande.jpg?v=1622707529\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">DR MARTENS | CAVENDISH 3-EYE SHOE BLACK <\/div> <div class=\"price price--listing\"> $ 229.00 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/vans-old-skool-butterfly-true-white-black?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/cd759395d74526f72c3b0c43c91b4220_grande.jpg?v=1622707515\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">VANS | OLD SKOOL (BUTTERFLY) TRUE WHITE | BLACK <\/div> <div class=\"price price--listing\"> $ 129.95 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/vans-classic-slip-on-perforated-suede?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/d0fb461a3a28439eb5a45b2e2fb232bb_grande.jpg?v=1622707519\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">TIMBERLAND | MENS 6 INCH PREMIUM BOOT <\/div> <div class=\"price price--listing\"> $ 119.95 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/vans-era-59-desert-cowboy?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/b6257e8a4b6a5805da251cb090a82b09_grande.jpg?v=1622707506\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">VANS | ERA 59 (DESERT COWBOY) <\/div> <div class=\"price price--listing\"> $ 109.95 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/asics-tiger-gel-lyte-v-30-years-of-gel-pack?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/327cd936d9a9c409cd8b36987158013f_grande.jpg?v=1622707484\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">VANS | SK8-HI DECON (CUTOUT)| LEAVES\/WHITE <\/div> <div class=\"price price--listing\"> $ 179.95 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/vans-authentic-multi-eyelets-gradient-crimson?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/d841f71ea6845bf6005453e15a18c632_grande.jpg?v=1622707473\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">VANS | AUTHENTIC | (MULTI EYELETS) | GRADIENT\/CRIMSON <\/div> <div class=\"price price--listing\"> $ 99.95 <\/div> <li class=\"grid__item grid__item--collection small--one-half medium-up--one-quarter\"> <div class=\"grid-view-item product-card\"> <a class=\"grid-view-item__link grid-view-item__image-container full-width-link\" href=\"https:\/\/kameleoon-store.myshopify.com\/products\/vans-authentic-lo-pro-burgandy-white?recommended_by=collection&recommended_code=5\"><\/a> <div class=\"product-card__image-with-placeholder-wrapper\"> <div class=\"grid-view-item__image-wrapper product-card__image-wrapper js\"> <div style=\"padding-top:100.0%;\"> <img class=\"item_img grid-view-item__image lazyautosizes lazyloaded\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0564\/9180\/2788\/products\/9f190cba7218c819c81566bca6298c6a_grande.jpg?v=1622707470\" data-aspectratio=\"1.0\"data-widths=\"[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]\" data-sizes=\"auto\"\/> <\/div> <\/div> <\/div> <\/div> <div class=\"h4 grid-view-item__title product-card__title\">VANS |AUTHENTIC | LO PRO | BURGANDY\/WHITE <\/div> <div class=\"price price--listing\"> $ 29.00 <\/div> <\/li><\/ul>"
}