showtime theme shopify

ShowTime 7.0 - Using the "Buy With" Upsell Featureshi everyone this is tim from,,a

Mile High Themes

Updated on Jan 24,2023

ShowTime 7.0 - Using the "Buy With" Upsell Features

hi everyone this is tim from,,and in this video i'm just going to show,you how to use the new buy it with,upsell features that we've added as part,of showtime version 7.0,so we have this product open in one of,our demo stores,and you can see there's this area that,shows up down here above the cart button,frequently bought together where the,customer can,select these check boxes and add these,additional products to the cart at the,same time as the,original product,so we think this is a pretty cool,feature i don't believe any other theme,offers this right now you can always use,an app to do this but that's going to be,an extra expense so we think this is a,nice value added feature and,i'm just going to show you how to set it,up now,so first of all let's just try it out,see how it works we can just click these,check boxes,and this number you see appears above,the cart button to let you know how many,products you're adding,so we are adding the the original,product plus these other two i'm going,to click add to cart,and you can see that all three of these,products have been added to the cart,and there they are in the cart itself,so pretty cool feature let's see how we,set that up,so over here in one of my demo stores,dev stores,we have a fresh version of the theme,installed i'm going to go to my products,and i'm just going to select a product,that i want to add some upsell products,to,so i'll select this blue bowl with,handle,and these upsell products are created,using meta fields and metafields are,just custom fields that shopify supports,where you can store,data,so the first thing that we have to do is,actually create the meta fields for this,particular function,so meta fields are located in settings,and then we're going to go to meta,fields,and we're going to go to products,so we have no meta fields created right,now i'm going to click add definition,so i'm just going to give this the name,buy with,product,and the name doesn't really matter but,this namespace and key does,so i'm going to change this custom,that's added automatically and put by,underscore,with,now this is important you have to use,this particular,prefix,in order for this function to work,you can put a description in here if you,want it's not required this is only for,your,your own benefit,so i'm just going to leave that blank,for now and then i'm going to select,content type,and i'm going to choose,product,save,so now we've created a buy with product,meta field,this functionality also supports the,ability to choose a single variant of a,product to,upsell so i'm going to go ahead and,create a definition for that too,you may not need this if your products,don't have any options,that the customer must select like size,or color then you don't need to do this,but if you want to upsell a specific,variant on a product page then you'll,have to do this,so i'm going to call this one buy with,variant,and then again i've got to change this,this will still be by,underscore with,and then,i'm going to leave that blank,choose the content type and in this,scenario i'm going to choose product,variant,save,so now we've created the two variants we,can now,are the two meta fields we can now,create two upsells,one will be a product and one will be a,variant of a product,so we can close this down now and we'll,go back to this product page,and you'll now see that this new meta,fields area at the bottom of the page,has shown up,so i'm going to select a buy list,product,first of all i'm just going to show you,this product in in the demo,and you can see that there are no,upsell products showing on this page,right now,so back in here i'm going to go in and,add some meta fields here so i'm going,to choose buy with product click in here,and it's as simple as just selecting a,product,so i'm going to select,this cushy task chair,because you always want to buy a bowl,with a chair i guess right,so i've selected that and i'm going to,save,and then once that's done there's still,one more step so we need to go,into our online store,and themes area and i'm going to,customize the theme,and i'm going to go to,a product page,i just selected default product there,and i need to add a block that shows,this by width function it looks like,this one already has it the default,product page already has it,so nothing is showing here because i,haven't set up anything for this,particular product,but if this weren't in here i would just,go to ad block and i would choose,buy with it's already in here so well,let me choose it again,but that would choose that would show up,under this list you just add it,and you can put it where you want so,typically you would put it just above,the buy buttons,on the product page and then save,so now if i go ahead and refresh this,since i've added the meta fields,you'll now see that you can buy this,cushy task chair,along with this bowl,add it to the cart,and we've added the bowl and the past,chair in the nice red colors to the cart,both at the same time,so you do the same thing similarly,um,i can get back to,gotta get out of here and go back to the,product,click the blue bull with handle again,and if i wanted to just select a single,variant i would do the same thing click,in here,so it's going to pull up all your,products and it's now showing all the,available variants of each product,so let's say i wanted to,upsell,this placemat in the white plastic,variant i would select here,you want to make sure that you've,specified images for your variants so it,will actually show,for best results you can just see that i,haven't added an image here so it's,going to show a default image here,but let's go ahead and save that and see,what it looks like,so again i'm going to refresh this,might take a second,there it goes,so since we didn't select a variant,image for that it's just showing the,default product photo,but if you did have a variant image,specified for the cherry placemat white,and plastic then it would show here,otherwise it has a nice fallback of the,default product image,so you can see how that works so you,could continue adding additional meta,fields so if you wanted to upsell four,or five products,you would just again go back into,settings,go to meta fields and you can continue,adding more by width,definitions in here,so if you wanted to make this by with,two,and then again change this to buy with,i underscore with,choose the content type,product,save,then you can now add a third product to,upsell,you can do as many as you want,um i wouldn't recommend going too crazy,but you could certainly have several,products that you upsell and they will,all add to the card at once,so i hope that's been helpful if you,have any questions you can always reach,out to our support team and we'll get,back to you as soon as we can thank you,very much for watching this video and,have a great day

