本条还可参阅:
本文将指导您添加代码,以产品页面上产品价格部分下面显示一个通知。您可以使用此通知来编写引人入胜的内容,以激励那些犹豫不决的客户尽快购买,以免错过有吸引力的促销活动。自定义通知将显示在产品页面上,如下所示。



指南

从ShopBase后台管理页面,转到 在线商店 > 首选项

往下拉到 选项卡中的 其他脚本部分,然后将以下代码粘贴到该选项卡。

<script>
window.sbsdk.ready(function() {
window.sbsdk.page.onContextUpdate(function(context) {
if (context && context.type === "product") {
if (!document.getElementById("custom-text")) {
setTimeout(function() {
var options = { weekday: 'long', month: 'long', day: 'numeric' };
var today = new Date();
var currentTimeString = today.toLocaleDateString("en-US", options);
var discountCode = "FD10";
var discountPercentage = "10%";
var target = document.getElementsByClassName('product__price').length > 0 ? document.getElementsByClassName('product__price') : document.getElementsByClassName('price');
var text = "<p id='custom-text' style='font-size: 18px;'> Father Day Promotion, using code <b>{{discountCode}}</b> for <b style='color: #c5392e'>{{discountPercentage}} Off.</b><br>Ends on <b>{{currentTimeString}}</b></p>"
var replaceVariable = function(txt, params) {
params.map(function(item) {
var txtNeedReplace = "{{" + Object.keys(item)[0] + "}}";
if (txt.indexOf(txtNeedReplace) !== -1) {
txt = txt.split(txtNeedReplace).join(Object.values(item)[0]);
}
});
return txt;
}
text = replaceVariable(text, [{"discountCode": discountCode}, {"discountPercentage": discountPercentage}, {"currentTimeString": currentTimeString}]);
if (target && target.length > 0) {
target[0].insertAdjacentHTML('afterend', text);
}
}, 500);
}
}
});
});
</script>




您可以在 <p id='custom-text' style='font-size: 18px;'> Father Day Promotion, using code <b>{{discountCode}}</b> for <b style='color: #c5392e'>{{discountPercentage}} Off.</b><br>Ends on <b>{{currentTimeString}}</b></p> 代码行上更改产品页面上显示的内容。

单击 保存以保存。

相关文章

阻止或允许某些国际访问商店
阻止广告工具访问您网站
隐藏Paypal Express结账按钮
添加Power Up脚本以优化您的商店
这篇文章有帮助吗?
取消
谢谢!