š When you migrate from an older version of Boost to TURBO, your storefront may look slightly different. This article explains each visual change and how to adjust it.
Overview
After upgrading to TURBO, your storefront may show small visual differences compared to your previous version. None of these affect functionality, and each one can be adjusted in just a few clicks through the Visual Editor or custom CSS.
This article covers the six most common changes:
Filter tree and product item sizing
The filter tree on collection and search pages may appear larger or smaller than before. Product item sizes and the spacing between items (including padding and margin) may also change.
How to adjust
Switch the app admin version to TURBO by following How to Switch Versions in Boost AI Search & Discovery.
Go to Shopify Integration, select the upgraded TURBO theme, then click Edit.
Click the three-dot menu, select Edit code, then add your custom CSS to
customization.css.
Toolbar: View all and total product count
A toolbar may appear above the product grid with elements such as product count, view layout toggles, and Sort. These were not present in the former version and may vary depending on your template and theme.
How to adjust
Switch the app admin version to TURBO by following How to Switch Versions in Boost AI Search & Discovery.
Go to Shopify Integration, select the upgraded TURBO theme, then click Edit.
Click Customize to open the Visual Editor, then select Product List > Toolbar.
Button colors
Button colors and fonts may look different after moving to TURBO. Both can be updated through Style settings in the Visual Editor.
How to adjust
Switch the app admin version to TURBO by following How to Switch Versions in Boost AI Search & Discovery.
Go to Shopify Integration, select the upgraded TURBO theme, then click Edit.
Click Customize to open the Visual Editor, then select Style Settings > Color or Typography.
Products shown per page and per row
The number of products shown per page and per row may differ from your original configuration.
How to adjust
Switch the app admin version to TURBO by following How to Switch Versions in Boost AI Search & Discovery.
Go to Shopify Integration, select the upgraded TURBO theme, then click Edit.
Click Customize to open the Visual Editor, then select Product List > Layout.
Product item positions
Product information such as the title, price, rating, and swatch may appear in different positions than before. For more advanced customization, see Client self-customization guidelines or contact our support team via live chat.
How to adjust
Switch the app admin version to TURBO by following How to Switch Versions in Boost AI Search & Discovery.
Go to Shopify Integration, select the upgraded TURBO theme, then click Edit.
Click Customize to open the Visual Editor, then select Product Item.
Add to cart and Quick view button styles
The style of the Add to cart and Quick view buttons may not match the previous version. You can adjust these button settings through the Visual Editor.
How to adjust
Switch the app admin version to TURBO by following How to Switch Versions in Boost AI Search & Discovery.
Go to Shopify Integration, select the upgraded TURBO theme, then click Edit.
Click Customize to open the Visual Editor, then select Product Item > Call to action.
Feel free to reach out to our dedicated support team via chat if you have any questions or require additional assistance.