prueba
<div id='colección-componente-1673385355663'></div>
<script tipo="texto/javascript">
/*<![CDATA[*/
(función () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
si (ventana.ShopifyBuy) {
si (ventana.ShopifyBuy.UI) {
ShopifyBuyInit();
} demás {
cargarScript();
}
} demás {
cargarScript();
}
función cargarScript() {
var script = documento.createElement('script');
secuencia de comandos.async = verdadero;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
función ShopifyBuyInit() {
var cliente = ShopifyBuy.buildClient({
dominio: 'raintree-2853.myshopify.com',
Token de acceso de escaparate: '22e78648f2dcfb20470ca68f8643c4f6',
});
ShopifyBuy.UI.onReady(cliente).then(función (ui) {
ui.createComponent('colección', {
identificación: '432043950370',
nodo: document.getElementById('colección-componente-1673385355663'),
Formato de dinero: '% 24% 7B% 7Bamount% 7D% 7D',
opciones: {
"producto": {
"estilos": {
"producto": {
"@media (ancho mínimo: 601 px)": {
"ancho-máximo": "calc(25% - 20px)",
"margen izquierdo": "20px",
"margen inferior": "50px",
"ancho": "calc(25% - 20px)"
},
"img": {
"altura": "calc(100% - 15px)",
"posición": "absoluta",
"izquierda": "0",
"derecha": "0",
"superior": "0"
},
"imgWrapper": {
"relleno superior": "calc(75% + 15px)",
"posición": "relativa",
"altura": "0"
}
}
},
"texto": {
"botón": "Agregar al carrito"
}
},
"conjuntoproducto": {
"estilos": {
"productos": {
"@media (ancho mínimo: 601 px)": {
"margen-izquierda": "-20px"
}
}
}
},
"Producto modal": {
"contenido": {
"img": falso,
"imgWithCarousel": verdadero,
"botón": falso,
"botónConCantidad": verdadero
},
"estilos": {
"producto": {
"@media (ancho mínimo: 601 px)": {
"ancho-máximo": "100%",
"margen izquierdo": "0px",
"margen inferior": "0px"
}
}
},
"texto": {
"botón": "Agregar al carrito"
}
},
"opción": {},
"carrito": {
"texto": {
"total": "Subtotal",
"botón": "Pagar"
},
"contenido": {
"nota": cierto
},
"emergente": falso
},
"alternar": {}
},
});
});
}
})();
/*]]>*/
</script>
<script tipo="texto/javascript">
/*<![CDATA[*/
(función () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
si (ventana.ShopifyBuy) {
si (ventana.ShopifyBuy.UI) {
ShopifyBuyInit();
} demás {
cargarScript();
}
} demás {
cargarScript();
}
función cargarScript() {
var script = documento.createElement('script');
secuencia de comandos.async = verdadero;
script.src = scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
función ShopifyBuyInit() {
var cliente = ShopifyBuy.buildClient({
dominio: 'raintree-2853.myshopify.com',
Token de acceso de escaparate: '22e78648f2dcfb20470ca68f8643c4f6',
});
ShopifyBuy.UI.onReady(cliente).then(función (ui) {
ui.createComponent('colección', {
identificación: '432043950370',
nodo: document.getElementById('colección-componente-1673385355663'),
Formato de dinero: '% 24% 7B% 7Bamount% 7D% 7D',
opciones: {
"producto": {
"estilos": {
"producto": {
"@media (ancho mínimo: 601 px)": {
"ancho-máximo": "calc(25% - 20px)",
"margen izquierdo": "20px",
"margen inferior": "50px",
"ancho": "calc(25% - 20px)"
},
"img": {
"altura": "calc(100% - 15px)",
"posición": "absoluta",
"izquierda": "0",
"derecha": "0",
"superior": "0"
},
"imgWrapper": {
"relleno superior": "calc(75% + 15px)",
"posición": "relativa",
"altura": "0"
}
}
},
"texto": {
"botón": "Agregar al carrito"
}
},
"conjuntoproducto": {
"estilos": {
"productos": {
"@media (ancho mínimo: 601 px)": {
"margen-izquierda": "-20px"
}
}
}
},
"Producto modal": {
"contenido": {
"img": falso,
"imgWithCarousel": verdadero,
"botón": falso,
"botónConCantidad": verdadero
},
"estilos": {
"producto": {
"@media (ancho mínimo: 601 px)": {
"ancho-máximo": "100%",
"margen izquierdo": "0px",
"margen inferior": "0px"
}
}
},
"texto": {
"botón": "Agregar al carrito"
}
},
"opción": {},
"carrito": {
"texto": {
"total": "Subtotal",
"botón": "Pagar"
},
"contenido": {
"nota": cierto
},
"emergente": falso
},
"alternar": {}
},
});
});
}
})();
/*]]>*/
</script>