When there's a size chart button on a product page, it's crucial to position other elements like the recommender button correctly to ensure ease of use for customers.
In this guide, we'll explore how to move the recommender button around when there's a size chart button using class elements.
1. Go to the live site and right-click to open the inspector tool. Then, find where you want to add the recommender button and select the class element of that position.
2. In this example, we will place the recommender above the Quantity label or below the Size variants. Click on the Quantity field, and you will see the Class element of the Qty label. Copy it so you can paste it into the injection selector on the Kiwi backend.
3. Once you have the Class element. Go to Styles and Settings on Kiwi.
4. Click on the Recommender option.
5. You should see the Display field. Here, you'll find the injection selector for Recommender. You can add ID, Class, Raw Selector, or Advanced Selector.
After completing these steps, simply click on Save, and you're done! You will now see the Size Recommender button in your chosen spot.
Please note: If there are elements that are the same, we might need to use the ID, raw selector, or advanced selector instead.
If you have any problems or need help, you can always contact us, and we'll be happy to assist you.