Weglot is a translation app that enables you to translate your store into multiple languages, automatically detecting and translating content, including dynamic elements. To ensure that the dynamic parts of your cart, particularly those in the iCart app, are translated correctly, you need to follow specific integration steps. Start by accessing the Weglot settings in your Shopify admin panel and navigate to the Dynamic Elements section.
Add the appropriate CSS selector based on your cart type—either for a popup, drawer, or full-page cart—then save your changes. Make sure the selectors are correct to avoid translation issues, and test your store in different languages to confirm that everything translates as expected. If you encounter any problems, you can reach out for assistance via live chat or email.
To integrate the iCart Cart Drawer Cart Upsell Shopify App with the Weglot - Translate Your Store Shopify App, follow these steps to ensure that dynamic elements of your cart are properly translated. Here’s a detailed guide for the helpdesk:Overview of Weglot - Translate Your Store Shopify AppWeglot is a translation app that allows you to translate your Shopify store into multiple languages. It automatically detects and translates content on your store, including dynamic elements. However, some dynamic parts of your website, like those in the iCart app, may require additional configuration to be translated correctly.
Under Shopify Settings, find the option for Dynamic Elements.
2. Add Dynamic Elements:
Click on the Add Dynamic button.
You will be prompted to add a selector that corresponds to the dynamic elements in your iCart app.
3. Enter the Selector:Depending on the type of cart you are using, enter the appropriate CSS selector:
Cart Popup Selector: icart-sp-cart icart-content
Cart Drawer Selector: icart-cart-main
Full Cart Page Selector: .icart-pg-container
Save the changes after entering the selector.
Selector Details
Cart Popup Selector (icart-sp-cart icart-content): Use this selector if your store uses a popup-style cart.
Cart Drawer Selector (icart-cart-main): Use this selector if your store uses a sliding drawer-style cart.
Full Cart Page Selector (.icart-pg-container): Use this selector if your store uses a full-page cart.
Additional Tips
Ensure that the selectors are entered correctly to avoid any issues with translation.
After adding the selectors, test your store in different languages to confirm that the cart elements are translating as expected.
By following these steps, you can ensure that the dynamic elements of your iCart app are properly detected and translated by Weglot, providing a seamless multilingual shopping experience for your customers.
Need Help?
If you face any issues or have any questions regarding the app, don’t hesitate to drop a message in live chat or email us. We’re here to assist you every possible solutions!
Our website uses cookies to enhance your browsing experience and offer personalized services. For more information about the cookies we use, please refer to our Privacy Policy.
3. Enter the Selector:Depending on the type of cart you are using, enter the appropriate CSS selector:
Additional Tips