hi welcome to Apollo theme channel in,this video we will continue to guide you,step-by-step to set up the store one,collection you go to admin products,collection click to create collection,then enter the collections title in,collections description Shopify has two,ways to add products to the collection,which are manual and automatic setting,in the automatic setting you can select,the corresponding conditions you can,also set multi conditions for your,collection,then clip to save you can click the view,button to see it in your store I will,create more example collections for you,to use in the future,to navigation you can go to online store,navigation for example in the main menu,I will create some example menu items,you can drag and drop an item to create,the nesting menu in addition if you,enter the link first the title will be,created automatically,when it's done click to save,in some sections and blocks of the theme,you can select the navigation which,you've created three language you can go,to online store themes actions edit,language you can enter texts in your,language here,please note that it has many tabs here,for you to select you can also select,the pre-build language in the theme by,click Change theme language so we have,just finished the store setup here in,the next video we will introduce the,settings in the theme thank you for,watching this video
Let's move on to the first section of Voonex theme shopify
Header & megamenu
Header & megamenu
hello welcome back to a Paulo themed,channel in this video we will continue,to set up a 2020 theme with header menu,one header in the customized theme,window go to theme settings select,layout header you can select the header,layout here then go to sections select,the corresponding header to configure it,you can set up transparent header sticky,header change the text content and,change the color of all components in,the header to mega Manu go to theme,settings navigation you can select the,navigation of the menu menu labels you,can create the label menu by using,square brackets in the menus title you,can also change text color and,background color of each label in this,example I will try to create a hot label,in the home item on main menu,Mega Man ooh you can type the items name,to show mega menu under it for example,he write I catalog this item will,display as mega menu and home item,displayed as normal drop down the mega,menu has 4 blocks which link video,product and HTML each vlog has the,corresponding settings for you to set up,them in this example the linked block,has a width equal to 100% of mega man,whose width and the sub links have width,equal to 25% of the link blocks width I,will change it to another layout I want,all blocks to be displayed in one row,each block has width equal to 25% of the,mega man whose width,now I'm changing the videos height to,make it suitable Apollo framework,supports max 5 mega menís you can set up,similar with the rest mega - that's all,for this video hope this video can help,you to build your head on mega Manu,thank you for watching this video
After seeing the first section, I believe you have a general understanding of Voonex theme shopify
Continue the next second section about Voonex theme shopify
Product page & metafield
Product page & metafield
hello welcome back to a Paulo themed,channel in this video we will continue,to set up a twenty20 theme on the,product page in the editor window select,product pages our framework supports,multiple layouts you can select in the,theme settings select layout product,page then go to sections select the,corresponding section and configure it I,will do the example or guide about a few,important settings like option type size,guide you need to create the page and,select it here,it will display as a pop-up short,description you need to enter the,contents in the meta fields box,fake viewer you can set up the min value,of Max value on duration time the,content tabs our framework has two,general tabs which description tab and,review tab you need to install a Shopify,review application also it has more four,specific tabs which you can enter the,contents for each in the meta fields box,and change the title here the related,product you can enable disabling change,the title of it in addition there are a,few other settings in the meta fields,part related to the product page product,video you can upload your mp4 video in,the admin settings files then enter the,video URL in the meta field box,you,a filler product you need to enter the,URL link in the text of the affiliate,button in the meta fields box free,shipping setup the min value of the,order in which your customers can get,free shipping shipping time enter the,shipping time by days for each product,in the metafile box and the countdown,please enter the times like this format,I hope this video will help you better,understand the product page and product,meta fields in our framework thank you,very much for watching
After seeing the second section, I believe you have a general understanding of Voonex theme shopify
Continue the next third section about Voonex theme shopify
General settings
General settings
hello welcome to a polythene channel in,this part we will guide you step by step,to set up a 2020 theme firstly let me,show you the general settings in the app,2020 theme you can go to online store,themes customize click on theme settings,now I will tell you about select layout,general settings colors and typography 1,select layout here are configurations,for you to select the layout of all,components in the theme you can select,the layout of sections like header,slideshow and footer you can also select,the layout of templates like product,page collection page log page article,page and select layout of elements like,product grid section heading collection,grid blog post to general settings you,can enable or disable right-to-left,featured here,also you can configure the bootstrap,grid in this theme it includes the,container width and gutter width in,pixels,next you can upload the logo and change,the logos with fear and favicon safe,check out image 3 coloureds app 20/20,has two main colors you can set up in,primary color and secondary color,settings,CTA buttons stands for call to action,button like Add to Cart checkout in,addition you can change the color of,pages background headings text bodies,text buttons text the theme also,supports gradient color to use it you,can check enable and select start color,and end color for typography our theme,supports three types of fonts in two,font libraries Shopify's font and,Google's font,if Google Fonts box is blank or invalid,the theme will use the default font in,Shopify's font library in this example I,will try using the font man Salva please,note that you can change theme font size,here it is basic value the text with,different font sizes will be calculated,based on this value hope this video is,helpful with you,thank you for watching
After seeing the third section, I believe you have a general understanding of Voonex theme shopify
Continue the next fourth section about Voonex theme shopify
HTML Builder
HTML Builder
hello welcome back to a polythene,channel in this video we will guide you,on how to use the HTML builder firstly,you can refer to the introduction here,some notes you need to know you can,place the HTML codes generated from this,tool into many different positions in,your Shopify store this tool is only,integrated into this demonstration store,so it does not affect your page or your,theme speed these are not hard code they,work with CSS classes in Apollo,framework 4.0 in some cases colors and,fonts display differently than here,depending on your theme settings main,editor it has four buttons for you you,can click to preview format parrot copy,code or save as HTML file the layout it,needs to be created first to divide the,layout for the page here are the basic,layouts that you can use then you need,to paste the components into the layouts,the components include heading banner,image video map countdown rating etc and,icons you can click the coffee the icon,code it is very simple so let me try to,use this tool to create content firstly,I create the slideshow,in the slideshow you can change the,source value of each image the key is,SRC here by that way,I changed three images here you can use,the BR tag to swap the line or you can,use the divide components continue I use,the h1 tag to create the title of the,next content then change the title,here I want to create two columns for,the contact information in the Google,map,the Google map has a width equal to 75%,of the contents with the rest is contact,information it is 25% width use the be,artists want the line here,I continued with two components a rating,and countdown please follow it,in the last content I wanted to create,three banners sir I select the layout is,three columns,then copy code from the banner component,please note that you can change the text,of the image source,after completion you can save your code,as HTML file or paste it on the page,lock article as HTML,I hope this video will help you better,understand the HTML builder in our,framework thank you very much for,watching
After seeing the fourth section, I believe you have a general understanding of Voonex theme shopify
Continue the next fifth section about Voonex theme shopify
Upsell & Cross-selling
Upsell & Cross-selling
hello welcome back to a polythene,channel in this video we will continue,to set up a 2020 theme with cross-sell,and upsell you can go to theme settings,product meta fields cross-sell and,upsell paths 1 cross sell as the guide,you need to type a product handles,separate values by a comma in the meta,field box if the value is blank cross,cell will not display in this example I,will recommend for more products when,customers buy the current product sir I,need to type for handles here please,follow,with these four products customers can,select variants Add to Cart or remove,them from the cart in the pop-up,you can do the same for other products,to upsell as the guide upsell featured,works with product handle and automatic,discount code please note that you can,only enter one product handle click here,to create an automatic discount code I,will quickly perform this example,customers will be free of current,products if they buy the upsell product,by I selected discount codes will be,automatically applied at the checkout,page,after creating the code you need to set,up the upsell featured in the meta field,here i type the upsell product's handled,and the promotion message you can type,the plain text or the HTML code here,when the setup is completed customers,will see the upsell pop-up show each,time they visit the corresponding,product page you can change the logo,button texts and the delay times before,show pop-up if the customer chooses to,agree the upsell product will,automatically be added to the shopping,cart they just need to select the,variant on the current product page at,the cart page and checkout page the,discount code will automatically be,applied if the corresponding products,are in the orders you can do the same,with other products and promotional,campaigns hope this video will help you,better understand cross-sell and upsell,in our framework thank you very much for,watching
Congratulation! You bave finally finished reading Voonex theme shopify and believe you bave enougb understending Voonex theme shopify
No difficulty
