Я использую кнопку Buyify Buy на моем веб-сайте, и она работает правильно, но когда вы нажимаете кнопку переключения корзины, между товарами в корзине и кнопкой «Оформить заказ» появляется огромное пространство, в результате чего пользователям приходится прокручивать все страницы вниз. чтобы найти его (большая проблема для мобильного просмотра, особенно).
Я просматривал форумы сообщества Shopify и могу только найти код, который бы регулировал размер кнопок, а не настраивал интервал внутри корзины.
"product": {
"layout": "horizontal",
"variantId": "all",
"width": "100%",
"contents": {
"img": false,
"imgWithCarousel": true,
"variantTitle": false,
"description": true,
"buttonWithQuantity": false,
"quantity": false
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0",
"margin-bottom": "50px"
}
},
"title": {
"font-size": "26px"
},
"price": {
"font-size": "18px"
},
"compareAt": {
"font-size": "15px"
}
}
},
"cart": {
"contents": {
"button": true
},
"styles": {
"footer": {
"background-color": "#ffffff"
}
}
},
"modalProduct": {
"contents": {
"img": false,
"imgWithCarousel": true,
"variantTitle": false,
"buttonWithQuantity": true,
"button": false,
"quantity": false
},
"styles": {
"product": {
"@media (min-width: 601px)": {
"max-width": "100%",
"margin-left": "0px",
"margin-bottom": "0px"
}
}
}
},
"productSet": {
"styles": {
"products": {
"@media (min-width: 601px)": {
"margin-left": "-20px"
}
}
}
}
}
});
});
}
})();
/*]]>*/
</script>
Я бы хотел убрать лишний пробел между кнопкой «Оформить заказ» и последним товаром, указанным в корзине.