Waching tutorial video in here: https://www.youtube.com/watch?v=qy5mukzLMco&list=PLZSqbv2i8LOBCosw-vNCjyhmJ5BmrmCqA&index=13
This location allows you make some general setting for a product page
We will explain one by one option below
This option allow you change the layout between: Full width, Wide (1600px) and Default
This option allow you switch between a product design. Let's see the sample below
This option allows you change the size of product image
You can switch between Product Tab Description and Product Tab Accordion
Enble this option will alway make a block product information alway sticky
Allow you choose between zoom or PhotoSwipe on the product image
You can also switch to another zoom layout like
And this is PhotoSwipe popup
You can also disable Zoom features by use NONE option
You can enable sidebar for product page so easy, you can also choose the Sidebar Size between Small, Medium, Large
When enable a sidebar, it will show like this
To config this Sidebar, please back to Sections > Sidebar Product
Here you will see a block for Product Sidebar which allows you config to show your own data. You can also add more block by click to the Add content like screenshot above.
Allow you show the categories in the sidebar such as a Menu or auto Show all Categories
Allow you get Instagram image in Product sidebar
Note: This Instagram Block is separate from the Instagram Section on the home page or the Instagram Block on the Blog page.
To show your own pictures, just enter your Instagram username in the option, you can get it from your Instagram URL
You can also get all Instagram pictures by tag, please remove your Instagram username to able to apply show pictures by tag option.
A rest is basic options and we believe you can easy to understand how it work :)
Enter the data like screenshot above to show this block, for example
truck,FREE SHIPPING,Free shipping for all US order
truck is a icon class and you can get it here https://icons8.com/line-awesome or http://themes-pixeden.com/font-demos/7-stroke/index.html
Free Shipping is a title
Free shipping for all US order is the content
You need to Select Collection to show
Pick first variant
Pick first available variant
Show first product image instead show a image from first variant
This is awesome features allow you show a correct image for a variant, example when you active color Cyan, the image and thumbnails will show the Cyan color only instead show all thumbnails
To use this feature, you must config thumbnail one by one by enter the variant name as a Alt tag. Let's see the screenshot below
1- Click to the thumbnail image
2- Edit alt text
3- Enter tag
If you want to enter the normal alt text for the thumbnail image, you must write like this Color_cyan | Cyan Boheme and Cyan Boheme is an Alt text
If you want to use this feature, you must configure Alt text for all thumbnail images from all products, so consider whether or not to use this feature as it will be very time consuming. We are not sure if there is a third application that will allow this in bulk but we will continue to update here.
Allows you to show the add to cart bar when scrolling down
By default we show the variant image with square and fixed size, when this option is turned on, it will show the variant image the same size as the actual image. (this ratio is taken from the first product image).
As you can see, with the Color variant, it will display as a thumbnail. But in some countries there are different ways of writing colors, such as Color, Colors, Couleus ... So you need to enter the name of the variant that you want to display as a thumbnail here.
This option allows when you click on a thumbail image or activate a product image, it will automatically reselect the corresponding variant on the right.
This option allows you to display IDs on URLs every time you switch between variants.
If your product has an out-of-stock variant and you set the settings to new incoming product like this
Then this option will show like this
Auto hidden sold out variant from product page
If your product / variant out of stock like this
This option will allow show the Notify form like this
When a customer submits the back in stock notification form for a sold out product, you will receive an email to the email address you have set up in the admin to be your Customer email.
To change the text in form, please go to Edit language
Show next back product like this
Please note that it only show if your product URL included collection name.