feat(ecommerce): release Ari Shopping Frontend v2.1 real catalog
Build and Push Frontend / build (push) Successful in 1m22s
Build and Push Frontend / build (push) Successful in 1m22s
This commit is contained in:
@@ -1,14 +1,3 @@
|
||||
# Ari Shopping Frontend v2.1
|
||||
# Ari Shopping Frontend v2.2
|
||||
|
||||
Versión basada en 17 productos reales del archivo exportado por `ari_shopping1`.
|
||||
|
||||
- Estética cercana al Frontend v1.
|
||||
- Imágenes propias normalizadas a WebP 1400 × 1400.
|
||||
- Hero y categorías con material real de Ari Shopping.
|
||||
- Pedidos por WhatsApp mediante `https://wa.link/rvcqqc`.
|
||||
- Sin precios inventados: `Consultar disponibilidad`.
|
||||
- Catálogo editable desde `catalog-source.csv`.
|
||||
|
||||
`data/external-image-sources.json` contiene páginas oficiales de Mattel y
|
||||
Disney Store como referencias. Sus imágenes no están incluidas y solo deben
|
||||
usarse con autorización del fabricante o proveedor.
|
||||
Versión corregida del frontend con enfoque en recuperar la estética cercana a la versión 1, usar el logo real de Ari Shopping, corregir CSS/JavaScript y mantener productos reales del export de ari_shopping1.
|
||||
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 153 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 88 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 132 KiB After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 308 KiB After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 321 KiB After Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 305 KiB After Width: | Height: | Size: 183 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 207 KiB After Width: | Height: | Size: 150 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 234 KiB After Width: | Height: | Size: 164 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 248 KiB After Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 198 KiB After Width: | Height: | Size: 139 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 457 KiB After Width: | Height: | Size: 294 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 249 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 343 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 164 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 170 KiB After Width: | Height: | Size: 126 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
File diff suppressed because one or more lines are too long
@@ -1,18 +1,18 @@
|
||||
id,name,category,collection,description,dimensions,price,available,featured,new,image,source_fbid
|
||||
ari-001-toy-story-5-rex,Toy Story 5 - Rex,Figuras,Toy Story,Toy Story 5 - Rex,,,true,true,true,assets/img/products/ari-001-toy-story-5-rex.webp,18085705364648339
|
||||
ari-002-toy-story-5-buzz-lightyear,Toy Story 5 - Buzz Lightyear,Figuras,Toy Story,Toy Store 5 - Buzz Lightyear,,,true,true,true,assets/img/products/ari-002-toy-story-5-buzz-lightyear.webp,17992282196809499
|
||||
ari-003-toy-story-5-jessie,Toy Story 5 - Jessie,Figuras,Toy Story,Toy Store 5 - Jessie,,,true,true,true,assets/img/products/ari-003-toy-story-5-jessie.webp,18095236400246225
|
||||
ari-004-toy-story-5-woody,Toy Story 5 - Woody,Figuras,Toy Story,Toy Store 5 - Woody,,,true,true,true,assets/img/products/ari-004-toy-story-5-woody.webp,17928025740357011
|
||||
ari-005-intensamente-furia,Intensamente Furia,Peluches,Intensamente,Intensamente Furia Disney Aprox 11 “,Aprox. 11 pulgadas,,true,true,false,assets/img/products/ari-005-intensamente-furia.webp,17872853505541489
|
||||
ari-006-intensamente-tristeza,Intensamente Tristeza,Peluches,Intensamente,Intensamente Tristeza Disney Aprox 11 “,Aprox. 11 pulgadas,,true,true,false,assets/img/products/ari-006-intensamente-tristeza.webp,17869884192555816
|
||||
ari-007-minnie-y-mickey-mouse,Minnie y Mickey Mouse,Peluches,Mickey & Minnie,Minnie y Mickey Mouse Disney 🧸 Edición especial Aprox 15 “,Aprox. 15 pulgadas,,true,true,false,assets/img/products/ari-007-minnie-y-mickey-mouse.webp,18116898613530808
|
||||
ari-008-angel-lilo-y-stitch,Angel Lilo y Stitch,Peluches,Lilo & Stitch,Angel Lilo y Stitch Disney Aprox 13 “,Aprox. 13 pulgadas,,true,true,false,assets/img/products/ari-008-angel-lilo-y-stitch.webp,18161192263375119
|
||||
ari-009-mochilas-disney-coleccion-marvel,Mochilas Disney colección Marvel,Mochilas,Marvel,Mochilas Disney colección Marvel,,,true,false,false,assets/img/products/ari-009-mochilas-disney-coleccion-marvel.webp,18137839804491353
|
||||
ari-010-mochila-ligera-y-resistente-al-agua-de-dis,"Mochila ligera y resistente al agua de Disney Frozen, mochila escolar y de viaje con múltiples ",Mochilas,Frozen,"Mochila ligera y resistente al agua de Disney Frozen, mochila escolar y de viaje con múltiples compartimentos y degradado, mochila de poliéster para estudiantes, tamaño pequeño en color rosa y azul celeste",,,true,false,false,assets/img/products/ari-010-mochila-ligera-y-resistente-al-agua-de-dis.webp,18111649603646835
|
||||
ari-011-mochila-escolar-de-spider-man-de-disney-mo,"Mochila escolar de Spider-Man de Disney, moda estudiantil, libro de gran capacidad, mochila lig",Mochilas,Marvel,"Mochila escolar de Spider-Man de Disney, moda estudiantil, libro de gran capacidad, mochila ligera, antibacteriana y transpirable, resistente a salpicaduras, Dimensiones 28x18x30",28 × 18 × 30 cm,,true,false,false,assets/img/products/ari-011-mochila-escolar-de-spider-man-de-disney-mo.webp,18087568414880256
|
||||
ari-012-disney-mochila-de-poliester-ultraligera-y-,"Disney Mochila de poliéster ultraligera y transpirable, de gran tamaño y múltiples colores Dime",Mochilas,Disney,"Disney Mochila de poliéster ultraligera y transpirable, de gran tamaño y múltiples colores Dimensiones 39x16x46",39 × 16 × 46 cm,,true,false,false,assets/img/products/ari-012-disney-mochila-de-poliester-ultraligera-y-.webp,18077075042356897
|
||||
ari-013-mochila-pequena-bob-esponja,Mochila pequeña Bob Esponja,Mochilas,Bob Esponja,"Mochila pequeña Bob Esponja disponibles en color blanco, negro y verde",,,true,false,false,assets/img/products/ari-013-mochila-pequena-bob-esponja.webp,17891585106407663
|
||||
ari-014-mochila-casual-de-gran-capacidad-con-estam,"Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos",Mochilas,Bob Esponja,"Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos animados linda, esencial para volver a la escuela Dimensiones 20 cm x 15 cm x 10 cm",20 × 15 × 10 cm,,true,false,false,assets/img/products/ari-014-mochila-casual-de-gran-capacidad-con-estam.webp,18119703688604702
|
||||
ari-015-mochila-escolar-estilo-britanico-de-disney,"Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochil",Mochilas,Disney,"Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochila de gran capacidad y ultraligera para el inicio del colegio dimensiones 38 cm x 27 cm x 14.5 cm","38 × 27 × 14,5 cm",,true,false,false,assets/img/products/ari-015-mochila-escolar-estilo-britanico-de-disney.webp,18558512062005705
|
||||
ari-016-disney-mochila-iron-man-de-poliester-ultra,"Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46",Mochilas,Marvel,"Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46 cm x 33 cm x 19 cm",46 × 33 × 19 cm,,true,false,false,assets/img/products/ari-016-disney-mochila-iron-man-de-poliester-ultra.webp,17862794898572444
|
||||
ari-017-mochila-de-disney-marvel-capitan-america-d,"Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras",Mochilas,Marvel,"Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras, para estudiantes de secundaria dimensiones 45 cm x 30 cm x 14 cm",45 × 30 × 14 cm,,true,false,false,assets/img/products/ari-017-mochila-de-disney-marvel-capitan-america-d.webp,17977485617974392
|
||||
id,name,category,collection,description,dimensions,price,available,featured,new,image,fbid
|
||||
ari-001-toy-story-5-rex,Toy Story 5 - Rex,Figuras,Toy Story,Toy Story 5 - Rex,,,True,True,True,assets/img/products/ari-001-toy-story-5-rex.webp,18085705364648339
|
||||
ari-002-toy-story-5-buzz-lightyear,Toy Story 5 - Buzz Lightyear,Figuras,Toy Story,Toy Store 5 - Buzz Lightyear,,,True,True,True,assets/img/products/ari-002-toy-story-5-buzz-lightyear.webp,17992282196809499
|
||||
ari-003-toy-story-5-jessie,Toy Story 5 - Jessie,Figuras,Toy Story,Toy Store 5 - Jessie,,,True,True,True,assets/img/products/ari-003-toy-story-5-jessie.webp,18095236400246225
|
||||
ari-004-toy-story-5-woody,Toy Story 5 - Woody,Figuras,Toy Story,Toy Store 5 - Woody,,,True,True,True,assets/img/products/ari-004-toy-story-5-woody.webp,17928025740357011
|
||||
ari-005-intensamente-furia,Intensamente Furia,Peluches,Intensamente,Intensamente Furia Disney Aprox 11 “ ,,,True,True,True,assets/img/products/ari-005-intensamente-furia.webp,17872853505541489
|
||||
ari-006-intensamente-tristeza,Intensamente Tristeza,Peluches,Intensamente,Intensamente Tristeza Disney Aprox 11 “ ,,,True,True,True,assets/img/products/ari-006-intensamente-tristeza.webp,17869884192555816
|
||||
ari-007-minnie-y-mickey-mouse,Minnie y Mickey Mouse,Peluches,Mickey & Minnie,Minnie y Mickey Mouse Disney 🧸 Edición especial Aprox 15 “ ,,,True,True,False,assets/img/products/ari-007-minnie-y-mickey-mouse.webp,18116898613530808
|
||||
ari-008-angel-lilo-y-stitch,Angel Lilo y Stitch,Peluches,Lilo & Stitch,Angel Lilo y Stitch Disney Aprox 13 “ ,,,True,True,False,assets/img/products/ari-008-angel-lilo-y-stitch.webp,18161192263375119
|
||||
ari-009-mochilas-disney-coleccion-marvel,Mochilas Disney colección Marvel,Mochilas,Marvel,Mochilas Disney colección Marvel ,,,True,False,False,assets/img/products/ari-009-mochilas-disney-coleccion-marvel.webp,18137839804491353
|
||||
ari-010-mochila-ligera-y-resistente-al-agua-de-d,"Mochila ligera y resistente al agua de Disney Frozen, mochila escolar y de viaje con múltiples compa",Mochilas,Frozen,"Mochila ligera y resistente al agua de Disney Frozen, mochila escolar y de viaje con múltiples compartimentos y degradado, mochila de poliéster para estudiantes, tamaño pequeño en color rosa y azul celeste",,,True,False,False,assets/img/products/ari-010-mochila-ligera-y-resistente-al-agua-de-d.webp,18111649603646835
|
||||
ari-011-mochila-escolar-de-spider-man-de-disney-,"Mochila escolar de Spider-Man de Disney, moda estudiantil, libro de gran capacidad, mochila ligera, ",Mochilas,Marvel,"Mochila escolar de Spider-Man de Disney, moda estudiantil, libro de gran capacidad, mochila ligera, antibacteriana y transpirable, resistente a salpicaduras, Dimensiones 28x18x30",28 × 18 × 30 cm,,True,False,False,assets/img/products/ari-011-mochila-escolar-de-spider-man-de-disney-.webp,18087568414880256
|
||||
ari-012-disney-mochila-de-poliester-ultraligera-,"Disney Mochila de poliéster ultraligera y transpirable, de gran tamaño y múltiples colores Dimension",Mochilas,Disney,"Disney Mochila de poliéster ultraligera y transpirable, de gran tamaño y múltiples colores Dimensiones 39x16x46",39 × 16 × 46 cm,,True,False,False,assets/img/products/ari-012-disney-mochila-de-poliester-ultraligera-.webp,18077075042356897
|
||||
ari-013-mochila-pequena-bob-esponja,Mochila pequeña Bob Esponja,Mochilas,Bob Esponja,"Mochila pequeña Bob Esponja disponibles en color blanco, negro y verde",,,True,False,False,assets/img/products/ari-013-mochila-pequena-bob-esponja.webp,17891585106407663
|
||||
ari-014-mochila-casual-de-gran-capacidad-con-est,"Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos anim",Mochilas,Bob Esponja,"Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos animados linda, esencial para volver a la escuela Dimensiones 20 cm x 15 cm x 10 cm ",20 × 15 × 10 cm,,True,False,False,assets/img/products/ari-014-mochila-casual-de-gran-capacidad-con-est.webp,18119703688604702
|
||||
ari-015-mochila-escolar-estilo-britanico-de-disn,"Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochila de ",Mochilas,Disney,"Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochila de gran capacidad y ultraligera para el inicio del colegio dimensiones 38 cm x 27 cm x 14.5 cm ","38 × 27 × 14,5 cm",,True,False,False,assets/img/products/ari-015-mochila-escolar-estilo-britanico-de-disn.webp,18558512062005705
|
||||
ari-016-disney-mochila-iron-man-de-poliester-ult,"Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46 cm x",Mochilas,Marvel,"Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46 cm x 33 cm x 19 cm ",46 × 33 × 19 cm,,True,False,False,assets/img/products/ari-016-disney-mochila-iron-man-de-poliester-ult.webp,17862794898572444
|
||||
ari-017-mochila-de-disney-marvel-capitan-america,"Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras, par",Mochilas,Marvel,"Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras, para estudiantes de secundaria dimensiones 45 cm x 30 cm x 14 cm ",45 × 30 × 14 cm,,True,False,False,assets/img/products/ari-017-mochila-de-disney-marvel-capitan-america.webp,17977485617974392
|
||||
|
||||
|
@@ -1,7 +1,6 @@
|
||||
{
|
||||
"version": "2.1.0",
|
||||
"updatedAt": "2026-07-19T18:18:43.430634+00:00",
|
||||
"currency": "COP",
|
||||
"version": "2.2.0",
|
||||
"updatedAt": "2026-07-19T19:39:12.411122+00:00",
|
||||
"pricingMode": "consult",
|
||||
"products": [
|
||||
{
|
||||
@@ -16,16 +15,8 @@
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": true,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-001-toy-story-5-rex.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18085705364648339",
|
||||
"capturedAt": "2026-07-16T15:58:50+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-001-toy-story-5-rex.webp",
|
||||
"fbid": "18085705364648339"
|
||||
},
|
||||
{
|
||||
"id": "ari-002-toy-story-5-buzz-lightyear",
|
||||
@@ -39,16 +30,8 @@
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": true,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-002-toy-story-5-buzz-lightyear.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "17992282196809499",
|
||||
"capturedAt": "2026-06-25T18:02:24+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-002-toy-story-5-buzz-lightyear.webp",
|
||||
"fbid": "17992282196809499"
|
||||
},
|
||||
{
|
||||
"id": "ari-003-toy-story-5-jessie",
|
||||
@@ -62,16 +45,8 @@
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": true,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-003-toy-story-5-jessie.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18095236400246225",
|
||||
"capturedAt": "2026-06-25T18:01:25+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-003-toy-story-5-jessie.webp",
|
||||
"fbid": "18095236400246225"
|
||||
},
|
||||
{
|
||||
"id": "ari-004-toy-story-5-woody",
|
||||
@@ -85,135 +60,87 @@
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": true,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-004-toy-story-5-woody.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "17928025740357011",
|
||||
"capturedAt": "2026-06-25T17:58:48+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-004-toy-story-5-woody.webp",
|
||||
"fbid": "17928025740357011"
|
||||
},
|
||||
{
|
||||
"id": "ari-005-intensamente-furia",
|
||||
"name": "Intensamente Furia",
|
||||
"category": "Peluches",
|
||||
"collection": "Intensamente",
|
||||
"description": "Intensamente Furia Disney Aprox 11 “",
|
||||
"dimensions": "Aprox. 11 pulgadas",
|
||||
"description": "Intensamente Furia Disney Aprox 11 “ ",
|
||||
"dimensions": "",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-005-intensamente-furia.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "17872853505541489",
|
||||
"capturedAt": "2026-02-19T17:58:49+00:00"
|
||||
}
|
||||
"new": true,
|
||||
"image": "assets/img/products/ari-005-intensamente-furia.webp",
|
||||
"fbid": "17872853505541489"
|
||||
},
|
||||
{
|
||||
"id": "ari-006-intensamente-tristeza",
|
||||
"name": "Intensamente Tristeza",
|
||||
"category": "Peluches",
|
||||
"collection": "Intensamente",
|
||||
"description": "Intensamente Tristeza Disney Aprox 11 “",
|
||||
"dimensions": "Aprox. 11 pulgadas",
|
||||
"description": "Intensamente Tristeza Disney Aprox 11 “ ",
|
||||
"dimensions": "",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-006-intensamente-tristeza.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "17869884192555816",
|
||||
"capturedAt": "2026-02-19T17:57:56+00:00"
|
||||
}
|
||||
"new": true,
|
||||
"image": "assets/img/products/ari-006-intensamente-tristeza.webp",
|
||||
"fbid": "17869884192555816"
|
||||
},
|
||||
{
|
||||
"id": "ari-007-minnie-y-mickey-mouse",
|
||||
"name": "Minnie y Mickey Mouse",
|
||||
"category": "Peluches",
|
||||
"collection": "Mickey & Minnie",
|
||||
"description": "Minnie y Mickey Mouse Disney 🧸 Edición especial Aprox 15 “",
|
||||
"dimensions": "Aprox. 15 pulgadas",
|
||||
"description": "Minnie y Mickey Mouse Disney 🧸 Edición especial Aprox 15 “ ",
|
||||
"dimensions": "",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-007-minnie-y-mickey-mouse.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18116898613530808",
|
||||
"capturedAt": "2026-02-19T17:55:57+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-007-minnie-y-mickey-mouse.webp",
|
||||
"fbid": "18116898613530808"
|
||||
},
|
||||
{
|
||||
"id": "ari-008-angel-lilo-y-stitch",
|
||||
"name": "Angel Lilo y Stitch",
|
||||
"category": "Peluches",
|
||||
"collection": "Lilo & Stitch",
|
||||
"description": "Angel Lilo y Stitch Disney Aprox 13 “",
|
||||
"dimensions": "Aprox. 13 pulgadas",
|
||||
"description": "Angel Lilo y Stitch Disney Aprox 13 “ ",
|
||||
"dimensions": "",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": true,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-008-angel-lilo-y-stitch.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18161192263375119",
|
||||
"capturedAt": "2026-02-19T17:52:50+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-008-angel-lilo-y-stitch.webp",
|
||||
"fbid": "18161192263375119"
|
||||
},
|
||||
{
|
||||
"id": "ari-009-mochilas-disney-coleccion-marvel",
|
||||
"name": "Mochilas Disney colección Marvel",
|
||||
"category": "Mochilas",
|
||||
"collection": "Marvel",
|
||||
"description": "Mochilas Disney colección Marvel",
|
||||
"description": "Mochilas Disney colección Marvel ",
|
||||
"dimensions": "",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-009-mochilas-disney-coleccion-marvel.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18137839804491353",
|
||||
"capturedAt": "2026-01-29T03:07:00+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-009-mochilas-disney-coleccion-marvel.webp",
|
||||
"fbid": "18137839804491353"
|
||||
},
|
||||
{
|
||||
"id": "ari-010-mochila-ligera-y-resistente-al-agua-de-dis",
|
||||
"name": "Mochila ligera y resistente al agua de Disney Frozen, mochila escolar y de viaje con múltiples ",
|
||||
"id": "ari-010-mochila-ligera-y-resistente-al-agua-de-d",
|
||||
"name": "Mochila ligera y resistente al agua de Disney Frozen, mochila escolar y de viaje con múltiples compa",
|
||||
"category": "Mochilas",
|
||||
"collection": "Frozen",
|
||||
"description": "Mochila ligera y resistente al agua de Disney Frozen, mochila escolar y de viaje con múltiples compartimentos y degradado, mochila de poliéster para estudiantes, tamaño pequeño en color rosa y azul celeste",
|
||||
@@ -223,20 +150,12 @@
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-010-mochila-ligera-y-resistente-al-agua-de-dis.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18111649603646835",
|
||||
"capturedAt": "2026-01-28T22:41:44+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-010-mochila-ligera-y-resistente-al-agua-de-d.webp",
|
||||
"fbid": "18111649603646835"
|
||||
},
|
||||
{
|
||||
"id": "ari-011-mochila-escolar-de-spider-man-de-disney-mo",
|
||||
"name": "Mochila escolar de Spider-Man de Disney, moda estudiantil, libro de gran capacidad, mochila lig",
|
||||
"id": "ari-011-mochila-escolar-de-spider-man-de-disney-",
|
||||
"name": "Mochila escolar de Spider-Man de Disney, moda estudiantil, libro de gran capacidad, mochila ligera, ",
|
||||
"category": "Mochilas",
|
||||
"collection": "Marvel",
|
||||
"description": "Mochila escolar de Spider-Man de Disney, moda estudiantil, libro de gran capacidad, mochila ligera, antibacteriana y transpirable, resistente a salpicaduras, Dimensiones 28x18x30",
|
||||
@@ -246,20 +165,12 @@
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-011-mochila-escolar-de-spider-man-de-disney-mo.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18087568414880256",
|
||||
"capturedAt": "2026-01-28T22:40:27+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-011-mochila-escolar-de-spider-man-de-disney-.webp",
|
||||
"fbid": "18087568414880256"
|
||||
},
|
||||
{
|
||||
"id": "ari-012-disney-mochila-de-poliester-ultraligera-y-",
|
||||
"name": "Disney Mochila de poliéster ultraligera y transpirable, de gran tamaño y múltiples colores Dime",
|
||||
"id": "ari-012-disney-mochila-de-poliester-ultraligera-",
|
||||
"name": "Disney Mochila de poliéster ultraligera y transpirable, de gran tamaño y múltiples colores Dimension",
|
||||
"category": "Mochilas",
|
||||
"collection": "Disney",
|
||||
"description": "Disney Mochila de poliéster ultraligera y transpirable, de gran tamaño y múltiples colores Dimensiones 39x16x46",
|
||||
@@ -269,16 +180,8 @@
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-012-disney-mochila-de-poliester-ultraligera-y-.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18077075042356897",
|
||||
"capturedAt": "2026-01-28T22:39:36+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-012-disney-mochila-de-poliester-ultraligera-.webp",
|
||||
"fbid": "18077075042356897"
|
||||
},
|
||||
{
|
||||
"id": "ari-013-mochila-pequena-bob-esponja",
|
||||
@@ -292,108 +195,68 @@
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-013-mochila-pequena-bob-esponja.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "17891585106407663",
|
||||
"capturedAt": "2026-01-26T21:29:12+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-013-mochila-pequena-bob-esponja.webp",
|
||||
"fbid": "17891585106407663"
|
||||
},
|
||||
{
|
||||
"id": "ari-014-mochila-casual-de-gran-capacidad-con-estam",
|
||||
"name": "Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos",
|
||||
"id": "ari-014-mochila-casual-de-gran-capacidad-con-est",
|
||||
"name": "Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos anim",
|
||||
"category": "Mochilas",
|
||||
"collection": "Bob Esponja",
|
||||
"description": "Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos animados linda, esencial para volver a la escuela Dimensiones 20 cm x 15 cm x 10 cm",
|
||||
"description": "Mochila casual de gran capacidad con estampado de Bob Esponja, unisex, bolsa escolar de dibujos animados linda, esencial para volver a la escuela Dimensiones 20 cm x 15 cm x 10 cm ",
|
||||
"dimensions": "20 × 15 × 10 cm",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-014-mochila-casual-de-gran-capacidad-con-estam.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18119703688604702",
|
||||
"capturedAt": "2026-01-26T01:33:29+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-014-mochila-casual-de-gran-capacidad-con-est.webp",
|
||||
"fbid": "18119703688604702"
|
||||
},
|
||||
{
|
||||
"id": "ari-015-mochila-escolar-estilo-britanico-de-disney",
|
||||
"name": "Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochil",
|
||||
"id": "ari-015-mochila-escolar-estilo-britanico-de-disn",
|
||||
"name": "Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochila de ",
|
||||
"category": "Mochilas",
|
||||
"collection": "Disney",
|
||||
"description": "Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochila de gran capacidad y ultraligera para el inicio del colegio dimensiones 38 cm x 27 cm x 14.5 cm",
|
||||
"description": "Mochila escolar estilo britanico de Disney con protección de la columna vertebral, nueva mochila de gran capacidad y ultraligera para el inicio del colegio dimensiones 38 cm x 27 cm x 14.5 cm ",
|
||||
"dimensions": "38 × 27 × 14,5 cm",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-015-mochila-escolar-estilo-britanico-de-disney.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "18558512062005705",
|
||||
"capturedAt": "2026-01-26T01:32:17+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-015-mochila-escolar-estilo-britanico-de-disn.webp",
|
||||
"fbid": "18558512062005705"
|
||||
},
|
||||
{
|
||||
"id": "ari-016-disney-mochila-iron-man-de-poliester-ultra",
|
||||
"name": "Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46",
|
||||
"id": "ari-016-disney-mochila-iron-man-de-poliester-ult",
|
||||
"name": "Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46 cm x",
|
||||
"category": "Mochilas",
|
||||
"collection": "Marvel",
|
||||
"description": "Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46 cm x 33 cm x 19 cm",
|
||||
"description": "Disney Mochila Iron Man, de poliéster ultraligera y transpirable, de gran tamaño dimensiones 46 cm x 33 cm x 19 cm ",
|
||||
"dimensions": "46 × 33 × 19 cm",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-016-disney-mochila-iron-man-de-poliester-ultra.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "17862794898572444",
|
||||
"capturedAt": "2026-01-26T01:27:38+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-016-disney-mochila-iron-man-de-poliester-ult.webp",
|
||||
"fbid": "17862794898572444"
|
||||
},
|
||||
{
|
||||
"id": "ari-017-mochila-de-disney-marvel-capitan-america-d",
|
||||
"name": "Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras",
|
||||
"id": "ari-017-mochila-de-disney-marvel-capitan-america",
|
||||
"name": "Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras, par",
|
||||
"category": "Mochilas",
|
||||
"collection": "Marvel",
|
||||
"description": "Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras, para estudiantes de secundaria dimensiones 45 cm x 30 cm x 14 cm",
|
||||
"description": "Mochila de Disney Marvel Capitán America, de gran capacidad, ligera y resistente a salpicaduras, para estudiantes de secundaria dimensiones 45 cm x 30 cm x 14 cm ",
|
||||
"dimensions": "45 × 30 × 14 cm",
|
||||
"price": null,
|
||||
"priceText": "Consultar disponibilidad",
|
||||
"available": true,
|
||||
"featured": false,
|
||||
"new": false,
|
||||
"stockText": "Disponible para confirmar",
|
||||
"images": [
|
||||
"assets/img/products/ari-017-mochila-de-disney-marvel-capitan-america-d.webp"
|
||||
],
|
||||
"source": {
|
||||
"type": "instagram-export",
|
||||
"account": "ari_shopping1",
|
||||
"fbid": "17977485617974392",
|
||||
"capturedAt": "2026-01-26T01:24:48+00:00"
|
||||
}
|
||||
"image": "assets/img/products/ari-017-mochila-de-disney-marvel-capitan-america.webp",
|
||||
"fbid": "17977485617974392"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -1,13 +1,9 @@
|
||||
{
|
||||
"version": "2.1.0",
|
||||
"version": "2.2.0",
|
||||
"brand": "Ari Shopping",
|
||||
"tagline": "Variedad de productos y marcas en un solo lugar.",
|
||||
"instagramUrl": "https://www.instagram.com/ari_shopping1/",
|
||||
"facebookUrl": "https://www.facebook.com/arishopping1imp/",
|
||||
"whatsappUrl": "https://wa.link/rvcqqc",
|
||||
"deliveryText": "Envíos seguros",
|
||||
"paymentText": "Pagos fáciles",
|
||||
"supportText": "Atención personalizada",
|
||||
"catalogUrl": "data/products.json",
|
||||
"currency": "COP",
|
||||
"locale": "es-CO"
|
||||
|
||||
@@ -2,75 +2,82 @@
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
|
||||
<meta name="theme-color" content="#ff3f86">
|
||||
<meta name="description" content="Ari Shopping: juguetes, peluches, mochilas y regalos con atención personalizada.">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="theme-color" content="#ff4f98">
|
||||
<title>Ari Shopping</title>
|
||||
<link rel="icon" href="assets/img/brand/favicon.svg" type="image/svg+xml">
|
||||
<meta name="description" content="Ari Shopping · juguetes, peluches, mochilas y regalos con atención personalizada.">
|
||||
<link rel="icon" href="assets/img/brand/favicon.png" type="image/png">
|
||||
<link rel="stylesheet" href="assets/css/styles.css">
|
||||
<script defer src="assets/js/app.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#productos">Ir a productos</a>
|
||||
<div class="announcement"><span>Envíos seguros</span><strong>Atención personalizada</strong><span>Pedidos por WhatsApp</span></div>
|
||||
<div class="topbar">Envíos seguros · Atención personalizada · Pedidos por WhatsApp</div>
|
||||
<header class="site-header">
|
||||
<div class="header-shell shell">
|
||||
<a class="brand" href="#inicio"><img src="assets/img/brand/logo.svg" alt="Ari Shopping"></a>
|
||||
<nav class="main-nav" aria-label="Categorías">
|
||||
<button type="button" data-nav-category="Todos">Todos</button>
|
||||
<button type="button" data-nav-category="Figuras">Lo nuevo</button>
|
||||
<button type="button" data-nav-collection="Toy Story">Toy Story</button>
|
||||
<button type="button" data-nav-category="Peluches">Peluches</button>
|
||||
<button type="button" data-nav-category="Mochilas">Mochilas</button>
|
||||
<button type="button" data-nav-collection="Marvel">Marvel</button>
|
||||
<div class="container header-grid">
|
||||
<a class="brand" href="#inicio" aria-label="Ari Shopping">
|
||||
<img class="brand-logo" src="assets/img/brand/logo-ari.png" alt="Logo Ari Shopping">
|
||||
<div class="brand-copy">
|
||||
<strong>Ari Shopping</strong>
|
||||
<span>Detalles que hacen tu día más especial</span>
|
||||
</div>
|
||||
</a>
|
||||
<nav class="main-nav" aria-label="Secciones">
|
||||
<button data-nav="Todos">Todos</button>
|
||||
<button data-nav="Figuras">Juguetes</button>
|
||||
<button data-nav="Peluches">Peluches</button>
|
||||
<button data-nav="Mochilas">Mochilas</button>
|
||||
<button data-col="Marvel">Marvel</button>
|
||||
<button data-col="Toy Story">Toy Story</button>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<button class="search-open" id="searchOpen" type="button" aria-label="Buscar"><svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></svg></button>
|
||||
<button class="cart-button" id="cartButton" type="button"><span>Carrito</span><strong id="cartCount">0</strong></button>
|
||||
<button id="searchToggle" class="ghost-btn" type="button">Buscar</button>
|
||||
<button id="cartOpen" class="pill-btn" type="button">Carrito <span id="cartCount">0</span></button>
|
||||
</div>
|
||||
</div>
|
||||
<form class="search-panel shell" id="searchPanel" hidden>
|
||||
<label for="searchInput">¿Qué estás buscando?</label>
|
||||
<div><input id="searchInput" type="search" placeholder="Rex, Stitch, mochila Marvel..."><button type="button" id="searchClose">Cerrar</button></div>
|
||||
</form>
|
||||
<div class="container search-row" id="searchRow" hidden>
|
||||
<input id="searchInput" type="search" placeholder="Buscar producto o colección…">
|
||||
<button id="searchClose" class="ghost-btn" type="button">Cerrar</button>
|
||||
</div>
|
||||
</header>
|
||||
<main id="inicio">
|
||||
<section class="hero shell">
|
||||
<section class="hero container">
|
||||
<div class="hero-copy">
|
||||
<span class="eyebrow">Nueva colección</span>
|
||||
<h1>Encuentra ese detalle que hace el día más <em>especial.</em></h1>
|
||||
<p>Juguetes, personajes, peluches y mochilas seleccionados para sorprender. Compra fácil y recibe atención personalizada.</p>
|
||||
<div class="hero-actions"><a class="button primary" href="#productos">Explorar productos</a><a class="button text" href="https://www.instagram.com/ari_shopping1/" target="_blank" rel="noopener">Ver Instagram</a></div>
|
||||
<div class="hero-actions">
|
||||
<a class="primary-btn" href="#productos">Explorar productos</a>
|
||||
<a class="link-btn" target="_blank" rel="noopener" href="https://www.instagram.com/ari_shopping1/">Ver Instagram</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-image"><img src="assets/img/hero/hero-products.webp" alt="Productos Toy Story de Ari Shopping"><span class="hero-note">Productos reales de Ari Shopping</span></div>
|
||||
<div class="hero-visual"><div class="hero-card"><img src="assets/img/hero/hero-real.webp" alt="Selección de productos reales de Ari Shopping"><small>Productos reales de Ari Shopping</small></div></div>
|
||||
</section>
|
||||
<section class="service-strip shell">
|
||||
<article><i>↗</i><div><strong>Envíos seguros</strong><span>Coordina tu entrega con nosotros.</span></div></article>
|
||||
<article><i>▣</i><div><strong>Pagos fáciles</strong><span>Confirma disponibilidad antes de pagar.</span></div></article>
|
||||
<article><i>♥</i><div><strong>Atención cercana</strong><span>Te ayudamos a elegir el producto ideal.</span></div></article>
|
||||
<section class="benefits container">
|
||||
<article><div class="icon-dot">↗</div><div><strong>Envíos seguros</strong><span>Coordina tu entrega con nosotros.</span></div></article>
|
||||
<article><div class="icon-dot">▣</div><div><strong>Pagos fáciles</strong><span>Confirma disponibilidad antes de pagar.</span></div></article>
|
||||
<article><div class="icon-dot">♥</div><div><strong>Atención cercana</strong><span>Te ayudamos a elegir el producto ideal.</span></div></article>
|
||||
</section>
|
||||
<section class="category-section shell">
|
||||
<div class="section-heading"><div><span class="eyebrow">Explora la tienda</span><h2>Compra por categoría</h2><p>Encuentra rápidamente lo que estás buscando.</p></div><a href="#productos">Ver todo →</a></div>
|
||||
<section class="categories container">
|
||||
<div class="section-head"><div><span class="eyebrow">Explora la tienda</span><h2>Compra por categoría</h2><p>Encuentra rápidamente lo que estás buscando.</p></div><a href="#productos">Ver todo →</a></div>
|
||||
<div class="category-grid">
|
||||
<button class="category-card" data-category="Figuras" style="--image:url('../img/categories/figuras.webp')"><span>Figuras</span><small>Toy Story y personajes</small></button>
|
||||
<button class="category-card" data-category="Peluches" style="--image:url('../img/categories/peluches.webp')"><span>Peluches</span><small>Personajes para regalar</small></button>
|
||||
<button class="category-card" data-category="Mochilas" style="--image:url('../img/categories/mochilas.webp')"><span>Mochilas</span><small>Escolares y casuales</small></button>
|
||||
<button class="category-card" data-collection="Marvel" style="--image:url('../img/categories/marvel.webp')"><span>Marvel</span><small>Diseños con personalidad</small></button>
|
||||
<button class="category-card" data-cat="Figuras"><img src="assets/img/categories/figuras.webp" alt="Figuras"><div><strong>Juguetes</strong><span>Toy Story y personajes</span></div></button>
|
||||
<button class="category-card" data-cat="Peluches"><img src="assets/img/categories/peluches.webp" alt="Peluches"><div><strong>Peluches</strong><span>Personajes para regalar</span></div></button>
|
||||
<button class="category-card" data-cat="Mochilas"><img src="assets/img/categories/mochilas.webp" alt="Mochilas"><div><strong>Bolsos y mochilas</strong><span>Escolares y casuales</span></div></button>
|
||||
<button class="category-card" data-col="Marvel"><img src="assets/img/categories/marvel.webp" alt="Marvel"><div><strong>Marvel</strong><span>Diseños con personalidad</span></div></button>
|
||||
</div>
|
||||
</section>
|
||||
<section class="products-section shell" id="productos">
|
||||
<div class="section-heading products-heading"><div><span class="eyebrow">Catálogo real</span><h2>Productos destacados</h2><p id="catalogSummary">Cargando productos...</p></div><a id="availabilityLink" href="https://wa.link/rvcqqc" target="_blank" rel="noopener">Consultar disponibilidad →</a></div>
|
||||
<div class="product-toolbar"><div class="filter-chips" id="filterChips"></div><select id="sortSelect"><option value="featured">Destacados</option><option value="newest">Más recientes</option><option value="name">Nombre</option></select></div>
|
||||
<div class="product-grid" id="productGrid" aria-live="polite"></div>
|
||||
<div class="empty-state" id="emptyState" hidden><strong>No encontramos productos</strong><p>Prueba con otra categoría o búsqueda.</p><button class="button primary" id="resetButton" type="button">Ver todos</button></div>
|
||||
<section class="catalog container" id="productos">
|
||||
<div class="section-head catalog-head"><div><span class="eyebrow">Catálogo real</span><h2>Productos destacados</h2><p id="catalogSummary">Cargando productos…</p></div><a class="availability-link" target="_blank" rel="noopener" href="https://wa.link/rvcqqc">Consultar disponibilidad →</a></div>
|
||||
<div class="toolbar"><div class="chips" id="filterChips"></div><select id="sortSelect" aria-label="Ordenar productos"><option value="featured">Destacados</option><option value="new">Más recientes</option><option value="name">Nombre</option></select></div>
|
||||
<div class="product-grid" id="productGrid"></div>
|
||||
<div class="empty-state" id="emptyState" hidden><strong>No encontramos productos</strong><p>Intenta con otra categoría o restablece el catálogo.</p><button id="resetFilters" class="primary-btn" type="button">Ver todos</button></div>
|
||||
</section>
|
||||
<section class="social-band"><div class="shell"><div><span class="eyebrow">Comunidad Ari Shopping</span><h2>Novedades y promociones en Instagram.</h2></div><a class="button white" href="https://www.instagram.com/ari_shopping1/" target="_blank" rel="noopener">@ari_shopping1</a></div></section>
|
||||
<section class="social-band"><div class="container social-inner"><div><span class="eyebrow light">Comunidad Ari Shopping</span><h2>Novedades y promociones en Instagram.</h2></div><a class="white-btn" target="_blank" rel="noopener" href="https://www.instagram.com/ari_shopping1/">@ari_shopping1</a></div></section>
|
||||
</main>
|
||||
<footer><div class="shell footer-main"><img src="assets/img/brand/logo.svg" alt="Ari Shopping"><p>Detalles que emocionan, compras que disfrutas.</p><span>Frontend v2.1.0</span></div></footer>
|
||||
<div class="overlay" id="overlay" hidden></div>
|
||||
<aside class="cart-drawer" id="cartDrawer" aria-hidden="true"><header><div><span class="eyebrow">Tu selección</span><h2>Pedido</h2></div><button id="cartClose">×</button></header><div class="cart-items" id="cartItems"></div><footer class="cart-footer"><button class="button primary full" id="checkoutButton">Enviar por WhatsApp</button><button class="clear-cart" id="clearCart">Vaciar selección</button><small>Precio y disponibilidad se confirman directamente con Ari Shopping.</small></footer></aside>
|
||||
<dialog id="productDialog"><button class="dialog-close" id="dialogClose">×</button><div id="dialogContent"></div></dialog>
|
||||
<div class="toast-region" id="toastRegion" aria-live="polite"></div>
|
||||
<template id="productTemplate"><article class="product-card"><button class="product-image product-open" type="button"><img loading="lazy" alt=""></button><div class="product-info"><div class="product-meta"><span class="product-category"></span><span class="product-collection"></span></div><button class="product-name product-open" type="button"></button><p class="product-description"></p><div class="product-bottom"><strong>Consultar</strong><button class="add-button" type="button">Agregar</button></div></div></article></template>
|
||||
<footer class="site-footer"><div class="container footer-grid"><div class="footer-brand"><img src="assets/img/brand/logo-ari.png" alt="Ari Shopping"><div><strong>Ari Shopping</strong><span>Detalles que emocionan, compras que disfrutas.</span></div></div><div class="footer-meta">Frontend v2.2.0</div></div></footer>
|
||||
<aside id="cartDrawer" class="drawer" aria-hidden="true"><div class="drawer-header"><div><span class="eyebrow">Tu pedido</span><h3>Carrito</h3></div><button id="cartClose" class="ghost-btn" type="button">Cerrar</button></div><div id="cartItems" class="drawer-body"></div><div class="drawer-footer"><button id="checkoutBtn" class="primary-btn full" type="button">Enviar por WhatsApp</button><button id="clearCart" class="ghost-btn full" type="button">Vaciar pedido</button><small>Precio y disponibilidad se confirman directamente con Ari Shopping.</small></div></aside>
|
||||
<div id="backdrop" class="backdrop" hidden></div>
|
||||
<dialog id="productDialog" class="product-dialog"><button id="dialogClose" class="dialog-close" type="button">×</button><div id="dialogContent"></div></dialog>
|
||||
<template id="productTemplate"><article class="product-card"><button class="product-image product-open" type="button"><img alt=""></button><div class="product-content"><div class="product-tags"><span class="tag category"></span><span class="tag collection"></span></div><button class="product-title product-open" type="button"></button><p class="product-description"></p><div class="product-actions"><strong>Consultar</strong><button class="primary-small add-product" type="button">Agregar</button></div></div></article></template>
|
||||
<script src="assets/js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
@@ -3,27 +3,35 @@ from __future__ import annotations
|
||||
import csv, json
|
||||
from datetime import datetime, timezone
|
||||
from pathlib import Path
|
||||
ROOT=Path(__file__).resolve().parents[1]
|
||||
SOURCE=ROOT/'catalog-source.csv'
|
||||
OUTPUT=ROOT/'data/products.json'
|
||||
def boolean(v:str)->bool:return str(v).strip().lower() in {'1','true','yes','si','sí'}
|
||||
def main()->int:
|
||||
products=[]
|
||||
with SOURCE.open(newline='',encoding='utf-8-sig') as handle:
|
||||
ROOT = Path(__file__).resolve().parents[1]
|
||||
SRC = ROOT / 'catalog-source.csv'
|
||||
OUT = ROOT / 'data/products.json'
|
||||
|
||||
def to_bool(v: str) -> bool:
|
||||
return str(v).strip().lower() in {'1','true','yes','si','sí'}
|
||||
|
||||
def main() -> int:
|
||||
products = []
|
||||
with SRC.open(newline='', encoding='utf-8-sig') as handle:
|
||||
for row in csv.DictReader(handle):
|
||||
raw=(row.get('price') or '').strip()
|
||||
price=int(float(raw)) if raw else None
|
||||
products.append({
|
||||
'id':row['id'].strip(),'name':row['name'].strip(),
|
||||
'category':row['category'].strip(),'collection':row['collection'].strip(),
|
||||
'description':row['description'].strip(),'dimensions':row['dimensions'].strip(),
|
||||
'price':price,'priceText':'Consultar disponibilidad' if price is None else '',
|
||||
'available':boolean(row['available']),'featured':boolean(row['featured']),
|
||||
'new':boolean(row['new']),'stockText':'Disponible para confirmar',
|
||||
'images':[row['image'].strip()],
|
||||
'source':{'type':'instagram-export','account':'ari_shopping1','fbid':row['source_fbid'].strip()}
|
||||
'id': row['id'].strip(),
|
||||
'name': row['name'].strip(),
|
||||
'category': row['category'].strip(),
|
||||
'collection': row['collection'].strip(),
|
||||
'description': row['description'].strip(),
|
||||
'dimensions': row['dimensions'].strip(),
|
||||
'price': None,
|
||||
'priceText': 'Consultar disponibilidad',
|
||||
'available': to_bool(row['available']),
|
||||
'featured': to_bool(row['featured']),
|
||||
'new': to_bool(row['new']),
|
||||
'image': row['image'].strip(),
|
||||
'fbid': row['fbid'].strip(),
|
||||
})
|
||||
OUTPUT.write_text(json.dumps({'version':'2.1.0','updatedAt':datetime.now(timezone.utc).isoformat(),'currency':'COP','pricingMode':'consult','products':products},ensure_ascii=False,indent=2)+'\n',encoding='utf-8')
|
||||
print(f'OK: {len(products)} productos escritos en {OUTPUT}')
|
||||
OUT.write_text(json.dumps({'version':'2.2.0','updatedAt':datetime.now(timezone.utc).isoformat(),'pricingMode':'consult','products':products}, ensure_ascii=False, indent=2), encoding='utf-8')
|
||||
print(f'OK: {len(products)} productos escritos en {OUT}')
|
||||
return 0
|
||||
if __name__=='__main__':raise SystemExit(main())
|
||||
|
||||
if __name__ == '__main__':
|
||||
raise SystemExit(main())
|
||||
|
||||
Reference in New Issue
Block a user