无法在我的Shopify网站上从下到上移动#Weglot语言开关

Question

最近，我在我的Shopify eCommerce商店中安装了Weglot语言翻译应用程序。安装后，在设置页面下，我已经尝试了所有的选项，以twick CSS，以便在店面在右上角的Weglot。不幸的是，没有什么对我有用。我已经联系了诺格洛的支持，并得到了以下的决议。所有的决心我都试过了，但对我没什么用。有谁能帮我分享正确的CSS代码吗?这样一旦我把

在我的Theme.liquid文件下，它开始工作。

网址：https://www.bluecircle-coffee.com/

由Weglot提供的决议(没有人为我工作)

1. The Weglot_here选项:您可以将下面的代码粘贴到您的Theme.liquid文件(或其他液体文件)中，在您想要显示语言开关的地方。

1. The switcher选项:参见下面的文档，如何通过Switchers.options将语言转换程序移动到Weglot.initialize代码中.

Shopify -如何更改语言开关的位置(带有视频的文档)您的Weglot.initialize代码将被发现到您的Weglot.initialize管理>在线商店>主题>操作>编辑代码> weglot_switchers.liquid中。

然后，您只需将目标元素(“..header nav”)替换为要放置语言开关的父元素的CSS选择器。

例如，如果您想将它添加到您的菜单中

你的目标是:目标：".menu“

提示:要找到CSS选择器：

右键单击要放置语言开关的元素。"Inspect"

• Use

• 转到console

• Right-Click左上角的目标元素

• Copy >Copy selector

• Paste在“field.

1. The”selector
2. Paste锚中的代码，该选项允许您将selector
3. Paste链接到您自己的语言切换器或您的本地菜单。正如您在下面的文档中所看到的，Weglot Anchors只是添加到您的语言转换程序以便管理translation.

的链接。

https://developers.weglot.com/javascript/link-hooks#example-anchor

例如，您创建了一个“语言”项目菜单，其中“英语”和“西班牙语”作为子菜单。英语将有"#Weglot-en“链接，而西班牙语将具有"#Weglot-es”链接。

Answer 1

我是韦格洛支持公司的亚历克西斯，我已经在我们的电子邮件对话中和你谈过了。

实际上，我在Shopify上向您发送了一个协作请求:您收到了吗？您应该收到与Shopify商店所有者相同地址的电子邮件，并且在Shopify管理员中也应该有通知。

无论如何，如果您无法接受它，您可以转到Shopify -> Online Store -> Themes -> Action ->编辑代码，并编辑weglot_switchers.liquid文件。

在其中，您可以放置以下代码：

​

<script type="text/javascript"src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'YOUR_KEY',
        switchers: [
        {
            // Same as button_style at root
            button_style: {
                full_name: true,
                with_name: true,
                is_dropdown: false,
                with_flags: true,
                flag_type: "circle",
                invert_flags: false
            },
            // Move switcher somewhere in the page
            location: {
                target: "#shopify-section-header > header > div > nav > div.nav-inner > div.nav-right",
                sibling: null
            }
        }
    ]
    });
</script>

​

它应该将开关放在你的购物车图标后面。

如果效果不佳，请随时回到我们的support@weglot.com，我将很高兴地指导您移动您的语言转换。

诚挚的问候,