The above is a brief introduction to showtime theme shopify

Let's move on to the first section of showtime theme shopify

Let PPSPY's experts help you find the best shopify product on your Shopify business!

Find shopify products (It's Free)
No difficulty
No complicated process
Find trending products
3.5K Ratings


PPSPY has the world's largest selection of shopify products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

How to create custom page and product templates in our themes

How to create custom page and product templates in our themes

hi everyone this is tim from milehi, in this video i'm going to,show you briefly how to create custom,page and product templates using our,themes,this functionality is supported in any,of our theme versions that support,online store 2.0,in this case we're looking at the,showtime theme but the same principles,will apply to any of our themes,so we're looking at the home page right,now,but if i click on this customer support,page this is an example of a custom page,template that we've used created in the,theme,we've got a banner up here with some,icons with text we've got an faq section,and we've got a contact us form that's,just an example of a landing page you,could create using the new sections,everywhere,so let's jump into a dev version of our,theme,and show you how that's done,so i'm going to go ahead and customize,our theme,and you'll see this drop down menu at,the top where we can quickly navigate to,pages or products,in this case i'm going to go to a page,and you'll see that there are a few page,templates that are included with the,theme here by default,as well as some that i've also created,for other videos,so if i click on the default page this,shows me what just a regular page in the,theme will look like,it's basically just got the content that,you've added in the rich text editor in,shopify,if i win if i wanted to i could go ahead,and add additional sections to this,template,but if i did that and saved then every,page that's using the default template,would also have the same sections with,the same content,that's not necessarily what you want to,do unless you want to have the same,sections and content with the same,images and text on every page,so a better thing to do would be,to click pages and create a template,we'll just call this custom three,and we can base it on different pages,depending on how we want the layout to,be so if we've already created a custom,page template that has sections that we,want to reuse but instead of having all,the same images and text,we use,unique content for each one then we can,base it on that in this case i'm going,to keep it based on the default page and,create a template,so now we're previewing this custom,three page template that i've created,it's not assigned to any pages yet and,we're previewing the about us page,now what we're previewing the page,doesn't really matter because we have to,set,the template that we're going to use for,each page,on the page settings itself,so for now it doesn't really matter what,page we're using in this case we've got,a few options for your heading and,regular page content over here depending,on your theme settings,we can go ahead and add sections to this,page now,and populate them just like we would,anything else and then save,so we've created our custom page,template and now we just need to assign,a page to it so to do that we can exit,out of the customizer,go to online store pages,and choose any page,so we've got this custom page that i've,used for another purpose,you see there's this online store drop,down where you choose a theme template,i'm going to choose custom 3 for this,page and save,now if i view this page you can see that,it's got the heading the title of the,page there's no content on the page,because i didn't add any in this editor,but it's got the custom sections that i,added to the page,so once that's assigned i can go back,into the customizer,and if i navigate to pages and choose,custom three you will now see that it is,assigned to one page,and it takes me to that page to preview,it,so i can continue to do that and create,multiple page templates using the same,methodology now if you did want to have,the same content,in sections like this for every page,utilizing the same images and text then,you could just assign this custom,template you've created to multiple,pages and it would show up that way,the same is true for products,so on the product page you can do,something similar you'll notice that we,have a couple of custom templates in,here already,if i go to a default product,if i choose this one you see that there,is already this image with text heading,section here we also have recommended,products and a gallery,so by default all product pages will,have this,if i wanted to have a different unique,custom product page i could just go down,here go to products and choose create,template,we'll call this custom,product,2.,create a template,and again you have all of this,information over here where you can edit,your sections drag and drop them around,just like you would on the home page,so in the same way you saved this,and then you would go back to,your product pages,select a product,and you can assign that custom page,template you've created in the same way,that i showed you for the pages,so there's custom product 2. so now,whatever sections you've added to custom,product 2 will show on this product page,in addition to all of its regular,product information,that's about it,in another video i'll show you how to,create advanced product templates using,meta fields so you can reuse sections,but have different content without,creating a new page or product template,for each one,so check our support knowledge base for,that,thank you for watching and i hope you,have a great day

Congratulation! You bave finally finished reading showtime theme shopify and believe you bave enougb understending showtime theme shopify

Come on and read the rest of the article!