To ensure the Return Insurance feature integrates seamlessly with your Shopify store, you may need to configure the cart drawer footer and subtotal selectors. This customization allows the insurance option to appear correctly in your cart drawer. Follow the steps below to implement this customization:
Configuring the Cart Drawer Selectors
-
Accessing the App Embed Settings
- In your Shopify admin, navigate to Customize.
- Go to App Embeds and locate the section for Insurance.
-
Identifying the Selectors
- Open your store in a separate browser tab and add an item to the cart to display the cart drawer.
- Right-click on the subtotal amount in the cart and select Inspect (or use your browser's developer tools).
- Find the corresponding class or ID for the subtotal. For example, it might appear as:
<p class="totals_total_value">
- Copy the relevant class or ID (e.g., totals_total_value) and paste it into the Cart Drawer Subtotal Selector field in the app embed settings.
- Next, locate the cart footer in the cart drawer. Use the Inspect tool to find the element encompassing the footer. For example, it might appear as:
<div class="cart-drawer__footer">
- Copy the class or ID (e.g., cart-drawer__footer) and paste it into the Cart Drawer Footer Selector field.
-
Adjusting the Selector Type
- Depending on your store’s theme, the selector type might be set to Class or ID.
- Review the elements you identified in the previous step. If the attribute starts with class=, choose Class. If it starts with id=, choose ID in the app embed settings.
-
Save the Configuration
- Once you’ve entered the selectors and chosen the correct types, save your changes.
- The Return Insurance feature should now display properly in your cart drawer.
Notes
- Selector naming conventions may vary depending on your Shopify theme. Ensure you inspect the correct elements to retrieve accurate information.
- Test the functionality by adding items to your cart and verifying that the insurance option appears as expected.
By following these steps, you can seamlessly integrate Return Insurance into your Shopify store, enhancing the customer experience while streamlining your return process.
Comments
0 comments
Please sign in to leave a comment.