Shopify - 如何自定义购买按钮

时间:2016-02-15 23:19:25

标签: php wordpress shopify

我将这个问题发布到Shopify论坛但没有回复,所以我在这里尝试。

  

我试图将我的Shopify产品(最好是收藏品)嵌入>自定义主题Wordpress。我有一个工作版的购买按钮和   后续产品嵌入工作 - 但我该怎么做呢?   完全定制它?

     

基本上,我想要产品图片,标题,价格和"立即购买"   按钮重定向到产品的Wordpress页面。在那页上,我   想要更大版本的产品图片以及标题,   描述,变量(颜色/数量等)和价格计算   通过变量。

     

我一直盯着代码三天没有运气。任何帮助都会   非常感谢!

以下是Shopify生成的嵌入代码:

    <div data-accent_color="767676" data-background_color="ffffff" data-button_background_color="7fb466" data-button_text_color="ffffff" data-cart_button_text="Cart" data-cart_title="Your cart" data-cart_total_text="Total" data-checkout_button_text="Checkout" data-discount_notice_text="Shipping and discount codes are added at checkout." data-embed_type="cart" data-empty_cart_text="Your cart is empty." data-shop="copyking-2.myshopify.com" data-sticky="true" data-text_color="000000"></div>
<div data-background_color="ffffff" data-button_background_color="7fb466" data-button_text_color="ffffff" data-buy_button_out_of_stock_text="Out of Stock" data-buy_button_product_unavailable_text="Unavailable" data-buy_button_text="Buy now" data-collection_handle="frontpage" data-display_size="compact" data-embed_type="collection" data-has_image="true" data-next_page_button_text="Next page" data-product_handle="" data-product_modal="true" data-product_name="" data-product_title_color="000000" data-redirect_to="modal" data-shop="copyking-2.myshopify.com"></div>
<script type="text/javascript">document.getElementById('ShopifyEmbedScript') || document.write('<script type="text/javascript" src="https://widgets.shopifyapps.com/assets/widgets/embed/client.js" id="ShopifyEmbedScript"><\/script>');</script>

2 个答案:

答案 0 :(得分:1)

不幸的是,我们还没有通过Buy Button频道支持这种级别的自定义。但是,如果您想从Shopify检索产品图片,标题和价格并链接到您网站上的其他页面,则可以使用JS Buy SDK。这将允许您从产品(或单个产品)的集合或列表中获取产品信息,以呈现到您自己的页面中。

答案 1 :(得分:0)

您只需编辑attribute data-button_background_color,或者可以使用此Shopify app,它可以自定义按钮颜色。