FROM CACHE - it_header

Allineamento del Buy button

Littlebon
Nuovo membro
1 0 0

Salve ho creato il pulsante Buy button ma è mai possibile che non abbiate messo una cavolo di opzione per gestire il suo allineamento? come faccio a rendere il widget creato alo centro? questa è la stringa del codice generato, che stramaledetto cavolo di codice devo metterlo per centrarlo? grazie

 

div id="product-component-1658422362887"></div>
<script type="text/javascript">
/*<!--[CDATA[*/
(function () {
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js';
if (window.ShopifyBuy) {
if (window.ShopifyBuy.UI) {
ShopifyBuyInit();
} else {
loadScript();
}
} else {
loadScript();
}
function loadScript() {
var script = document.createElement('script');
script.async = true;
script.src=scriptURL;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
script.onload = ShopifyBuyInit;
}
function ShopifyBuyInit() {
var client = ShopifyBuy.buildClient({
domain: 'supercv-81.myshopify.com',
storefrontAccessToken: '17e4163625692ddcf76dccdab25090ba',
});
ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent('product', {
id: '7777531724020',
node: document.getElementById('product-component-1658422362887'),
moneyFormat: '%E2%82%AC%7B%7Bamount_with_comma_separator%7D%7D',
options: {
"product": {
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "calc(25% - 20px)",
"margin-left": "20px",
"margin-bottom": "50px"
}
},
"title": {
"font-family": "Montserrat, sans-serif",
"font-weight": "normal"
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-size": "16px",
"padding-top": "16px",
"padding-bottom": "16px",
"color": "#706f6f",
":hover": {
"color": "#706f6f",
"background-color": "#c9c9c9"
},
"background-color": "#dfdfdf",
":focus": {
"background-color": "#c9c9c9"
},
"border-radius": "4px",
"padding-left": "67px",
"padding-right": "67px"
},
"quantityInput": {
"font-size": "16px",
"padding-top": "16px",
"padding-bottom": "16px"
},
"price": {
"font-family": "Montserrat, sans-serif",
"font-size": "20px"
},
"compareAt": {
"font-family": "Montserrat, sans-serif",
"font-size": "17px"
},
"unitPrice": {
"font-family": "Montserrat, sans-serif",
"font-size": "17px"
}
},
"text": {
"button": "Acquista"
},
"googleFonts": [
"Montserrat"
]
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"button": false,
"buttonWithQuantity": true
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
},
"button": {
"font-family": "Montserrat, sans-serif",
"font-size": "16px",
"padding-top": "16px",
"padding-bottom": "16px",
"color": "#706f6f",
":hover": {
"color": "#706f6f",
"background-color": "#c9c9c9"
},
"background-color": "#dfdfdf",
":focus": {
"background-color": "#c9c9c9"
},
"border-radius": "4px",
"padding-left": "67px",
"padding-right": "67px"
},
"quantityInput": {
"font-size": "16px",
"padding-top": "16px",
"padding-bottom": "16px"
},
"title": {
"font-family": "Helvetica Neue, sans-serif",
"font-weight": "bold",
"font-size": "26px",
"color": "#4c4c4c"
},
"price": {
"font-family": "Helvetica Neue, sans-serif",
"font-weight": "normal",
"font-size": "18px",
"color": "#4c4c4c"
},
"compareAt": {
"font-family": "Helvetica Neue, sans-serif",
"font-weight": "normal",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
},
"unitPrice": {
"font-family": "Helvetica Neue, sans-serif",
"font-weight": "normal",
"font-size": "15.299999999999999px",
"color": "#4c4c4c"
}
},
"googleFonts": [
"Montserrat"
],
"text": {
"button": "Add to cart"
}
},
"option": {},
"cart": {
"styles": {
"button": {
"font-family": "Montserrat, sans-serif",
"font-size": "16px",
"padding-top": "16px",
"padding-bottom": "16px",
"color": "#706f6f",
":hover": {
"color": "#706f6f",
"background-color": "#c9c9c9"
},
"background-color": "#dfdfdf",
":focus": {
"background-color": "#c9c9c9"
},
"border-radius": "4px"
},
"cart": {
"background-color": "#f4f4f4"
},
"footer": {
"background-color": "#f4f4f4"
}
},
"text": {
"title": "Carrello",
"total": "Totale da pagare",
"empty": "Il tuo carrello è vuoto",
"notice": "Eventuali codici sconto saranno richiesti successivamente",
"button": "Termina l'acquisto"
},
"popup": false,
"googleFonts": [
"Montserrat"
]
},
"toggle": {
"styles": {
"toggle": {
"font-family": "Montserrat, sans-serif",
"background-color": "#dfdfdf",
":hover": {
"background-color": "#c9c9c9"
},
":focus": {
"background-color": "#c9c9c9"
}
},
"count": {
"font-size": "16px",
"color": "#706f6f",
":hover": {
"color": "#706f6f"
}
},
"iconPath": {
"fill": "#706f6f"
}
},
"googleFonts": [
"Montserrat"
]
}
},
});
});
}
})();
/*]]-->*/
</script>

1 RISPOSTA 1
Isabel
Shopify Staff
Shopify Staff
526 221 57

Ciao @Littlebon,

 

Grazie per averci contattati, spero d’essere ancora in tempo per poterti supportare al meglio. Sei riuscito ad allineare il buy button? Mi dispiace tu abbia riscontrato questo problema, raccoglierò il tuo feedback e lo farò presente ai nostri sviluppatori; Giusto per avere un contesto più ampio, quale tema stai utilizzando? Ti stai servendo di un tema Shopify o di un tema di terze parti? Te lo chiedo perchè nel caso il tema fosse gestito da terze parti, avrei necessità di indirizzarsi direttamente alla loro assistenza come citato nella Design Policy di Shopify, mentre se è un Tema Shopify eccoti alcune indicazioni.

 

Non sono una specialista in coding e noi consulenti di Shopify non offriamo supporto in merito, ma farò del mio meglio per indicarti la giusta direzione; Ad esempio dai un’occhiata a questo post tratto dalla nostra Community; Sò che questa pagina è in inglese, segui pure questa pagina ti aiuterà nella traduzione. Se ancora non hai ottenuto la risoluzione desiderata, ti consiglierei di contattare il forum API e tecnologia,  è un' ottima risorsa per trovare risposte a domande relative ai codici. All'occorrenza non dimenticare il supporto offerto dai nostri Experts

 

Approfitto di questa interazione per chiederti come vanno le cose con la tua attività e da quanto fai parte della nostra piattaforma. Ci sono delle aree del tuo business che ti andrebbe di approfondire con me? Qual'è il tuo target? Cosa vendi? Verifica i passaggi sopra e fammi sapere se hai risolto, io resto a tua disposizione. Buona giornata e buon lavoro.

Isabel | Social Care @ Shopify
- La mia risposta è stata utile? Metti Mi Piace per farmi sapere!
- Ho risposto alla tua domanda? Se si, Scegli Risposta accettata
- Per saperne di più visita Shopify Help Center oppure Shopify Blog