BigCommerce,如何添加自定义快速查看按钮

时间:2015-05-13 20:37:51

标签: bigcommerce

BigCommerce,如何添加自定义快速查看按钮,而不是在代码中悬停时显示的按钮?

    <div class="ProductImage QuickView" data-product="%%GLOBAL_ProductId%%">
    %%GLOBAL_ProductThumb%%
</div>

1 个答案:

答案 0 :(得分:0)

距您原来的帖子已经过去了4个月,所以我不确定您是否需要这个,但其他人可能会发现它很有用。

在CategoryProductsItem.html中,您可以插入以下代码

<style>.QuickView.yourClass .QuickViewBtn{background-color:transparent !important;} .Quickview.yourClass{position:relative; display:block; padding:0;}</style><div class="QuickView yourClass btn Small icon-Add To Cart" data-product="%%GLOBAL_ProductId%%" style="display:block !important; visibility: visible;">Add to cart</div>

我使用它来基本上让客户能够在添加到购物车弹出窗口中更改数量(实际上现在只使用快速视图)。 如果您想使用

,可以在QuickViewContent.html中添加产品说明
%%GLOBAL_QuickViewProductDescription%%

可见性和块属性很重要,因此不必将鼠标悬停以使按钮可见

相关问题