Shopify has many a lot of apps for the salesman to help them to make your store more convenient and beautiful. You can add the free app and pay ones.
Standing in the salesman, increasing sales is one of the most important things which to be careful. Cause it encourages customers to buy more and more by showing the related products. And the buyer just one click to see that. it's easy to do.
After a time use it. You can see the sale clearly increase. But there is not a lot of app for that things.
Adding Nitro Lookbook is one of the best ways to increase sales.
Going to this link to install the app: Nitro Lookbook
Nitro Lookbook app is one of the apps by The4. It made purposed service for the online store which wants to show more product by one click to see quickly the product.
Easy to use with no coding required:
- Support 5 lookbook types: Slider, Masonry, Flip, Draw, Instagram
- Powerful with Shortcode
- Add pages to your Lookbook.
- The display on the product page
- Easy to config
- The display on the blog page
- Powerful app options
- Well document
- Live support
Some amazing features of Nitro Lookbook app
- Drag and drop marker to lookbook image.
- Customize the title, text, font, color, border, URL, youtube iframe, google map iframe...
- Auto-suggests product search.
- Draw Lookbook
- Responsive design
- UNLIMITED Lookbook.
- Display EVERYWHERE with SHORTCODE
Config for lookbook image: just double click to lookbook image to add the marker.
See on the left, you will see three tabs: Style, Tooltip, Content
- Style: Supported Icon, Text, Image
+ Icon: you can change the background, hover background, width, height, border, border radius, icon, font size
+ Text: you also can add text to icon and change background, color, width, height...
+ Image: you can upload your image icon, you also can set up background, width, height, border.....
+ Config to see the tooltip when clicking to marker from frontend
+ Content: With content, lookbook supported Product, Text, Link.
+ Product: Here you can search and choose the product you want to show as lookbook in the image. Lookbook will auto-suggest the product correct with your keyword
You also can enable some field from this type, like, title, thumbnail, price, add cart, detail, review
+ Text: Here you can enter title and content, the content can be normal text with image, youtube iframe, google map iframe...everything you want to be your content
You can also add text, the image below youtube iframe.
+ Link: With the link, you can enter extend link for marker
Slider General Options
- you can config something from the general option.
+ This is some base config for the slider, you can change the number to show, speed, autoplay, navigation...
+ Slider showing
+ Take a look to "Slider to show" and "Center Mode"
- Center mode:
YES: you will see cut off slider on the left and right
NO: only slider, not showing another on the left and right
Slider to show: 2 with center mode
Slider to show: 2 with no center mode
From backend, you can drag to order slider image position
NOTE: After drag order slider, please wait 3 seconds until we update new position
Masonry General Options
Firstly, you can read about Masonry here: http://masonry.desandro.com/layout.html
Look at Layout, you will see Masonry and Packery
+ Masonry does cascade grid “masonry” layouts. Packery does bin-packing layouts, which allow it to be used for draggable interactions.
Padding is space between each image
Instagram General Options
With Instagram type, you can get images from your Instagram account and make a lookbook same as the normal image.
To get the Instagram image, you need have access token from your Instagram account. This website will help you get access token: http://instagram.pixelunion.net/ (you need the login to your Instagram account before getting access token)
After enter access token, all Instagram will list, you can remove the image don't want show as lookbook and start config
You can see, Instagram type like masonry, you can config it like masonry in the previous section. You can get the image from Instagram or upload another image to list
When customer click to the image, it will show Instagram popup
You can draw the complex section with this type, your lookbook
You need to upload the large banner and start to draw the lookbook section by click to "Add New Draw"
You can draw with Polygon, Rect, and Ellipse, to draw. This option bar different a little bit with the default but you can easy to understand it
+ Draw config:
+ Highlight Color: the area draw will have highlight color, you can click to the color and choose the color you want, you can also choose an opacity for the color
+ Border Color: Color for the border around the area, if you don't want to use border color when you choose the color, you need scroll opacity bar to 0, it will not show the color
+ Border width: minimum width for the border is 1 and that why I said if you don't want to seethe border, you can make border color with opacity = 0;
- Shape Type: Lookbook support three shape type
- Content Type:
As I said in Backend option, you can make lookbook display with a product, link, html
With the product, you can enter the product name and the app will auto suggest results, you need to choose one product and you can also enable/disable product image, product title, product price, add cart button, view more button, product review (require to install the app: https://apps.shopify.com/product-reviews )
With the link, it simple, you can enter link and config open in same windows or new window
With Text/HTML: you can write the content for the lookbook. You can embed pictures, youtube video or anything can be content...
- Box info Show on
Lightbox: will show like this
Tooltips: will show like this
From backend, when you upload the image, you can see editor icon below the image
You can click to this icon and start to edit the image
Thank for reading!