如何在单个产品页面上的添加到购物车按钮旁边添加货币切换器下拉菜单？答案

【问题标题】：How to add Currency Switcher Drop down menu next to Add to Cart Button on Single Product page?如何在单个产品页面上的添加到购物车按钮旁边添加货币切换器下拉菜单？
【发布时间】：2016-07-24 01:44:51
【问题描述】：

您好，我有这个网站 www.gallery5designs.com，这是样品产品的链接http://gallery5designs.com/product/necklace-18k-white-gold-plating-aaa-cubic-zerconia/

我有一个名为“WooCommerce Currency Switcher”的插件，它可以在任何地方显示货币切换选项。但问题是..那个插件只提供一个短代码来嵌入任何地方或一个小部件，但我希望那个货币切换器显示为净添加到购物车按钮。我正在为这个网站使用 Betheme 的子主题。谁能帮我解决这个问题？

【问题讨论】：

标签： php wordpress plugins woocommerce themes

【解决方案1】：

以下代码在单个产品页面上的“添加到购物车”按钮附近输出货币切换器表单。但是，您需要根据需要通过 css 对其进行样式设置。这段代码需要放在你的主题/子主题的functions.php文件中。

add_action('woocommerce_single_product_summary','woocs_custom_location',35);
function woocs_custom_location(){
    $plugin_var= "woocommerce-currency-switcher";
    if (in_array( $plugin_var.'/index.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ){
        echo(do_shortcode('[woocs]'));
    }
}

我已经在我的 woocommerce 设置中尝试并测试了这一点。希望这会有所帮助。

【讨论】：

嘿，谢谢！有效！你能告诉我如何让它出现在添加到购物车按钮旁边吗？它显示在按钮下方
很高兴它对您有所帮助。您能否将答案标记为已接受（因为它至少满足了您的主要问题？关于将其放置在添加到购物车按钮旁边是一个小挑战，因为货币切换器表单中的某些元素具有倾斜 css。您对自定义有多好css？我问这个的原因是，我可以相应地建议你。另外让我检查是否可以通过某种方式禁用内联 css。
我将答案标记为已接受！我擅长css！为了克服内联 css，我们可以使用 !important 所以也没问题！告诉我要添加什么CSS？我也希望货币切换器的大小与“添加到购物车”按钮一样大！
!important 用于克服像这样添加的内联 css p { font-color: white !important ;}
> 添加，{float:left;宽度：自动； display:inline-block} 用于包含“添加到购物车”按钮的表单。相同的 css 选择器是“.woocommerce .product div.entry-summary .cart”。