我将这个问题发布到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>
答案 0 :(得分:1)
不幸的是,我们还没有通过Buy Button频道支持这种级别的自定义。但是,如果您想从Shopify检索产品图片,标题和价格并链接到您网站上的其他页面,则可以使用JS Buy SDK。这将允许您从产品(或单个产品)的集合或列表中获取产品信息,以呈现到您自己的页面中。
答案 1 :(得分:0)
您只需编辑attribute data-button_background_color
,或者可以使用此Shopify app,它可以自定义按钮颜色。