{"id":16134,"date":"2026-10-18T21:51:52","date_gmt":"2026-10-18T13:51:52","guid":{"rendered":"https:\/\/www.airsang.com\/?p=16134"},"modified":"2026-10-18T21:51:52","modified_gmt":"2026-10-18T13:51:52","slug":"shopyy-footwear-website-design-stockskick","status":"publish","type":"post","link":"https:\/\/www.airsang.com\/es\/shopyy-footwear-website-design-stockskick\/","title":{"rendered":"Dise\u00f1o web Shopyy para calzado: StocksKick y la selecci\u00f3n de tallas"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Descripci\u00f3n general del proyecto<\/h2><p class=\"wp-block-paragraph\">En el sitio Shopyy de StocksKick organizamos las p\u00e1ginas alrededor de las colecciones de calzado y la selecci\u00f3n de tallas. Grandes banners crean la primera impresi\u00f3n; los iconos de servicio y las cuadr\u00edculas por categor\u00eda conducen a los modelos. La interfaz en blanco y negro, las im\u00e1genes amplias y las tarjetas ordenadas conectan la exploraci\u00f3n de colecciones, la comparaci\u00f3n del cat\u00e1logo y la consulta de cada producto.<\/p><figure class=\"wp-block-table airsang-shopyy-project\"><table class=\"has-fixed-layout\"><tbody><tr><td style=\"text-align:left\"><strong>Servicios<\/strong><\/td><td style=\"text-align:left\"><strong>Sector<\/strong><\/td><td style=\"text-align:left\"><strong>Plataforma<\/strong><\/td><\/tr><tr><td style=\"text-align:left\">Dise\u00f1o y desarrollo web Shopyy<\/td><td style=\"text-align:left\">Calzado y bolsos<\/td><td style=\"text-align:left\">Shopyy<\/td><\/tr><tr><td style=\"text-align:left\"><strong>Necesidades del proyecto<\/strong><\/td><td style=\"text-align:left\"><strong>Mercado objetivo<\/strong><\/td><td style=\"text-align:left\"><strong>Estilo de dise\u00f1o<\/strong><\/td><\/tr><tr><td style=\"text-align:left\">Presentaci\u00f3n de colecciones y selecci\u00f3n de tallas<\/td><td style=\"text-align:left\">Tienda en ingl\u00e9s con precios en d\u00f3lares estadounidenses<\/td><td style=\"text-align:left\">Interfaz en blanco y negro, grandes banners de calzado y tarjetas ordenadas<\/td><\/tr><tr><td style=\"text-align:left\"><strong>Presupuesto del proyecto<\/strong><\/td><td style=\"text-align:left\"><strong>Entregables<\/strong><\/td><td style=\"text-align:left\"><strong>Plazo de entrega<\/strong><\/td><\/tr><tr><td style=\"text-align:left\">CNY 6,700<\/td><td style=\"text-align:left\">Inicio, estructura de categor\u00edas, fichas de producto, dise\u00f1o adaptable y p\u00e1ginas de marca y contacto<\/td><td style=\"text-align:left\">14 d\u00edas<\/td><\/tr><\/tbody><\/table><\/figure><div class=\"wp-block-buttons airsang-case-client-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-3e41869c wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.stockskick.ru\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visitar el sitio del cliente<\/a><\/div><\/div><h2 class=\"wp-block-heading\">Reto de dise\u00f1o<\/h2><p class=\"wp-block-paragraph\">Una web de calzado debe mostrar siluetas y colores sin complicar la elecci\u00f3n de talla. Separamos banners, comparaci\u00f3n de cat\u00e1logo, fotograf\u00edas y opciones para que la expresi\u00f3n visual y las decisiones pr\u00e1cticas tengan su espacio.<\/p><h2 class=\"wp-block-heading\">Estrategia: colecciones de calzado y selecci\u00f3n de tallas<\/h2><p class=\"wp-block-paragraph\">Los grandes banners crean la primera impresi\u00f3n y los iconos de servicio y las cuadr\u00edculas de categor\u00edas conducen a elegir modelos. El inicio orienta, las categor\u00edas permiten comparar y las fichas explican apariencia y especificaciones. La navegaci\u00f3n conecta estos niveles.<\/p><p class=\"wp-block-paragraph\">Usamos Poppins en t\u00edtulos, navegaci\u00f3n y texto, jerarquizando mediante tama\u00f1o, peso y ancho de p\u00e1rrafo. La interfaz en blanco y negro, las im\u00e1genes amplias y las tarjetas regulares se mantienen en las p\u00e1ginas principales. La informaci\u00f3n relacionada queda agrupada, con m\u00e1s aire entre secciones para distinguir im\u00e1genes, explicaciones y acciones.<\/p><h3 class=\"wp-block-heading\">Movimiento y funciones al servicio de la elecci\u00f3n<\/h3><p class=\"wp-block-paragraph\">Los banners del inicio cambian autom\u00e1ticamente y las categor\u00edas de la cabecera enlazan los cat\u00e1logos. Las fichas conservan miniaturas de varios \u00e1ngulos, botones de talla agrupados e informaci\u00f3n desplegable. Estas interacciones permiten cambiar im\u00e1genes, comparar y leer detalles con una jerarqu\u00eda clara en blanco y negro.<\/p><figure class=\"wp-block-video\"><video autoplay loop muted playsinline preload=\"metadata\" poster=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-0-shopyy-stockskick-home-20261018.webp\" width=\"1280\" height=\"800\" style=\"width:100%;height:auto;border-radius:12px\"><source src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-1-shopyy-stockskick-walkthrough-20261018.webm\" type=\"video\/webm\"><\/video><\/figure><h2 class=\"wp-block-heading\">Inicio: el banner de calzado expresa la colecci\u00f3n<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-0-shopyy-stockskick-home-20261018.webp\" alt=\"StocksKick: banner de calzado en el inicio\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Un banner horizontal protagoniza la primera pantalla, mientras logo, b\u00fasqueda y categor\u00edas mantienen una alineaci\u00f3n ordenada. La gran imagen del calzado y el t\u00edtulo forman el centro visual; el entorno en blanco y negro resalta los colores de la colecci\u00f3n.<\/p><p class=\"wp-block-paragraph\">Poppins mantiene t\u00edtulos y navegaci\u00f3n limpios. Buscador e iconos comparten una l\u00ednea horizontal. La primera pantalla da espacio a la colecci\u00f3n y reserva los detalles para las p\u00e1ginas siguientes.<\/p><h2 class=\"wp-block-heading\">Productos del inicio: separar servicios y selecci\u00f3n<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-2-shopyy-stockskick-home-modules-20261018.webp\" alt=\"StocksKick: separaci\u00f3n de servicios y productos en el inicio\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">Bajo el banner, mensajes de servicio y productos llevan del tema general a modelos concretos. Iconos y frases breves forman una franja ligera; las tarjetas inferiores usan im\u00e1genes, nombres y precios uniformes para facilitar la comparaci\u00f3n.<\/p><p class=\"wp-block-paragraph\">El fondo blanco y las columnas fijas reducen distracciones, con intervalos iguales entre im\u00e1genes. El espacio entre t\u00edtulos y tarjetas separa claramente la informaci\u00f3n de servicio y la de producto.<\/p><h2 class=\"wp-block-heading\">Categor\u00eda: comparar siluetas y colores<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-3-shopyy-stockskick-collection-20261018.webp\" alt=\"StocksKick: comparaci\u00f3n de siluetas y colores en la categor\u00eda\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">La categor\u00eda presenta varias columnas con fotos, nombres y precios en el mismo orden. Las siluetas ocupan suficiente espacio para comparar primero los colores visualmente.<\/p><p class=\"wp-block-paragraph\">Texto negro, fondo claro y separaci\u00f3n regular de filas y columnas ordenan las tarjetas. Las herramientas del cat\u00e1logo est\u00e1n separadas de los productos para acotar opciones antes de consultar tallas en cada ficha.<\/p><h2 class=\"wp-block-heading\">Ficha: fotograf\u00eda amplia y matriz de tallas<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-4-shopyy-stockskick-product-20261018.webp\" alt=\"StocksKick: fotograf\u00eda de producto y matriz de tallas\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">La gran foto del calzado rojo aparece a la izquierda; t\u00edtulo, precio y tallas, a la derecha. Botones del mismo ancho forman una matriz con equivalencias US y EU dentro del \u00e1rea de selecci\u00f3n.<\/p><p class=\"wp-block-paragraph\">La fotograf\u00eda muestra silueta y materiales; el peso tipogr\u00e1fico y los espacios separan t\u00edtulo, precio y tallas. Los botones en blanco y negro mantienen el foco en el modelo y sus opciones.<\/p><h2 class=\"wp-block-heading\">Detalles inferiores: \u00e1ngulos y explicaciones desplegables<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-5-shopyy-stockskick-product-detail-20261018.webp\" alt=\"StocksKick: miniaturas y detalles desplegables\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">La imagen principal y sus miniaturas permanecen a la izquierda; a la derecha siguen talla, cantidad, compra y las secciones Detail y Customer Reviews. Vistas y explicaciones quedan pr\u00f3ximas, con recomendaciones de otros modelos debajo.<\/p><p class=\"wp-block-paragraph\">Las miniaturas comparten tama\u00f1o; l\u00edneas finas y signos m\u00e1s\/menos distinguen los desplegables. Un espacio amplio entre imagen y texto permite leer las especificaciones y apreciar las fotos por separado.<\/p><h2 class=\"wp-block-heading\">P\u00e1gina de marca: subt\u00edtulos para textos extensos<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-6-shopyy-stockskick-about-20261018.webp\" alt=\"StocksKick: subt\u00edtulos en la p\u00e1gina de marca\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">La informaci\u00f3n de marca ocupa una p\u00e1gina propia, con subt\u00edtulos para transacciones, productos y servicios. Conserva la cabecera de la tienda y dedica el espacio principal a la lectura.<\/p><p class=\"wp-block-paragraph\">El peso de Poppins diferencia subt\u00edtulos y p\u00e1rrafos, separados por espacio. Los temas permiten localizar informaci\u00f3n y volver al cat\u00e1logo desde la cabecera.<\/p><h2 class=\"wp-block-heading\">Contacto: horarios y canales en un solo lugar<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-7-shopyy-stockskick-contact-20261018.webp\" alt=\"StocksKick: horarios y canales de contacto\" class=\"\" width=\"1440\" height=\"900\"><\/figure><p class=\"wp-block-paragraph\">La p\u00e1gina enumera horarios, correo y WhatsApp. Una estructura vertical sencilla re\u00fane estos datos en una zona y evita buscarlos en distintas partes del pie.<\/p><p class=\"wp-block-paragraph\">El texto se alinea a la izquierda y los grupos mantienen separaci\u00f3n. Cabecera y pie conservan la estructura comercial; el cuerpo presenta informaci\u00f3n clara y ligera.<\/p><h2 class=\"wp-block-heading\">Ficha m\u00f3vil: imagen, nombre y tallas en secuencia<\/h2><figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.airsang.com\/wp-content\/uploads\/airsang-daily\/cn-7930-8-shopyy-stockskick-mobile-product-20261018.webp\" alt=\"StocksKick: imagen, nombre y tallas en m\u00f3vil\" class=\"\" width=\"390\" height=\"844\"><\/figure><p class=\"wp-block-paragraph\">En m\u00f3vil, la foto ocupa el ancho disponible, seguida de nombre, precio y opciones. Las columnas de escritorio pasan a una secuencia vertical para dar espacio a fotos y tallas.<\/p><p class=\"wp-block-paragraph\">T\u00edtulos claros y espaciado enlazan la imagen con la informaci\u00f3n. Los botones conservan el blanco y negro del escritorio para confirmar primero el modelo y despu\u00e9s la talla.<\/p><h2 class=\"wp-block-heading\">Conclusi\u00f3n: conectar la colecci\u00f3n con sus detalles<\/h2><p class=\"wp-block-paragraph\">En StocksKick, las colecciones y las tallas gu\u00edan una interfaz en blanco y negro con im\u00e1genes amplias y tarjetas ordenadas en inicio, categor\u00edas y fichas. Las im\u00e1genes expresan el tema, el texto explica detalles y el cat\u00e1logo y las opciones permiten avanzar. El m\u00f3vil mantiene la secuencia y una experiencia coherente.<\/p><h2 class=\"wp-block-heading\">Planifica una web Shopyy clara para tu marca<\/h2><p class=\"wp-block-paragraph\">Comparte tu sitio actual, materiales de marca y p\u00e1ginas necesarias. Revisaremos productos, mercado y prioridades de contenido para definir juntos p\u00e1ginas, dise\u00f1o y funciones adecuados.<\/p><div class=\"wp-block-buttons airsang-case-bottom-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button airsang-case-booking-trigger\" href=\"#airsang-case-booking\" data-platform=\"Shopyy\">Reservar una consulta sobre Shopyy<\/a><\/div><div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.airsang.com\/es\/website-design\/\">Explorar servicios de dise\u00f1o web<\/a><\/div><\/div><style>.airsang-case-client-buttons{display:flex;justify-content:center;margin:20px 0 32px}\n.airsang-case-bottom-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 32px}\n.airsang-case-client-buttons .wp-block-button__link,.airsang-case-bottom-buttons .wp-block-button__link{background:#30363a!important;color:#fff!important;border:1px solid #30363a;border-radius:999px;padding:14px 24px;line-height:1.5;text-decoration:none;display:inline-block;box-sizing:border-box;font-size:16px;text-align:center}\n.airsang-case-client-buttons a:hover,.airsang-case-bottom-buttons a:hover{background:#161b1e!important}\n.airsang-case-client-buttons a:focus-visible,.airsang-case-bottom-buttons a:focus-visible{outline:3px solid #f59e10;outline-offset:4px}\n#airsang-case-booking{box-sizing:border-box;width:min(680px,calc(100% - 32px));max-width:680px;max-height:90dvh;padding:0;border:0;border-radius:20px;background:#fff;color:#171717;box-shadow:0 24px 80px #0005;overflow:auto}\n#airsang-case-booking:not([open]){display:none}\n#airsang-case-booking::backdrop{background:rgba(0,0,0,.58)}\n#airsang-case-booking .aswb-panel{padding:28px}\n#airsang-case-booking .aswb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}\n#airsang-case-booking .aswb-eyebrow{color:#986000;font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 8px}\n#airsang-case-booking h2{font-size:26px;line-height:1.35;margin:0;font-weight:700}\n#airsang-case-booking .aswb-close{flex:0 0 40px;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;color:#171717;background:#fff;font-size:26px;line-height:1;padding:0;cursor:pointer}\n#airsang-case-booking .aswb-intro{font-size:14px;color:#646464;line-height:1.7;margin:0 0 20px}\n#airsang-case-booking .aswb-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n#airsang-case-booking .aswb-row>p{display:contents}\n#airsang-case-booking .airsang-web-booking-form br,#airsang-case-booking .airsang-business-form br{display:none}\n#airsang-case-booking label{display:block;font-size:14px;line-height:1.6;margin-bottom:14px;font-weight:500}\n#airsang-case-booking label>span:first-child{display:block;margin-bottom:6px}\n#airsang-case-booking label .wpcf7-form-control-wrap{display:block}\n#airsang-case-booking input:not([type=hidden]):not([type=submit]),#airsang-case-booking select,#airsang-case-booking textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:44px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;color:#171717;padding:10px 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;box-shadow:none}\n#airsang-case-booking textarea{min-height:94px;resize:vertical}\n#airsang-case-booking input:focus,#airsang-case-booking textarea:focus,#airsang-case-booking select:focus{outline:2px solid #f59e10;outline-offset:1px}\n#airsang-case-booking .aswb-notice{font-size:12px;line-height:1.7;color:#777;margin:4px 0 16px}\n#airsang-case-booking input[type=submit]{min-height:48px;width:100%;border:0;border-radius:999px;background:#f59e10;color:#161616;font-weight:700;font-size:16px;cursor:pointer;padding:12px 20px}\n#airsang-case-booking .wpcf7-form p{margin:0}\n#airsang-case-booking .wpcf7-response-output{font-size:14px;margin:16px 0 0}\n#airsang-case-booking .wpcf7-not-valid-tip{font-size:12px}\n@media(max-width:600px){#airsang-case-booking .aswb-panel{padding:22px 18px}#airsang-case-booking h2{font-size:23px}#airsang-case-booking .aswb-row{grid-template-columns:1fr;gap:0}.airsang-case-bottom-buttons .wp-block-button{width:100%}.airsang-case-bottom-buttons a{width:100%}}\n\n<\/style><dialog id=\"airsang-case-booking\" aria-labelledby=\"airsang-booking-title\"><div class=\"aswb-panel\"><div class=\"aswb-header\"><div><p class=\"aswb-eyebrow\">AIRSANG<\/p><h2 id=\"airsang-booking-title\" data-booking-heading>Reservar una consulta sobre Shopyy<\/h2><\/div><button type=\"button\" class=\"aswb-close\" data-booking-close aria-label=\"Cerrar consulta\">\u00d7<\/button><\/div><p class=\"aswb-intro\">Cu\u00e9ntanos sobre tu marca y las necesidades de tu web para planificar juntos p\u00e1ginas, dise\u00f1o y funciones.<\/p>\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f65-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"65\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/posts\/16134#wpcf7-f65-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/es\/wp-json\/wp\/v2\/posts\/16134#wpcf7-f65-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"65\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f65-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label> Tu nombre<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tu correo electr\u00f3nico<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Asunto<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Tu mensaje (opcional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n<\/div>\n<\/div><\/dialog><script>(()=>{\n  const dialog=document.getElementById('airsang-case-booking');\n  if(!dialog||dialog.dataset.ready==='true')return;\n  dialog.dataset.ready='true';\n  let opener=null,previousOverflow='';\n  document.querySelectorAll('.airsang-case-booking-trigger').forEach(trigger=>{\n    trigger.setAttribute('aria-haspopup','dialog');\n    trigger.setAttribute('aria-controls',dialog.id);\n    trigger.addEventListener('click',event=>{\n      event.preventDefault();opener=trigger;\n      const platform=trigger.dataset.platform||'Shopyy';\n      \/* Keep the server-translated dialog heading. *\/\n      const fields={source_url:location.href.split('#')[0],source_title:document.title,service_name:'Shopyy Website Design & Development',website_platform:platform};\n      for(const [name,value] of Object.entries(fields)){\n        const field=dialog.querySelector('[name=\"'+name+'\"]');\n        if(field)field.value=value;\n      }\n      previousOverflow=document.documentElement.style.overflow;\n      dialog.showModal();document.documentElement.style.overflow='hidden';\n      dialog.querySelector('[name=\"your-name\"]')?.focus({preventScroll:true});\n    });\n  });\n  dialog.querySelector('[data-booking-close]').addEventListener('click',()=>dialog.close());\n  dialog.addEventListener('click',event=>{if(event.target===dialog)dialog.close();});\n  dialog.addEventListener('close',()=>{document.documentElement.style.overflow=previousOverflow;opener?.focus({preventScroll:true});});\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>AIRSANG dise\u00f1\u00f3 la tienda Shopyy de StocksKick con grandes im\u00e1genes de calzado, interfaz en blanco y negro, tarjetas ordenadas y selecci\u00f3n clara de tallas en escritorio y m\u00f3vil.<\/p>","protected":false},"author":1,"featured_media":16133,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[83,77,97],"class_list":["post-16134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case-studies","tag-shoes-bags","tag-shopyy","tag-website-ui-design"],"_links":{"self":[{"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/posts\/16134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/comments?post=16134"}],"version-history":[{"count":1,"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/posts\/16134\/revisions"}],"predecessor-version":[{"id":16179,"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/posts\/16134\/revisions\/16179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/media\/16133"}],"wp:attachment":[{"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/media?parent=16134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/categories?post=16134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.airsang.com\/es\/wp-json\/wp\/v2\/tags?post=16134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}