CPB - custom product builder app replaces Shopify’s template with its own layout. You can change the layout or edit the code with CSS. In this article, we will review all three of the CPB layouts, how to change them, and their main differences.
There are three default layouts in CPB –– Aloha, Alpine White, and Alpine White II.
The default layout is Aloha. To change it, click Layout on the top panel.
The current layout appears - the default one or the one you selected earlier.
You can switch between them by clicking on the dots or using arrows. To confirm your choice, press the Select button.
Now, let's compare their looks on the front end.
Aloha layout:
Desktop
Mobile
Alpine White:
Desktop
Mobile
Alpine White II:
Desktop
Mobile
Here are the main pros and cons of all three layouts
Aloha: all buttons are smaller, including thumbnails; on the mobile version, thumbnails are placed in the slider; minor changes can be done without editing code using the Theme customizer.
Alpine white: bigger thumbnails by default; choices on the mobile version are stacked below each other; different designs on buttons; easier to modify with CSS.
Alpine white II: portrait position of the live preview; on mobile steps are stacked one on top of the other.
All three layouts can be modified with CSS code. You can refer to the following articles:
You can also change some styles in the Aloha layout inside the builder, please refer to the article to learn more about it Theme Customizer of the Aloha theme.
If you don't know how to use CSS code, please contact our support.
Comments
0 comments
Please sign in to leave a comment.