Here comes our new theme - Bianco. It is elegant, sleek, and perfectly suitable for selling boutique clothing, jewellery, 3C electronic products and cosmetics.
If you are looking for a theme template where you can put high-resolution product images or create a minimalist, classic style for the website, Bianco is the one you're looking for. With the sidebar navigation, it allows customers to browse the products quickly with full-width images of products. Without further ado, let's create a store that fits your brand's style!
- Custom theme color and font
- Product categories and product details page
- Home page banner
- Product Image Suggested Size
- Product Variation images
- Bianco Blog Style
A. Customize the theme color and font
1. Custom the theme background color
The customizable color will be displayed on buttons, pre-order reminders, members-only icon, shopping cart, and labels to match your brand image and enhance the aesthetics of your store.
Location: Admin Panel > Online Store Design > Design > Storefront Template > Theme setting of Bianco
Use color code to alter the buttons, key information, and underline colors of the entire site, please use the HEX 6-digit color code. (Avoid using light colors to improve readability)
Color Code Reference: https://htmlcolorcodes.com/
2. Custom the style of the font
We provide two types of font for the Bianco theme, Muli and Lora. Once applied, the entire site will be replaced with the font of choice.
Muli - is suitable for modern, trendy or minimalist products.
Lora - is more suitable for vintage, fashion and the classic.
B. Product categories and product details page
Bianco's store catalog is displayed on the side of the page, so product images are clearly visible at a larger size, allowing merchants to use more beautiful product images to introduce and market their products.
1. Desktop Site
A special feature of this layout - the sidebar navigation. Quickly switch between pages no matter which one the customer goes to.
When the mouse cursor is on the sidebar button, it will automatically expand the menu, which is suitable for many tabs and product categories.
For sidebar menu setting, please refer to：Menu Navigation
For product category settings, please refer to：Categories and Products Ordering
2. Mobile website
Bianco's mobile design is one of the highlights of this template - Bottom Navigation.
It’s easy to switch between pages and has thoughtful consideration for the mobile user's customer.
3. Product Detail Page
Main product images are not shown in thumbnails. To view the product images, just scroll down to the bottom of the page without clicking on the image to enlarge.
Product description, Shipping & Payment section are below the main image to keep the customer focused on the product image itself.
C. Use Banner to present your marketing Ads and create a beautiful website!
Placing a full-page banner on the home page to create a brand image and attract customers.
How to set up a full-width banner:
Location: Admin Panel > Online Store Design > Pages > Home > Edit
Using the image elements, you can select "Show full-width image" and "Remove top and bottom padding" in the setting after uploading. You can also upload multiple pictures to display in rotation.
Merchants can also use the "Upload Phone Version" feature to cater to their mobile phone customers.
Try this compressed image tool! It will help your website run faster!
D. Product Image Suggested Size
The default size of the product provided by Bianco will vary according to the size of the user's window to achieve the best possible product view.
If you want the pictures to be neat and tidy, you can set the product picture size to the default. The default ratio is 3:4, as the size of the picture will be scaled, the recommended size is:
Suggested photo size: 825px (W) x 1100px（H）
Location: Admin Panel > Online Store Design > Design > Advances Settings > Select “Crop product images to fill the product box “
E. Product Variations
As with all themed editions, Bianco also offers a variety of color options to enhance the aesthetics of the store and fit the context of the product variations
Location: Products and Categories > Products > Edit > Variations
Click "Edit Image Selector" and check "Show image selector on product details page"
Location: Setting > Product Setting > Variation Display Style
Select a display style for products' variation on the shop.
For more information, please refer to：Customized Variant Selector with Image
F. Blog layout design
Bianco's blog layout is responsive, with the first image of the article automatically used as the cover page, and the height and layout adjusted according to the proportion of the article title and cover page length.
The images on the blog page of this layout also change according to the size of the window, which is especially suitable for posts with large and beautiful images.
These are the features of Bianco, try it out and see for yourself!