Shopify 리서치 허브 · 문서/위키형 둘러보기 분류 관리 자동 조사

Lee Ruane | Shopify CRO Specialist

YouTube 수집: 2026-08-28 게시: 2026-04-06
https://youtu.be/u6jZ-AshuiY

내용

[subtitle-meta] lang=en auto=True As a self-employed Shopify specialist, I get to work with lots of different brands. And one thing that I get all the time are brands needing help to either migrate over to Shopify or to upgrade their existing theme. And the challenge is this usually costs thousands. So I can't always help every brand that gets in touch. So that's why my partner and I decided to build a pre-made Shopify theme. We wanted to combine our experience and expertise and create something that's fully optimized, conversion focused, and ready to go without the big price tag. It's designed so you can download it and install it yourself and then just tweak things like the content, imagery, and branding. And we've called this theme Valentina. It has been designed with jewelry brands in mind, but honestly, it can work with pretty much any niche. And everything from colors to styling can be easily customized to suit your brand. This video is a full installation guide for anyone who's already bought the theme. But if you haven't yet and you'd like to take a look, I'll include a link in the description below where you can find out more and preview the theme. And if there is a specific niche you'd like us to build a theme for, then let us know in the comments below. We'd love to hear your thoughts. Firstly, thank you for purchasing the Valentina Shopify theme. Here is a quick overview of what this video will cover. We'll look at installing the theme, customizing it, and publishing it to your store. There is no coding needed and it is very beginner-friendly. If you have any issues during this process, feel free to reach out to us and we'll be happy to help. And alongside this video, we also have a written guide if you prefer. So step one is the installation. First of all, you need to download the zip file provided. And once you have that, you'll need to head to the back office of your Shopify store. So from here, we'll click into online store and make sure we're on the themes page. And then in the top right, we'll see import theme. Click on that and choose the upload zip file. Add the zip file from your downloads. Select your zip file and then click upload. We can see this being installed. It can take a while, so just give it a few minutes. Once it has, then we just need to click on edit theme. So, this is the first thing you'll see, but don't be alarmed when you don't see any images or logos. It's not going to look like the theme just yet as shown here. We just need to go through a few things, but it's nothing too complex. So, the first step is to go to the theme settings and we can access this by clicking on this top left cog. And the three main areas of focus for now are logo and favicon, colors, and typography. So, let's click into logo and favicon. From here, we just need to add our logo. So, let's do that. Then we'll notice our logo is now appearing on the header. If you want to change this height on desktop or mobile, you can just use these sliders. And throughout this process, I do recommend constantly checking between desktop and mobile. Nowadays, most traffic to your store will be on mobile. To do that, we just need to click on this icon top right and this will toggle between desktop and mobile. So, I think personally my logo is too big for now. So, let's just change the mobile height slider. That's a bit better. And likewise for desktop, let's just bring that down a bit. Perfect. Now, the favicon is the little icon next to your website name. So, when you're on a website browser and you have multiple tabs open, you'll see their website name and to the left of it, there'll be an icon. That's what we need to upload here. So, for now, I'm just going to use the same logo. And when it comes to image dimensions, we have listed in our installation guide our recommended sizes. So, for your logo, favicon, and other images throughout this whole site, please refer to that. Next up, we'll click into colors. So, we have installed this theme with four preset color schemes. And each scheme can be assigned to certain section. So, for example, when we look at this top announcement bar, we can see that we are using scheme three. If I wanted to change that to scheme two or scheme one, I can just click into announcement bar, change the scheme, and that's it. But, before we get to that part, just click through these schemes, making sure you're happy with how the colors are set up. For example, in scheme one, we can see here's the background, heading color, text, links, your primary button, secondary button, inputs like on your forms, variants, and selected variants. Once you're happy with the color schemes, now let's look at typography. From there, you can adjust your body, sub heading, headings, and accents, i.e. your links. And if you want to change any of these fonts, just simply click on the font. Shopify provide a lot to choose from, and then you can choose the style of the font from this drop-down at the bottom. And once you're happy, then click done. And then for each one of these fonts, we can then come down to the text presets. And from here, we can play with the size, spacings, case, etc. And just make sure you keep hitting that save button throughout these edits to prevent losing any of the changes you've made. Now, as I said, these three sections are your main focus for now, but I still recommend clicking through these other sections, just making sure that you're happy with the current setup, as it's much easier to change things here in one place that affects the whole site, rather than changing, for example, all your buttons one by one. You can just click into your buttons, adjust the buttons here in one place, and then hit save. Now, this theme comes with multiple saved templates and you can see these templates by clicking on this drop down in the top center of your screen. So we're currently on the home page, but you can see on this list all the other templates we've got. And when it comes to the page templates, we can see under pages here we have already pre-loaded this theme with specific template. For example, our story, product care, size guide, stockists. Now don't worry if you don't want to use any of these templates, you don't need to. They can just stay within the theme and then they're there ready to use if and when you need to. So let's kick off by looking at the home page. First up we've got this top announcement bar. This is a great place to shout out promotions or USPs. For example, at the moment we have got free delivery over £50. You can add multiple messages here and see in these arrows which scroll between your multiple messages. And they also look great on mobile. And you can see these messages on the left hand side here. If I click into the first one, we can then see we've got our text field. We can link it to a specific place. So if you had a deliveries page, I'd recommend linking that to your deliveries page. Change the font, spacing, etc. And if you want to reorder, we can just click and hold and then drag to the second place. And if you wanted to add a new message, just click on add block, click announcement, and then you've got the same fields here. And a top tip, if you want to save a bit of time, and this is the same throughout the entire theme, you can right click on a specific element, copy, and then right click, paste after. That way it'll copy all your pre-existing settings. If for example though, you don't want to show this announcement bar, you can just hover over this announcement bar on the left hand side and then see this eye icon and then just click on that and that'll hide the entire bar. Or you can keep your announcement bar live and rather than deleting these announcements, you can just hide the ones you don't want. Next up is the header. So, let's click into that. So, we've already added the logo, so we don't need to worry about that. But when we click into the menu, you'll notice that this menu you're seeing differs from the one on the preview theme as shown here. This is because it is inheriting the default menu that you've got on your store currently. So, if you wanted to change or adjust this menu, click on the drop down and click either replace or edit. If we click on replace, we can choose from our other menus that we've got currently set up. If you wanted to create a new menu, just click on this at the bottom. This will take you to the menus area in the back of your Shopify store. From here, you can start a new menu, and then start adding your relevant pages that you want to show. Once you're happy, click save, close this tab, and then we should see our new menu here. Just note that if you are going to use your main menu, that any changes you make to it will change this theme and also your currently live theme. So, if you don't want that to happen, just make sure that you create new menus for this theme. And as I mentioned earlier, if you wanted to change the color scheme for this header section, we can just make sure on the header, scroll down until we see color schemes, and then we can change color scheme one to color scheme three. And we can see that is updated there. Next up is our hero banner. So, let's click into that, and let's find an image to use. So, on the left-hand side, click into image. Let's just choose this one for now. And if you wanted to add a separate image for your mobile version, you can choose that under here. And let's just toggle to see what it looks like on mobile currently. Okay, that's fine for now for this example. And to edit this text and call to action, you can either hover over and just click in onto the element or scroll on the left-hand side down here and click into the particular section and then adjust these accordingly. Key thing here is just make sure that your button, your call to action is going to the right place. And again, when it comes to image dimension sizes, we have shared this in the written instructions guide. Next up, we have our reviews summary. So, for this example, we are using Judge.me. Judge.me is the app that we recommend for all Shopify stores. It's very feature-heavy for a cost of only $15 a month. If you need help installing or migrating to Judge.me, then I do offer this as a separate paid service, which you can find out more on my website. Or, you can find the guides on how to do this yourself on Judge.me's website. If you're using another provider right now, you can just click into it and change this for your app block that you're using. For example, if you're using Trustpilot, you should see this down here. And you can change that accordingly. Now, reviews are very important and I highly recommend using these reviews because it does really help with conversion. If you think of yourself as a shopper, I think one of the first things you do check is the reviews. So, strongly recommend getting this set up. But, worst-case scenario, if you don't have it, you can just click onto the section and then hover over on the left-hand side and then hide this section. Then we have our featured collections. So, click into that. And on the left-hand side, you may notice that you've got a few errors here. This is because we linked to our collections when developing this store, but our collections are going to be different to yours. So, all we need to do here is just click on the X each one. Then click on select and choose the collections that you want to feature. If you see something like this where there's no image, then that is because your collection doesn't yet have an image. So to add an image, you just need to go to that collection and then click here add an image. Hit save. And if you want to adjust these settings, feel free to adjust these to however you need. For example, changing it from four columns to three. And I don't want it shown as a grid now. I want it to show as a carousel. And when it comes to your heading, this is your first H2 heading, which is important for SEO. So just ensure that you've done some research into a good suitable heading for your brand. And once you found that, just click into it and change the font here, making sure that the H2 is still selected. Then we come to this rich text area. This is a great way to call out your brand story or a message along with a CTA. The goal here is to keep it concise and clear. So we've given you an example here that it's gifting made easy. Brief sentence and a call to action which goes to our gifts collection. So adjust these areas to suit your brand. And again, the key area is to make sure that this shop now button is going to the right place. So just click into that and then change this link to go to the right collection. Let's say all collections. And just a reminder, let's keep hitting that save button. Then we have this secondary hero section. So it's the same setup as your top hero banner. But it's just another way to call out or feature your promotion, new collection, etc. So likewise, we'll just click into it, choose an image, and again, just adjust these. We then come to this marquee section. This shows some scrolling text. You can adjust the speed, the spacing, and the messaging. At the moment, we're just showing the one message, but you can add multiple. And to do that, we can just click on the left-hand side here, right click, and then duplicate. And we can change this one to say something else. Then we have this secondary review section. So, this is also using Judge.me, but it is going into a little bit more detail with some recent reviews in card format. So, if you already on Judge.me, this will link up automatically. But as I mentioned earlier, you may just need to change it to your current provider, or just hover over the section, click on the I icon, and hide it if you don't want it. Then we have this featured products section. So, this is a great way to feature a specific collection. Just note that you can't pick products from different collections. This only works using one collection. So, you can see here on the left that we chose best sellers. But if we want to change that, let's just replace, and then pick front page. And when it comes to the title, you'll see that it is called front page, which is the same as what the collection is called. That is because if you click into the collection title, you'll see there is this blue field here. This is a meta field. So, it'll basically just say, "Whatever the collection is called, I will just pull through that as a title." If you'd rather rename this, you can just type whatever you want it to be, and then just click into that and remove dynamic source. Just make sure that this is saved as a H2, then hit save. And then here, we've got a couple of image and text sections along with another rich text area. And on mobile, these look great because they stack image, text, image, text, even though on desktop, they are alternating. So, if you're both these sections, you're just pick an image and adjust like we have before the content. And for this rich text area, you can just click into it, adjust the content here, and save. Or, as mentioned, just hide the quote if you don't want it. Then we come to this blog post section. Now, a blog is great for SEO. It's a way of finding new traffic to your store that may not have heard of you yet. They could be searching for how to care for your jewelry, for example. They come onto your post, and then start clicking through your website, and you never know, might sign up to your emails, or even purchase one of your products. And if you've already got some blog posts live, we can just click into this blog section, and then on the left-hand side, choose a blog. So, we'll click replace, and my one on this test theme is called news. And then we'll see it's pulled through my articles there. And as I mentioned earlier, this title is pulling through the blog title. So, it is dynamic, but if you want to change it, feel free to go in and adjust. Then we come to this footer section. So, from this email newsletter down, all these areas, these are shown on all pages across your entire site. The benefit of doing this is you only have to edit it in one place. So, all these sections we've already done is just unique to the homepage template. Footer is the same across everything. So, the first section we're featuring is this newsletter sign up. This is a great way to capture emails, and offer incentives if possible. For example, get 10% off your first order. If you're unable to do so, then you can just say sign up to get notified on our new product releases, but we do find that some sort of incentive really does help. So, by default, this is just a form that's built into the theme. So, if someone were to enter their email address here, and click submit, that would create a new customer record in the back of your Shopify store. To get this to work with your email platform, if you have like a welcome flow, or they get emailed the discount code, you just need to ensure that that is linked up. Whether you're using Shopify email or Klaviyo, I won't go into that in this video. So, just ensure that this is tested and fully working before your site goes live. Now, your USP section, it's a great way to highlight any benefits you've got. For example, free shipping, handmade in the UK, whether you're using recycled materials, etc. You can change the text and even change the icon. You can do that by clicking into it and then just from this list, you can pick whatever it is that you need. Then the bottom half of our footer, on the left-hand side, we've got this short brand bio. So, the logo has already pulled through because we set that up earlier. Then you can just add a short brand bio line into here. And when it comes to the social icons, just click into that and on the left-hand side, just update these links to your social profiles. And if you don't want an icon to show, just make sure that it's empty and then it will disappear. Then we have a three-column layout on desktop, which on mobile stacks vertically. So, this gives you the option to feature three key menus. So, if we look at our preview theme, if we scroll to the bottom, we can see that we're featuring about related links, anything to do with help, and then some of our popular collections. So, this can be customized to whatever it is you need. And as we did earlier, you can just customize this menu by clicking into it, replacing, choosing one of your menus, or creating a new menu for each column. And then finally, on the homepage, we've got this utility section. So, a few things are going on here. First of all, we've got our payment icons. These will show depending on whatever payment setup you have installed. So, if you've got PayPal, that should show. If you don't, it won't, etc. And when it comes to your terms and policies, there's this submenu here. So, when I hover over it, I can then choose my cookies policies or privacy policy. Now, this is linked up to the policies that you've set within Shopify. So, if you haven't set set up, they won't show. So, to ensure you've got policy set up, let's just click into the policies link. And then you'll see on the left-hand side here, manage policies. If I click on that, it'll open up a new screen under my Shopify settings under policies. And then we can just adjust these under here. Once you're happy, save that, and then head back to the theme. Okay, so that is the homepage template all sorted. Next up, we're going to look at the product page. So, head to your top navigation, click on that, head to products, and then default product. And this will take us to our product page. If you want to look at a particular product while you're editing, at the top left-hand side, you can see you can toggle between your products. So, let's say I want to look at the black bottle bundle. And we can just do that to make sure we're happy how it's looking across multiple products. So, your product images will pull through automatically from your product pages. Our recommendation is to feature between four and six, making sure you show different angles and lifestyle shots to really sell the product. And again, our recommended dimension sizes are featured in the installation guide. And then when we look over to the left-hand side, we've got this product details section. And within this detail section, we've got multiple blocks featured. And just as a top tip, if you find that this small window isn't big enough, then we can just click on this, and then drag this down so we can see it a bit clearer. So, the first section we've got is a header. We can see that it's got the product badges and product title within it. Just so you're aware, within this product badges, when I click into it, you'll see that there's some code in here. We'll discuss product badges a little bit later, but for this area, you just don't need to worry about. I've just coded it in, and it will automatically update itself. And then we've got another review section. So, this again is linked to our Judge.me stars rating, which if you're already on Judge.me, this will link up automatically, or you can replace with your current provider. Or alternatively, again, you can just hide the review section if you don't want it. And then when we scroll down, we've got our price, we've got the skew, so these will just automatically show. And then we've got our promo code section. So this is an optional section. If you've got a sale on, or if you want to encourage some purchases with a code, then you can use this section here. And you can just click into it and customize the text however you need. Or if no promotions are on, we can just hide this section. I would advise hiding sections rather than deleting, because if you ever do want this feature in future, you can just unhide it and use it, rather than having to rebuild it again from scratch. And then below our add to bag section, we've got a few USPs. So this is a great way to reinforce trust. And you can change these to however you need, change the icons, change the text, adjust this to however suits your brand. You've got this area, which is your product description, which will automatically pull through whatever you've written in the back office for that product. And then we've offered a few accordion sections, which we think are relevant for a jewelry brand. If you're not a jewelry brand, then you can still use this theme, you can just adjust these to whatever suits your needs. So for each accordion, if we click into it, first up we've got the delivery. So when we click into that, we've got the delivery table, then we can expand that, and then we've got our delivery heading, along with our multiple delivery methods. So let's click into the delivery header. I should expand this on the right so we can see what we're looking at. So our delivery header, at the moment we have got one, two, three columns. Method, price, and time. If I wanted to remove a column or add a column, so if I added one, let's just duplicate this. You'll see that it splits into four columns. Four at the top. However, the rows below are still only three. So, once you do that, you'll just need to ensure that it goes to each delivery method and then add a new column. Like that. So, just make sure that all your delivery rules are set up correct. And the key area for all of these accordions is making sure that these links are linking to your correct pages. And we can get to that text by just scrolling down below these delivery methods, we'll see this text field here. Click into that, adjust the text, and then click into edit link. Just making sure you're going to the right place. And click done. And then just repeat these steps for your return policy, size guide, and product care. And at any point you want to preview this theme in a separate window, you can do that by first of all just making sure you've saved top right. And then click on this drop-down menu here. And then click preview. Once you click on that, that'll open up a new tab and you can click around making sure the links are taking them to the correct places. So, one thing we've built on our theme which you can't see here yet is recommended upsells or pairs well with. Now, this is using an app called Search and Discovery. Search and Discovery is an app built by Shopify and is free. So, I highly recommend installing it because it does this along with a few other things, too. So, what you'll want to do is head to the Shopify app store and then search for Search and Discovery. And you can see I've already got it installed, but if you haven't, just click install. And then once it's installed, you can just search for the app, open it up, and then we'll see on the left-hand side recommendations. Click into that. So, we'll search for the product green plastic bottle, and then click into it. And then we can go to this section here, edit complementary products. Let's add a few to that. Click add. Then hit save. And then let's refresh this area and we'll see some complementary products appear just under this product care. So let's refresh. Then we've got this pairs well with, which works as a carousel can slide. And if you want to adjust what the text says, just click into it and edit here. Then we come to this review section here, which again is using Judge.me. So we've turned the setting on at the moment that if no reviews are showing, then this widget will hide. But just to show you what it looks like on the front, let's go to a product. And you'll see the stars underneath the title. So when I click on that, it'll scroll me down to this section here. So this is what it will look like. But as always, if you don't want it and you don't have reviews, you can just click into the review section and then hide it. You've got this you may also like section, which will automatically populate from Shopify. But you can also use the search and discovery app if you do want to force what is shown as a recommendation. And that is done by just scrolling down below this section we worked on just a minute ago. You'll see edit related products. So these are auto generated at the moment, but you can browse and show whatever items you need. Then finally on the product page, we've got these two editorial sections. And the reason why we put these editorial blocks on the product page as well as the collection page is that you can get traffic landing directly on your product and collection pages. And it's a real good way to introduce your brand, tell your story, build trust, etc. So you can make these sections differently if you want, but for me, I'm happy using the exact same that we've got on the homepage. So I just need to copy and paste. And to do that, I'll just head back to the home page. Scroll down to this section here, making sure that I've got the whole editorial section highlighted. So, you click on editorial, right click, copy, head back to our product template. And then I want it after this you may also like section, so click into that and then right click on recommended products and then paste after. And then that is copied over. Obviously, we've not made any changes on the home page, so it's not any different right now, but that's just a real good way to copy and paste sections from different templates to other areas of your site without doing it all manually. So, let's save the product template. Next up, we'll head to the collection template. Now, with our collection template, we can do the same that we did with our products. So, at the moment, we're previewing the front page. If I want to look at the main collection, for example, I'll click into that. So, all three of these areas, your image, your title, and your text is all linked dynamically. Now, I'd leave this as it is. Don't edit this because this is a template that's being used across all collections. So, if I were to go into here and put in some extra text, then that will show on every collection. If that's okay and you want that, then great, but just be aware that this is one template used across all. I'll just delete that and put it back to what it was. And just below the header, we have this filtering and sorting bar. This is also linked up to the search and discovery app by Shopify. So, we've got availability, product type, price, tags, and USP set up currently. So, let's just head back to the search and discovery app. Click into search and discovery. Then instead of clicking into recommendations this time, we're going to click on filters. And here, we've got all of our filters set up. If I wanted the price to be shown before the product type, I can just click, drag, pop it above, and then hit save. And let's refresh this. And we've got the price before the product type. If I wanted to go and create a new filter, then I would do that by going back to here, top right, click on add filter. You can select a source, and you can use any of these that are set up. Or you can set up new meta fields. So, if you have lots of product meta fields like size, material, color, dimensions, etc., you can link the filter up to one of the product meta fields, and then click save, and then you'll see that that will be shown here. And once you've saved that, that will then give your customers the ability to filter across here by material, say gold or silver. And this just really helps customers to find exactly what it is they're looking for. And likewise, the bottom of the collection, we've got these editorial sections, which again, you can copy and paste from either your home page or product page templates. And once you're happy, just make sure that this collection template is saved. Now, let's head to the next section, which is our checkout. So, click on the menu, and then head to checkout and customer accounts. And from here we can adjust how the checkout looks. So, we can make sure that the logo is correct, the colors, the font, call to actions, the buttons, etc. The one thing to be aware of here, is you'll see at the top here, we've got customize live. So, this is currently our live checkout. So, whatever changes I make here, will automatically show on the live store. If you're okay with that, that's fine. It's It's only your styling really that you edit here. But if you are in the process of like completely changing your brand colors, then I would recommend creating a new checkout that you can style up, and then once you launch your new theme, you can launch your new theme and this new checkout together. To create a new checkout, what you need to do is head to your settings within Shopify. So, bottom left, click on settings. Then let's click on checkout. So, you can see we've got that customized live that we're just in. But if I wanted to create a new one, all I need to do is click on duplicate. Then click into customize. Now I can edit this one up. You can then just head back into this checkout theme and then click on the top right publish. And once you've saved the checkout, you can then head back into the Valentina theme and continue editing. Next up is the page templates. So, under pages, you'll see that we've got multiple layouts set up. So, you can go through each one of these templates, ensuring that you're happy with the layout, the content, and all the links, so it's working correctly for your brand. So, let's just hop into a few of these page templates so I can show you some examples. First up is the contact page. And then the key thing here is just making sure that this content is correct and you're linking to the correct page if you have a link. And the contact form will automatically link up to your store email address. Then we have our delivery page. Now, like on our product page, this is set up in the same manner. So, we have our delivery heading, delivery rows, and you can add in additional columns or hide columns that you don't need. But again, just work down this list, making sure it's all correct, all the content, click into each section, making sure you're happy and it is correct for your brand. And you have a final CTA at the bottom, which we are linking to the all collections URL for now. If you want that to go to, say, your best sellers, you'll just click into collections and change accordingly. We have an FAQs page. So, for each one of these is an accordion. So, you can either click into each one or the left-hand side use this navigation and then expand each question. So, we've got our question within the accordion row, and then below that we have a text field, which is our answer. And if you want to add or remove these questions, you can do so by just hovering over and clicking either the the delete or the hide button. Or if you need more, just right click and duplicate. And if you ever needed to move one of these questions to another section, for example, what we'll do is just click into where you deliver. Let's say we want to put that under order issues. So, where do you deliver? Just click to the left of that accordion, and we can just pull that down. And let's pop that under here. So, that is now under the heading order issues. We have a little divider, which is that faint line there. And then the first question is, where do you deliver? So, I just wanted to show how easy that was to move questions around, above, below, or even to different sections. So, just ensure you're happy with all these questions. And there's a final rich text area here at the bottom where you can just change the heading, change the text, and then there's a call to action, which will go to our contact page. Next up is our story page. So, you can adjust the intro copy, the images and text all the way down along with a three-column layout here, which again, if you need more columns, just feel free to right click and duplicate, and that's how it goes into four. Just always check how it looks on mobile to make sure you're happy. And you've got a lot of choice for the icons. So, you can just click onto an icon and then choose from the drop-down. Like that. Then we have this section where we can feature specific collections, like we did on the homepage. So, for this example, I want to use the exact same setup that we've got on the home page. So, let's go to the home page template. Scroll down to the featured sections. And then, click into that. Right click, copy. Head back to our story page. And I want it after this section. Right click. Paste after. Then, I can just remove this other section that we don't need anymore. Then, hit save. We also have a product care template. Which is another great way to just help your customers understand your products and how to care for them. But, again, these templates are completely customizable. If you don't want to use it, you don't have to. You can change it, hide or show sections, add in new sections, etc. You then got your size guide and stockists. So, on your size guide, like with your delivery tables, you can adjust these however you need. And then, below these tables, we have these nice info blocks that we've just used an example here on how to find your perfect necklace length with some instructions, but you can change these to however you see fit. And finally, we've got the stockist template. So, if your products are being stocked in multiple locations, you can highlight these on this template. So, we've got a three-column layout at the moment. Let's just expand this a bit. So, we've got three columns as shown here. If we expand column one, you'll see that we've got location set, which is the London. If I wanted to duplicate this location, right click and duplicate. So, that is now sitting in position two under column one. As shown like that. If I wanted to move this second London location to column three in position one, all I need to do is let's just expand column three. And I'll just drag that location to above in column three. And just like that, we've got London above Bath. And with these three columns, they will stack in order. So, it'll go London, Birmingham, London, Bath. London, Birmingham, London, Bath. That's right. And let's just say you only wanted two columns. All you need to do there is just hide column three. And then that will dynamically fill the page with however many columns you've got. So, in this example, from three to two. Then hit save. Next up is our blog template. So, let's click into blogs and default blog. So, what we need to do is get this to link up to our blog. So, let's click into the blog post grid. Drag this up a bit. And we want to replace this from journal to whatever our blog is called, which is called news. Click on start. And we can now see that the title, the copy, and the articles are pulling through correct. That's all we need to do on that page. So, hit save. Now, we need to look at the individual blog article layout. So, for that, we go to blog posts and default blog post. So, on your blog article template, this black background here is actually an image. And this image is whatever you've set on your blog post. So, let me just show you what I mean. Let's click on this icon here. Open up the blog post. So, I've actually got this test blog post header here. The title along with some dummy text. Head back to our theme. You'll see that that is the image behind. This title is being pulled dynamically along with the content here. So, there's actually nothing you need to do on this top part of the section. The title, the image, and the content will pull through dynamically. The only thing we need to do is at the bottom we are linking to related blog posts. So we just again need to link this to our blog category. Which isn't called journal, it is called news. Then hit save. And the final section guys is the 404 page. So we scroll down here, click into 404 template. Now in my experience, a lot of Shopify stores completely forget about this page. A 404 is whenever someone goes to a URL that isn't found or it doesn't exist anymore. So this is a real good opportunity to help your customers stay on your site and continue shopping and discovering your products. So you can change this content to whatever you need. The heading, the text, and even the call to action to where you need them to go. So in our example, we are taking them to the homepage. So just make sure you're happy with this button and where it's taking them on your store. And a real good conversion piece is including some feature products at the bottom of this 404. So this could be your new in products or best sellers. So all we need to do is click into the collection and just change this collection accordingly. So let's say main collection. So now when a customer lands on a 404 page, they'll see this message. They can easily navigate back to the homepage or something might just catch their eye that keeps them clicking around and shopping on your store. So once you're happy with this page, just click save. So in terms of your theme customizations, that's really it. Just make sure you're happy with it. You can again click on this drop down here, preview the store, just click around making sure you're happy with where everything's going to, how it looks, desktop and mobile. But there's just one key area that you need to be aware of. And that is that all these page templates we've got set up here, as you can see, they're all set up but they're not assigned to any pages yet. And for us to be able to assign a specific template to a page, that is done within the page setup itself. So, let's just head to a specific page. Go to online store, pages, and then go to our about page. So, what I want this template to be is the our story page. And when I click on the right-hand side here, under template, you'll see that all I've got is the default page, about, and contact. But, what I want is this page here, our story. So, what we need to do is publish this theme. Because all of our pages in the back are linking to whatever theme is live, which is currently this latest Horizon. It's not the Valentina theme. So, let's just publish the Valentina theme by clicking on this publish button here. Yeah, I'm happy. Now that the Valentina theme is live, let's head back to the about page. Now choose the drop-down. Now we can see we can choose any of our new templates. So, our story, then hit save. So, just be aware of that. When you're clicking around previewing your store, if it is in draft mode, you won't see that specific pages have been assigned yet. Publish it first, then go through your pages and assign the correct template. And here are some extra tips. First of all, you may have noticed in the previous theme we've got these badges showing, best seller, new in, etc. Now, these are actually linked up to product meta fields. So, I'm going to show you how to set up a product meta field, assign them, and then they'll appear like this on your store. So, for that, we need to go to our back office. Head to settings, and then meta fields and meta objects. Click into products, and then we need to add a new definition. In this field, we need to type in product badges. Then in this type drop-down, we need to change it from one to a list of values. Then for select type, change that to choice list single line text. Once we do that, under this validation area, we'll see we've got this new field. In there, I want to type in what I want the badge to be. So, let's say new in. And then if I wanted to add another one, best seller. And you can add as many of these as you like. Finally, just toggle all these switches on. And then hit save. Close that. Now let's head over to a product. So, click into products, and then we'll go into this white drinks can. Scroll down towards the bottom. You'll see this product meta fields area. And here is our new field that we just created. Once I click into that, you can see I've got these options. So, let's add in new in. And if I wanted to also add best seller, let's add that, too. Then we hit save. And if we head to that product in our theme, white drinks can. You'll see that those badges are now showing. As I mentioned earlier in the video, that section is custom coded. As shown here. So, this is done automatically. This will just show whatever you've set in the back of the product. And these badges are also shown in the collection view, too. As you can see here. Top right of this product card. And just so you know, these badges won't show if a product is either out of stock or on sale. It'll just show it out of stock badge. And likewise, if it's on sale, it'll show on sale. Now, you may have noticed on our demo Valentina theme, we've got this unlock 10% off option the bottom left. When you click on that, it show you this pop-up. And this pop-up will also automatically appear after say 15 seconds. Now, this is set up with Shopify forms. Shopify forms is a free app built by Shopify. So, feel free to head over to the app store and search for Shopify forms. And install that to your theme. You'll then be able to customize the pop-up and get that to show as we've got here. Or alternatively, if you're using another platform like Klaviyo, you can just link that up how you've done on your current theme. Now, when it comes to theme updates and releases, we've actually built this on Shopify Horizons theme. And what we do is we regularly update this theme. So, if you ever want to come back and re-download this theme, just head to the link that was given to you that took you to the instructions guide with the zip file, re-download that zip file, add it to your theme, re-install up this theme how you've just done it, and then you'll have the latest version of Horizon. And as a free bonus template to help with your branding, we've provided you with a Canva template to help you set up your branding. So, we wanted to offer this as a nice little add-on to help you get your brand guidelines all set up. And if you ever need to share your brand guidelines with third-party providers, just download that as a PDF and share it with them. I just want to thank you again for purchasing the Valentina theme and would really appreciate it if when you're prompted to give some feedback, that you do so. Um those reviews go a long way to help get this theme seen by other Shopify users. So, it would really mean a lot if you're able to share your feedback with us. And if you struggle with any of this or need support, then please do reach out to us and we'll be more than happy to help. Thank you for watching and I really hope this theme helps your store look amazing. If it did, then please don't forget to like and subscribe and feel free to share this video with anyone else who may be interested. And as always, if you need a hand with anything Shopify related, feel free to reach out and I'll see you in the next one.
원문 자막 펼치기
WEBVTT
Kind: captions
Language: en

00:00:00.000 --> 00:00:02.470 align:start position:0%
 
As<00:00:00.280><c> a</c><00:00:00.320><c> self-employed</c><00:00:01.040><c> Shopify</c><00:00:01.400><c> specialist,</c><00:00:02.360><c> I</c>

00:00:02.470 --> 00:00:02.480 align:start position:0%
As a self-employed Shopify specialist, I
 

00:00:02.480 --> 00:00:03.710 align:start position:0%
As a self-employed Shopify specialist, I
get<00:00:02.680><c> to</c><00:00:02.800><c> work</c><00:00:03.000><c> with</c><00:00:03.120><c> lots</c><00:00:03.360><c> of</c><00:00:03.440><c> different</c>

00:00:03.710 --> 00:00:03.720 align:start position:0%
get to work with lots of different
 

00:00:03.720 --> 00:00:05.990 align:start position:0%
get to work with lots of different
brands.<00:00:04.360><c> And</c><00:00:04.560><c> one</c><00:00:04.720><c> thing</c><00:00:04.880><c> that</c><00:00:05.000><c> I</c><00:00:05.080><c> get</c><00:00:05.680><c> all</c><00:00:05.880><c> the</c>

00:00:05.990 --> 00:00:06.000 align:start position:0%
brands. And one thing that I get all the
 

00:00:06.000 --> 00:00:08.150 align:start position:0%
brands. And one thing that I get all the
time<00:00:06.480><c> are</c><00:00:06.600><c> brands</c><00:00:07.000><c> needing</c><00:00:07.280><c> help</c><00:00:07.800><c> to</c><00:00:07.920><c> either</c>

00:00:08.150 --> 00:00:08.160 align:start position:0%
time are brands needing help to either
 

00:00:08.160 --> 00:00:11.150 align:start position:0%
time are brands needing help to either
migrate<00:00:08.800><c> over</c><00:00:09.080><c> to</c><00:00:09.200><c> Shopify</c><00:00:09.920><c> or</c><00:00:10.560><c> to</c><00:00:10.680><c> upgrade</c>

00:00:11.150 --> 00:00:11.160 align:start position:0%
migrate over to Shopify or to upgrade
 

00:00:11.160 --> 00:00:12.950 align:start position:0%
migrate over to Shopify or to upgrade
their<00:00:11.320><c> existing</c><00:00:11.880><c> theme.</c><00:00:12.320><c> And</c><00:00:12.440><c> the</c><00:00:12.520><c> challenge</c>

00:00:12.950 --> 00:00:12.960 align:start position:0%
their existing theme. And the challenge
 

00:00:12.960 --> 00:00:15.630 align:start position:0%
their existing theme. And the challenge
is<00:00:13.520><c> this</c><00:00:13.720><c> usually</c><00:00:14.080><c> costs</c><00:00:14.680><c> thousands.</c><00:00:15.440><c> So</c><00:00:15.600><c> I</c>

00:00:15.630 --> 00:00:15.640 align:start position:0%
is this usually costs thousands. So I
 

00:00:15.640 --> 00:00:17.630 align:start position:0%
is this usually costs thousands. So I
can't<00:00:16.040><c> always</c><00:00:16.320><c> help</c><00:00:16.760><c> every</c><00:00:17.040><c> brand</c><00:00:17.280><c> that</c><00:00:17.400><c> gets</c>

00:00:17.630 --> 00:00:17.640 align:start position:0%
can't always help every brand that gets
 

00:00:17.640 --> 00:00:19.670 align:start position:0%
can't always help every brand that gets
in<00:00:17.760><c> touch.</c><00:00:18.240><c> So</c><00:00:18.320><c> that's</c><00:00:18.560><c> why</c><00:00:18.760><c> my</c><00:00:18.920><c> partner</c><00:00:19.280><c> and</c><00:00:19.440><c> I</c>

00:00:19.670 --> 00:00:19.680 align:start position:0%
in touch. So that's why my partner and I
 

00:00:19.680 --> 00:00:22.030 align:start position:0%
in touch. So that's why my partner and I
decided<00:00:20.120><c> to</c><00:00:20.200><c> build</c><00:00:20.600><c> a</c><00:00:20.680><c> pre-made</c><00:00:21.600><c> Shopify</c>

00:00:22.030 --> 00:00:22.040 align:start position:0%
decided to build a pre-made Shopify
 

00:00:22.040 --> 00:00:23.830 align:start position:0%
decided to build a pre-made Shopify
theme.<00:00:22.480><c> We</c><00:00:22.640><c> wanted</c><00:00:22.920><c> to</c><00:00:23.040><c> combine</c><00:00:23.720><c> our</c>

00:00:23.830 --> 00:00:23.840 align:start position:0%
theme. We wanted to combine our
 

00:00:23.840 --> 00:00:26.110 align:start position:0%
theme. We wanted to combine our
experience<00:00:24.600><c> and</c><00:00:24.840><c> expertise</c><00:00:25.720><c> and</c><00:00:25.880><c> create</c>

00:00:26.110 --> 00:00:26.120 align:start position:0%
experience and expertise and create
 

00:00:26.120 --> 00:00:27.830 align:start position:0%
experience and expertise and create
something<00:00:26.400><c> that's</c><00:00:26.760><c> fully</c><00:00:27.080><c> optimized,</c>

00:00:27.830 --> 00:00:27.840 align:start position:0%
something that's fully optimized,
 

00:00:27.840 --> 00:00:30.110 align:start position:0%
something that's fully optimized,
conversion<00:00:28.360><c> focused,</c><00:00:29.080><c> and</c><00:00:29.240><c> ready</c><00:00:29.440><c> to</c><00:00:29.560><c> go</c>

00:00:30.110 --> 00:00:30.120 align:start position:0%
conversion focused, and ready to go
 

00:00:30.120 --> 00:00:32.550 align:start position:0%
conversion focused, and ready to go
without<00:00:30.520><c> the</c><00:00:30.600><c> big</c><00:00:30.880><c> price</c><00:00:31.160><c> tag.</c><00:00:31.600><c> It's</c><00:00:31.760><c> designed</c>

00:00:32.550 --> 00:00:32.560 align:start position:0%
without the big price tag. It's designed
 

00:00:32.560 --> 00:00:34.470 align:start position:0%
without the big price tag. It's designed
so<00:00:32.680><c> you</c><00:00:32.759><c> can</c><00:00:32.920><c> download</c><00:00:33.440><c> it</c><00:00:33.840><c> and</c><00:00:34.040><c> install</c><00:00:34.400><c> it</c>

00:00:34.470 --> 00:00:34.480 align:start position:0%
so you can download it and install it
 

00:00:34.480 --> 00:00:36.310 align:start position:0%
so you can download it and install it
yourself<00:00:35.080><c> and</c><00:00:35.200><c> then</c><00:00:35.320><c> just</c><00:00:35.480><c> tweak</c><00:00:35.720><c> things</c><00:00:36.080><c> like</c>

00:00:36.310 --> 00:00:36.320 align:start position:0%
yourself and then just tweak things like
 

00:00:36.320 --> 00:00:38.670 align:start position:0%
yourself and then just tweak things like
the<00:00:36.400><c> content,</c><00:00:37.120><c> imagery,</c><00:00:37.760><c> and</c><00:00:37.880><c> branding.</c><00:00:38.560><c> And</c>

00:00:38.670 --> 00:00:38.680 align:start position:0%
the content, imagery, and branding. And
 

00:00:38.680 --> 00:00:41.030 align:start position:0%
the content, imagery, and branding. And
we've<00:00:38.800><c> called</c><00:00:39.080><c> this</c><00:00:39.240><c> theme</c><00:00:39.920><c> Valentina.</c><00:00:40.880><c> It</c>

00:00:41.030 --> 00:00:41.040 align:start position:0%
we've called this theme Valentina. It
 

00:00:41.040 --> 00:00:42.950 align:start position:0%
we've called this theme Valentina. It
has<00:00:41.120><c> been</c><00:00:41.240><c> designed</c><00:00:41.840><c> with</c><00:00:42.000><c> jewelry</c><00:00:42.360><c> brands</c><00:00:42.800><c> in</c>

00:00:42.950 --> 00:00:42.960 align:start position:0%
has been designed with jewelry brands in
 

00:00:42.960 --> 00:00:44.910 align:start position:0%
has been designed with jewelry brands in
mind,<00:00:43.600><c> but</c><00:00:43.720><c> honestly,</c><00:00:44.320><c> it</c><00:00:44.440><c> can</c><00:00:44.600><c> work</c><00:00:44.800><c> with</c>

00:00:44.910 --> 00:00:44.920 align:start position:0%
mind, but honestly, it can work with
 

00:00:44.920 --> 00:00:46.830 align:start position:0%
mind, but honestly, it can work with
pretty<00:00:45.120><c> much</c><00:00:45.400><c> any</c><00:00:45.600><c> niche.</c><00:00:46.280><c> And</c><00:00:46.480><c> everything</c>

00:00:46.830 --> 00:00:46.840 align:start position:0%
pretty much any niche. And everything
 

00:00:46.840 --> 00:00:48.990 align:start position:0%
pretty much any niche. And everything
from<00:00:47.080><c> colors</c><00:00:47.520><c> to</c><00:00:47.640><c> styling</c><00:00:48.400><c> can</c><00:00:48.480><c> be</c><00:00:48.680><c> easily</c>

00:00:48.990 --> 00:00:49.000 align:start position:0%
from colors to styling can be easily
 

00:00:49.000 --> 00:00:51.150 align:start position:0%
from colors to styling can be easily
customized<00:00:49.920><c> to</c><00:00:50.040><c> suit</c><00:00:50.280><c> your</c><00:00:50.400><c> brand.</c><00:00:50.920><c> This</c>

00:00:51.150 --> 00:00:51.160 align:start position:0%
customized to suit your brand. This
 

00:00:51.160 --> 00:00:53.710 align:start position:0%
customized to suit your brand. This
video<00:00:51.680><c> is</c><00:00:51.840><c> a</c><00:00:51.920><c> full</c><00:00:52.320><c> installation</c><00:00:53.000><c> guide</c><00:00:53.600><c> for</c>

00:00:53.710 --> 00:00:53.720 align:start position:0%
video is a full installation guide for
 

00:00:53.720 --> 00:00:55.390 align:start position:0%
video is a full installation guide for
anyone<00:00:54.080><c> who's</c><00:00:54.320><c> already</c><00:00:54.600><c> bought</c><00:00:54.840><c> the</c><00:00:54.920><c> theme.</c>

00:00:55.390 --> 00:00:55.400 align:start position:0%
anyone who's already bought the theme.
 

00:00:55.400 --> 00:00:56.910 align:start position:0%
anyone who's already bought the theme.
But<00:00:55.520><c> if</c><00:00:55.600><c> you</c><00:00:55.720><c> haven't</c><00:00:56.000><c> yet</c><00:00:56.440><c> and</c><00:00:56.560><c> you'd</c><00:00:56.680><c> like</c><00:00:56.840><c> to</c>

00:00:56.910 --> 00:00:56.920 align:start position:0%
But if you haven't yet and you'd like to
 

00:00:56.920 --> 00:00:58.630 align:start position:0%
But if you haven't yet and you'd like to
take<00:00:57.120><c> a</c><00:00:57.160><c> look,</c><00:00:57.760><c> I'll</c><00:00:57.880><c> include</c><00:00:58.200><c> a</c><00:00:58.240><c> link</c><00:00:58.480><c> in</c><00:00:58.560><c> the</c>

00:00:58.630 --> 00:00:58.640 align:start position:0%
take a look, I'll include a link in the
 

00:00:58.640 --> 00:01:00.510 align:start position:0%
take a look, I'll include a link in the
description<00:00:59.080><c> below</c><00:00:59.680><c> where</c><00:00:59.840><c> you</c><00:01:00.000><c> can</c><00:01:00.160><c> find</c><00:01:00.440><c> out</c>

00:01:00.510 --> 00:01:00.520 align:start position:0%
description below where you can find out
 

00:01:00.520 --> 00:01:02.430 align:start position:0%
description below where you can find out
more<00:01:00.960><c> and</c><00:01:01.120><c> preview</c><00:01:01.480><c> the</c><00:01:01.600><c> theme.</c><00:01:02.080><c> And</c><00:01:02.200><c> if</c><00:01:02.320><c> there</c>

00:01:02.430 --> 00:01:02.440 align:start position:0%
more and preview the theme. And if there
 

00:01:02.440 --> 00:01:04.310 align:start position:0%
more and preview the theme. And if there
is<00:01:02.640><c> a</c><00:01:02.720><c> specific</c><00:01:03.320><c> niche</c><00:01:03.760><c> you'd</c><00:01:03.920><c> like</c><00:01:04.120><c> us</c><00:01:04.239><c> to</c>

00:01:04.310 --> 00:01:04.320 align:start position:0%
is a specific niche you'd like us to
 

00:01:04.320 --> 00:01:06.190 align:start position:0%
is a specific niche you'd like us to
build<00:01:04.559><c> a</c><00:01:04.600><c> theme</c><00:01:04.920><c> for,</c><00:01:05.320><c> then</c><00:01:05.640><c> let</c><00:01:05.880><c> us</c><00:01:06.000><c> know</c><00:01:06.120><c> in</c>

00:01:06.190 --> 00:01:06.200 align:start position:0%
build a theme for, then let us know in
 

00:01:06.200 --> 00:01:07.710 align:start position:0%
build a theme for, then let us know in
the<00:01:06.280><c> comments</c><00:01:06.600><c> below.</c><00:01:07.200><c> We'd</c><00:01:07.360><c> love</c><00:01:07.520><c> to</c><00:01:07.600><c> hear</c>

00:01:07.710 --> 00:01:07.720 align:start position:0%
the comments below. We'd love to hear
 

00:01:07.720 --> 00:01:09.030 align:start position:0%
the comments below. We'd love to hear
your<00:01:07.880><c> thoughts.</c>

00:01:09.030 --> 00:01:09.040 align:start position:0%
your thoughts.
 

00:01:09.040 --> 00:01:11.150 align:start position:0%
your thoughts.
Firstly,<00:01:09.840><c> thank</c><00:01:10.080><c> you</c><00:01:10.160><c> for</c><00:01:10.280><c> purchasing</c><00:01:10.840><c> the</c>

00:01:11.150 --> 00:01:11.160 align:start position:0%
Firstly, thank you for purchasing the
 

00:01:11.160 --> 00:01:13.670 align:start position:0%
Firstly, thank you for purchasing the
Valentina<00:01:11.920><c> Shopify</c><00:01:12.400><c> theme.</c><00:01:13.000><c> Here</c><00:01:13.200><c> is</c><00:01:13.280><c> a</c><00:01:13.320><c> quick</c>

00:01:13.670 --> 00:01:13.680 align:start position:0%
Valentina Shopify theme. Here is a quick
 

00:01:13.680 --> 00:01:15.630 align:start position:0%
Valentina Shopify theme. Here is a quick
overview<00:01:14.240><c> of</c><00:01:14.360><c> what</c><00:01:14.480><c> this</c><00:01:14.640><c> video</c><00:01:14.880><c> will</c><00:01:15.000><c> cover.</c>

00:01:15.630 --> 00:01:15.640 align:start position:0%
overview of what this video will cover.
 

00:01:15.640 --> 00:01:17.510 align:start position:0%
overview of what this video will cover.
We'll<00:01:15.800><c> look</c><00:01:16.080><c> at</c><00:01:16.400><c> installing</c><00:01:16.920><c> the</c><00:01:17.000><c> theme,</c>

00:01:17.510 --> 00:01:17.520 align:start position:0%
We'll look at installing the theme,
 

00:01:17.520 --> 00:01:19.670 align:start position:0%
We'll look at installing the theme,
customizing<00:01:18.200><c> it,</c><00:01:18.720><c> and</c><00:01:18.920><c> publishing</c><00:01:19.400><c> it</c><00:01:19.560><c> to</c>

00:01:19.670 --> 00:01:19.680 align:start position:0%
customizing it, and publishing it to
 

00:01:19.680 --> 00:01:21.990 align:start position:0%
customizing it, and publishing it to
your<00:01:19.800><c> store.</c><00:01:20.440><c> There</c><00:01:20.560><c> is</c><00:01:20.680><c> no</c><00:01:20.920><c> coding</c><00:01:21.360><c> needed</c>

00:01:21.990 --> 00:01:22.000 align:start position:0%
your store. There is no coding needed
 

00:01:22.000 --> 00:01:23.950 align:start position:0%
your store. There is no coding needed
and<00:01:22.120><c> it</c><00:01:22.200><c> is</c><00:01:22.320><c> very</c><00:01:22.600><c> beginner-friendly.</c><00:01:23.720><c> If</c><00:01:23.880><c> you</c>

00:01:23.950 --> 00:01:23.960 align:start position:0%
and it is very beginner-friendly. If you
 

00:01:23.960 --> 00:01:26.110 align:start position:0%
and it is very beginner-friendly. If you
have<00:01:24.160><c> any</c><00:01:24.400><c> issues</c><00:01:24.880><c> during</c><00:01:25.160><c> this</c><00:01:25.280><c> process,</c>

00:01:26.110 --> 00:01:26.120 align:start position:0%
have any issues during this process,
 

00:01:26.120 --> 00:01:27.870 align:start position:0%
have any issues during this process,
feel<00:01:26.360><c> free</c><00:01:26.560><c> to</c><00:01:26.760><c> reach</c><00:01:27.000><c> out</c><00:01:27.160><c> to</c><00:01:27.280><c> us</c><00:01:27.640><c> and</c><00:01:27.760><c> we'll</c>

00:01:27.870 --> 00:01:27.880 align:start position:0%
feel free to reach out to us and we'll
 

00:01:27.880 --> 00:01:29.870 align:start position:0%
feel free to reach out to us and we'll
be<00:01:27.960><c> happy</c><00:01:28.200><c> to</c><00:01:28.320><c> help.</c><00:01:29.040><c> And</c><00:01:29.160><c> alongside</c><00:01:29.720><c> this</c>

00:01:29.870 --> 00:01:29.880 align:start position:0%
be happy to help. And alongside this
 

00:01:29.880 --> 00:01:32.150 align:start position:0%
be happy to help. And alongside this
video,<00:01:30.440><c> we</c><00:01:30.560><c> also</c><00:01:30.840><c> have</c><00:01:31.000><c> a</c><00:01:31.080><c> written</c><00:01:31.440><c> guide</c><00:01:32.000><c> if</c>

00:01:32.150 --> 00:01:32.160 align:start position:0%
video, we also have a written guide if
 

00:01:32.160 --> 00:01:34.670 align:start position:0%
video, we also have a written guide if
you<00:01:32.240><c> prefer.</c><00:01:33.120><c> So</c><00:01:33.240><c> step</c><00:01:33.640><c> one</c><00:01:34.280><c> is</c><00:01:34.480><c> the</c>

00:01:34.670 --> 00:01:34.680 align:start position:0%
you prefer. So step one is the
 

00:01:34.680 --> 00:01:36.870 align:start position:0%
you prefer. So step one is the
installation.<00:01:35.760><c> First</c><00:01:36.080><c> of</c><00:01:36.200><c> all,</c><00:01:36.480><c> you</c><00:01:36.560><c> need</c><00:01:36.720><c> to</c>

00:01:36.870 --> 00:01:36.880 align:start position:0%
installation. First of all, you need to
 

00:01:36.880 --> 00:01:39.910 align:start position:0%
installation. First of all, you need to
download<00:01:37.640><c> the</c><00:01:37.760><c> zip</c><00:01:38.080><c> file</c><00:01:38.640><c> provided.</c><00:01:39.560><c> And</c><00:01:39.720><c> once</c>

00:01:39.910 --> 00:01:39.920 align:start position:0%
download the zip file provided. And once
 

00:01:39.920 --> 00:01:41.350 align:start position:0%
download the zip file provided. And once
you<00:01:40.000><c> have</c><00:01:40.200><c> that,</c><00:01:40.680><c> you'll</c><00:01:40.760><c> need</c><00:01:40.920><c> to</c><00:01:41.040><c> head</c><00:01:41.280><c> to</c>

00:01:41.350 --> 00:01:41.360 align:start position:0%
you have that, you'll need to head to
 

00:01:41.360 --> 00:01:43.590 align:start position:0%
you have that, you'll need to head to
the<00:01:41.480><c> back</c><00:01:41.800><c> office</c><00:01:42.240><c> of</c><00:01:42.360><c> your</c><00:01:42.440><c> Shopify</c><00:01:42.800><c> store.</c>

00:01:43.590 --> 00:01:43.600 align:start position:0%
the back office of your Shopify store.
 

00:01:43.600 --> 00:01:45.590 align:start position:0%
the back office of your Shopify store.
So<00:01:43.760><c> from</c><00:01:43.920><c> here,</c><00:01:44.480><c> we'll</c><00:01:44.600><c> click</c><00:01:44.840><c> into</c><00:01:45.240><c> online</c>

00:01:45.590 --> 00:01:45.600 align:start position:0%
So from here, we'll click into online
 

00:01:45.600 --> 00:01:47.550 align:start position:0%
So from here, we'll click into online
store<00:01:46.240><c> and</c><00:01:46.360><c> make</c><00:01:46.520><c> sure</c><00:01:46.720><c> we're</c><00:01:46.840><c> on</c><00:01:46.960><c> the</c><00:01:47.080><c> themes</c>

00:01:47.550 --> 00:01:47.560 align:start position:0%
store and make sure we're on the themes
 

00:01:47.560 --> 00:01:49.070 align:start position:0%
store and make sure we're on the themes
page.

00:01:49.070 --> 00:01:49.080 align:start position:0%
page.
 

00:01:49.080 --> 00:01:50.870 align:start position:0%
page.
And<00:01:49.200><c> then</c><00:01:49.360><c> in</c><00:01:49.440><c> the</c><00:01:49.520><c> top</c><00:01:49.840><c> right,</c><00:01:50.480><c> we'll</c><00:01:50.600><c> see</c>

00:01:50.870 --> 00:01:50.880 align:start position:0%
And then in the top right, we'll see
 

00:01:50.880 --> 00:01:52.670 align:start position:0%
And then in the top right, we'll see
import<00:01:51.400><c> theme.</c>

00:01:52.670 --> 00:01:52.680 align:start position:0%
import theme.
 

00:01:52.680 --> 00:01:54.950 align:start position:0%
import theme.
Click<00:01:52.920><c> on</c><00:01:53.040><c> that</c><00:01:53.560><c> and</c><00:01:53.680><c> choose</c><00:01:53.960><c> the</c><00:01:54.160><c> upload</c><00:01:54.720><c> zip</c>

00:01:54.950 --> 00:01:54.960 align:start position:0%
Click on that and choose the upload zip
 

00:01:54.960 --> 00:01:56.430 align:start position:0%
Click on that and choose the upload zip
file.

00:01:56.430 --> 00:01:56.440 align:start position:0%
file.
 

00:01:56.440 --> 00:01:59.630 align:start position:0%
file.
Add<00:01:56.760><c> the</c><00:01:56.880><c> zip</c><00:01:57.200><c> file</c><00:01:57.760><c> from</c><00:01:57.880><c> your</c><00:01:58.000><c> downloads.</c>

00:01:59.630 --> 00:01:59.640 align:start position:0%
Add the zip file from your downloads.
 

00:01:59.640 --> 00:02:02.390 align:start position:0%
Add the zip file from your downloads.
Select<00:01:59.960><c> your</c><00:02:00.120><c> zip</c><00:02:00.440><c> file</c>

00:02:02.390 --> 00:02:02.400 align:start position:0%
Select your zip file
 

00:02:02.400 --> 00:02:09.230 align:start position:0%
Select your zip file
and<00:02:02.480><c> then</c><00:02:02.600><c> click</c><00:02:02.960><c> upload.</c>

00:02:09.230 --> 00:02:09.240 align:start position:0%
 
 

00:02:09.240 --> 00:02:11.550 align:start position:0%
 
We<00:02:09.360><c> can</c><00:02:09.520><c> see</c><00:02:09.720><c> this</c><00:02:09.920><c> being</c><00:02:10.160><c> installed.</c><00:02:11.280><c> It</c><00:02:11.360><c> can</c>

00:02:11.550 --> 00:02:11.560 align:start position:0%
We can see this being installed. It can
 

00:02:11.560 --> 00:02:13.070 align:start position:0%
We can see this being installed. It can
take<00:02:11.800><c> a</c><00:02:11.840><c> while,</c><00:02:12.200><c> so</c><00:02:12.440><c> just</c><00:02:12.640><c> give</c><00:02:12.800><c> it</c><00:02:12.880><c> a</c><00:02:12.920><c> few</c>

00:02:13.070 --> 00:02:13.080 align:start position:0%
take a while, so just give it a few
 

00:02:13.080 --> 00:02:16.750 align:start position:0%
take a while, so just give it a few
minutes.

00:02:16.750 --> 00:02:16.760 align:start position:0%
 
 

00:02:16.760 --> 00:02:18.430 align:start position:0%
 
Once<00:02:17.000><c> it</c><00:02:17.120><c> has,</c><00:02:17.640><c> then</c><00:02:17.760><c> we</c><00:02:17.840><c> just</c><00:02:17.959><c> need</c><00:02:18.080><c> to</c><00:02:18.160><c> click</c>

00:02:18.430 --> 00:02:18.440 align:start position:0%
Once it has, then we just need to click
 

00:02:18.440 --> 00:02:21.550 align:start position:0%
Once it has, then we just need to click
on<00:02:18.760><c> edit</c><00:02:19.040><c> theme.</c>

00:02:21.550 --> 00:02:21.560 align:start position:0%
 
 

00:02:21.560 --> 00:02:23.190 align:start position:0%
 
So,<00:02:21.600><c> this</c><00:02:21.800><c> is</c><00:02:21.840><c> the</c><00:02:21.959><c> first</c><00:02:22.240><c> thing</c><00:02:22.360><c> you'll</c><00:02:22.520><c> see,</c>

00:02:23.190 --> 00:02:23.200 align:start position:0%
So, this is the first thing you'll see,
 

00:02:23.200 --> 00:02:24.470 align:start position:0%
So, this is the first thing you'll see,
but<00:02:23.320><c> don't</c><00:02:23.480><c> be</c><00:02:23.560><c> alarmed</c><00:02:23.880><c> when</c><00:02:24.000><c> you</c><00:02:24.080><c> don't</c><00:02:24.280><c> see</c>

00:02:24.470 --> 00:02:24.480 align:start position:0%
but don't be alarmed when you don't see
 

00:02:24.480 --> 00:02:26.990 align:start position:0%
but don't be alarmed when you don't see
any<00:02:24.720><c> images</c><00:02:25.320><c> or</c><00:02:25.440><c> logos.</c><00:02:26.400><c> It's</c><00:02:26.520><c> not</c><00:02:26.680><c> going</c><00:02:26.880><c> to</c>

00:02:26.990 --> 00:02:27.000 align:start position:0%
any images or logos. It's not going to
 

00:02:27.000 --> 00:02:29.670 align:start position:0%
any images or logos. It's not going to
look<00:02:27.320><c> like</c><00:02:27.520><c> the</c><00:02:27.600><c> theme</c><00:02:28.120><c> just</c><00:02:28.400><c> yet</c><00:02:29.000><c> as</c><00:02:29.160><c> shown</c>

00:02:29.670 --> 00:02:29.680 align:start position:0%
look like the theme just yet as shown
 

00:02:29.680 --> 00:02:31.110 align:start position:0%
look like the theme just yet as shown
here.<00:02:30.240><c> We</c><00:02:30.320><c> just</c><00:02:30.440><c> need</c><00:02:30.560><c> to</c><00:02:30.600><c> go</c><00:02:30.760><c> through</c><00:02:30.880><c> a</c><00:02:30.920><c> few</c>

00:02:31.110 --> 00:02:31.120 align:start position:0%
here. We just need to go through a few
 

00:02:31.120 --> 00:02:33.230 align:start position:0%
here. We just need to go through a few
things,<00:02:31.760><c> but</c><00:02:31.920><c> it's</c><00:02:32.040><c> nothing</c><00:02:32.320><c> too</c><00:02:32.480><c> complex.</c>

00:02:33.230 --> 00:02:33.240 align:start position:0%
things, but it's nothing too complex.
 

00:02:33.240 --> 00:02:34.870 align:start position:0%
things, but it's nothing too complex.
So,<00:02:33.320><c> the</c><00:02:33.400><c> first</c><00:02:33.680><c> step</c><00:02:34.000><c> is</c><00:02:34.120><c> to</c><00:02:34.200><c> go</c><00:02:34.320><c> to</c><00:02:34.440><c> the</c><00:02:34.520><c> theme</c>

00:02:34.870 --> 00:02:34.880 align:start position:0%
So, the first step is to go to the theme
 

00:02:34.880 --> 00:02:36.990 align:start position:0%
So, the first step is to go to the theme
settings<00:02:35.800><c> and</c><00:02:35.880><c> we</c><00:02:35.920><c> can</c><00:02:36.080><c> access</c><00:02:36.480><c> this</c><00:02:36.840><c> by</c>

00:02:36.990 --> 00:02:37.000 align:start position:0%
settings and we can access this by
 

00:02:37.000 --> 00:02:39.830 align:start position:0%
settings and we can access this by
clicking<00:02:37.360><c> on</c><00:02:37.480><c> this</c><00:02:37.640><c> top</c><00:02:38.000><c> left</c><00:02:38.360><c> cog.</c>

00:02:39.830 --> 00:02:39.840 align:start position:0%
clicking on this top left cog.
 

00:02:39.840 --> 00:02:41.270 align:start position:0%
clicking on this top left cog.
And<00:02:39.920><c> the</c><00:02:40.000><c> three</c><00:02:40.240><c> main</c><00:02:40.480><c> areas</c><00:02:40.720><c> of</c><00:02:40.800><c> focus</c><00:02:41.160><c> for</c>

00:02:41.270 --> 00:02:41.280 align:start position:0%
And the three main areas of focus for
 

00:02:41.280 --> 00:02:44.670 align:start position:0%
And the three main areas of focus for
now<00:02:42.160><c> are</c><00:02:42.680><c> logo</c><00:02:43.040><c> and</c><00:02:43.160><c> favicon,</c><00:02:43.880><c> colors,</c><00:02:44.560><c> and</c>

00:02:44.670 --> 00:02:44.680 align:start position:0%
now are logo and favicon, colors, and
 

00:02:44.680 --> 00:02:46.750 align:start position:0%
now are logo and favicon, colors, and
typography.<00:02:45.560><c> So,</c><00:02:45.680><c> let's</c><00:02:45.880><c> click</c><00:02:46.040><c> into</c><00:02:46.360><c> logo</c>

00:02:46.750 --> 00:02:46.760 align:start position:0%
typography. So, let's click into logo
 

00:02:46.760 --> 00:02:48.510 align:start position:0%
typography. So, let's click into logo
and<00:02:46.880><c> favicon.</c>

00:02:48.510 --> 00:02:48.520 align:start position:0%
and favicon.
 

00:02:48.520 --> 00:02:50.550 align:start position:0%
and favicon.
From<00:02:48.640><c> here,</c><00:02:48.880><c> we</c><00:02:48.959><c> just</c><00:02:49.080><c> need</c><00:02:49.200><c> to</c><00:02:49.400><c> add</c><00:02:49.680><c> our</c><00:02:49.800><c> logo.</c>

00:02:50.550 --> 00:02:50.560 align:start position:0%
From here, we just need to add our logo.
 

00:02:50.560 --> 00:02:55.110 align:start position:0%
From here, we just need to add our logo.
So,<00:02:50.720><c> let's</c><00:02:50.959><c> do</c><00:02:51.080><c> that.</c>

00:02:55.110 --> 00:02:55.120 align:start position:0%
 
 

00:02:55.120 --> 00:02:56.670 align:start position:0%
 
Then<00:02:55.280><c> we'll</c><00:02:55.400><c> notice</c><00:02:55.880><c> our</c><00:02:56.000><c> logo</c><00:02:56.320><c> is</c><00:02:56.440><c> now</c>

00:02:56.670 --> 00:02:56.680 align:start position:0%
Then we'll notice our logo is now
 

00:02:56.680 --> 00:02:58.630 align:start position:0%
Then we'll notice our logo is now
appearing<00:02:57.320><c> on</c><00:02:57.440><c> the</c><00:02:57.520><c> header.</c><00:02:58.160><c> If</c><00:02:58.280><c> you</c><00:02:58.360><c> want</c><00:02:58.520><c> to</c>

00:02:58.630 --> 00:02:58.640 align:start position:0%
appearing on the header. If you want to
 

00:02:58.640 --> 00:03:01.030 align:start position:0%
appearing on the header. If you want to
change<00:02:59.000><c> this</c><00:02:59.239><c> height</c><00:02:59.760><c> on</c><00:02:59.880><c> desktop</c><00:03:00.320><c> or</c><00:03:00.400><c> mobile,</c>

00:03:01.030 --> 00:03:01.040 align:start position:0%
change this height on desktop or mobile,
 

00:03:01.040 --> 00:03:02.830 align:start position:0%
change this height on desktop or mobile,
you<00:03:01.120><c> can</c><00:03:01.239><c> just</c><00:03:01.519><c> use</c><00:03:01.720><c> these</c><00:03:01.959><c> sliders.</c><00:03:02.720><c> And</c>

00:03:02.830 --> 00:03:02.840 align:start position:0%
you can just use these sliders. And
 

00:03:02.840 --> 00:03:05.150 align:start position:0%
you can just use these sliders. And
throughout<00:03:03.239><c> this</c><00:03:03.400><c> process,</c><00:03:04.200><c> I</c><00:03:04.280><c> do</c><00:03:04.519><c> recommend</c>

00:03:05.150 --> 00:03:05.160 align:start position:0%
throughout this process, I do recommend
 

00:03:05.160 --> 00:03:07.030 align:start position:0%
throughout this process, I do recommend
constantly<00:03:05.640><c> checking</c><00:03:05.959><c> between</c><00:03:06.320><c> desktop</c><00:03:06.920><c> and</c>

00:03:07.030 --> 00:03:07.040 align:start position:0%
constantly checking between desktop and
 

00:03:07.040 --> 00:03:09.550 align:start position:0%
constantly checking between desktop and
mobile.<00:03:07.680><c> Nowadays,</c><00:03:08.519><c> most</c><00:03:08.760><c> traffic</c><00:03:09.280><c> to</c><00:03:09.440><c> your</c>

00:03:09.550 --> 00:03:09.560 align:start position:0%
mobile. Nowadays, most traffic to your
 

00:03:09.560 --> 00:03:11.790 align:start position:0%
mobile. Nowadays, most traffic to your
store<00:03:09.880><c> will</c><00:03:10.000><c> be</c><00:03:10.120><c> on</c><00:03:10.200><c> mobile.</c><00:03:10.920><c> To</c><00:03:11.000><c> do</c><00:03:11.200><c> that,</c><00:03:11.720><c> we</c>

00:03:11.790 --> 00:03:11.800 align:start position:0%
store will be on mobile. To do that, we
 

00:03:11.800 --> 00:03:13.350 align:start position:0%
store will be on mobile. To do that, we
just<00:03:11.920><c> need</c><00:03:12.040><c> to</c><00:03:12.120><c> click</c><00:03:12.320><c> on</c><00:03:12.400><c> this</c><00:03:12.600><c> icon</c><00:03:13.080><c> top</c>

00:03:13.350 --> 00:03:13.360 align:start position:0%
just need to click on this icon top
 

00:03:13.360 --> 00:03:15.150 align:start position:0%
just need to click on this icon top
right<00:03:14.080><c> and</c><00:03:14.160><c> this</c><00:03:14.280><c> will</c><00:03:14.400><c> toggle</c><00:03:14.720><c> between</c>

00:03:15.150 --> 00:03:15.160 align:start position:0%
right and this will toggle between
 

00:03:15.160 --> 00:03:17.750 align:start position:0%
right and this will toggle between
desktop<00:03:15.680><c> and</c><00:03:15.800><c> mobile.</c>

00:03:17.750 --> 00:03:17.760 align:start position:0%
desktop and mobile.
 

00:03:17.760 --> 00:03:19.910 align:start position:0%
desktop and mobile.
So,<00:03:17.920><c> I</c><00:03:18.000><c> think</c><00:03:18.320><c> personally</c><00:03:19.120><c> my</c><00:03:19.239><c> logo</c><00:03:19.560><c> is</c><00:03:19.720><c> too</c>

00:03:19.910 --> 00:03:19.920 align:start position:0%
So, I think personally my logo is too
 

00:03:19.920 --> 00:03:22.070 align:start position:0%
So, I think personally my logo is too
big<00:03:20.320><c> for</c><00:03:20.440><c> now.</c><00:03:20.959><c> So,</c><00:03:21.040><c> let's</c><00:03:21.239><c> just</c><00:03:21.560><c> change</c><00:03:21.959><c> the</c>

00:03:22.070 --> 00:03:22.080 align:start position:0%
big for now. So, let's just change the
 

00:03:22.080 --> 00:03:25.470 align:start position:0%
big for now. So, let's just change the
mobile<00:03:22.560><c> height</c><00:03:23.040><c> slider.</c>

00:03:25.470 --> 00:03:25.480 align:start position:0%
mobile height slider.
 

00:03:25.480 --> 00:03:27.630 align:start position:0%
mobile height slider.
That's<00:03:25.720><c> a</c><00:03:25.760><c> bit</c><00:03:25.880><c> better.</c>

00:03:27.630 --> 00:03:27.640 align:start position:0%
That's a bit better.
 

00:03:27.640 --> 00:03:29.229 align:start position:0%
That's a bit better.
And<00:03:27.720><c> likewise</c><00:03:28.120><c> for</c><00:03:28.200><c> desktop,</c><00:03:28.840><c> let's</c><00:03:29.040><c> just</c>

00:03:29.229 --> 00:03:29.239 align:start position:0%
And likewise for desktop, let's just
 

00:03:29.239 --> 00:03:32.870 align:start position:0%
And likewise for desktop, let's just
bring<00:03:29.440><c> that</c><00:03:29.600><c> down</c><00:03:29.800><c> a</c><00:03:29.840><c> bit.</c>

00:03:32.870 --> 00:03:32.880 align:start position:0%
 
 

00:03:32.880 --> 00:03:35.310 align:start position:0%
 
Perfect.<00:03:33.480><c> Now,</c><00:03:33.600><c> the</c><00:03:33.720><c> favicon</c><00:03:34.640><c> is</c><00:03:34.760><c> the</c><00:03:34.880><c> little</c>

00:03:35.310 --> 00:03:35.320 align:start position:0%
Perfect. Now, the favicon is the little
 

00:03:35.320 --> 00:03:37.750 align:start position:0%
Perfect. Now, the favicon is the little
icon<00:03:35.880><c> next</c><00:03:36.200><c> to</c><00:03:36.239><c> your</c><00:03:36.400><c> website</c><00:03:36.800><c> name.</c><00:03:37.519><c> So,</c><00:03:37.640><c> when</c>

00:03:37.750 --> 00:03:37.760 align:start position:0%
icon next to your website name. So, when
 

00:03:37.760 --> 00:03:39.670 align:start position:0%
icon next to your website name. So, when
you're<00:03:37.880><c> on</c><00:03:38.000><c> a</c><00:03:38.120><c> website</c><00:03:38.519><c> browser</c><00:03:39.320><c> and</c><00:03:39.400><c> you</c><00:03:39.480><c> have</c>

00:03:39.670 --> 00:03:39.680 align:start position:0%
you're on a website browser and you have
 

00:03:39.680 --> 00:03:41.350 align:start position:0%
you're on a website browser and you have
multiple<00:03:40.080><c> tabs</c><00:03:40.400><c> open,</c>

00:03:41.350 --> 00:03:41.360 align:start position:0%
multiple tabs open,
 

00:03:41.360 --> 00:03:43.070 align:start position:0%
multiple tabs open,
you'll<00:03:41.480><c> see</c><00:03:41.680><c> their</c><00:03:41.840><c> website</c><00:03:42.200><c> name</c><00:03:42.720><c> and</c><00:03:42.920><c> to</c><00:03:43.000><c> the</c>

00:03:43.070 --> 00:03:43.080 align:start position:0%
you'll see their website name and to the
 

00:03:43.080 --> 00:03:45.110 align:start position:0%
you'll see their website name and to the
left<00:03:43.320><c> of</c><00:03:43.440><c> it,</c><00:03:43.600><c> there'll</c><00:03:43.720><c> be</c><00:03:43.840><c> an</c><00:03:44.040><c> icon.</c><00:03:44.920><c> That's</c>

00:03:45.110 --> 00:03:45.120 align:start position:0%
left of it, there'll be an icon. That's
 

00:03:45.120 --> 00:03:46.550 align:start position:0%
left of it, there'll be an icon. That's
what<00:03:45.239><c> we</c><00:03:45.280><c> need</c><00:03:45.400><c> to</c><00:03:45.480><c> upload</c><00:03:45.800><c> here.</c><00:03:46.280><c> So,</c><00:03:46.440><c> for</c>

00:03:46.550 --> 00:03:46.560 align:start position:0%
what we need to upload here. So, for
 

00:03:46.560 --> 00:03:48.070 align:start position:0%
what we need to upload here. So, for
now,<00:03:46.959><c> I'm</c><00:03:47.080><c> just</c><00:03:47.200><c> going</c><00:03:47.360><c> to</c><00:03:47.480><c> use</c><00:03:47.720><c> the</c><00:03:47.800><c> same</c>

00:03:48.070 --> 00:03:48.080 align:start position:0%
now, I'm just going to use the same
 

00:03:48.080 --> 00:03:52.590 align:start position:0%
now, I'm just going to use the same
logo.

00:03:52.590 --> 00:03:52.600 align:start position:0%
 
 

00:03:52.600 --> 00:03:54.390 align:start position:0%
 
And<00:03:52.640><c> when</c><00:03:52.760><c> it</c><00:03:52.840><c> comes</c><00:03:53.080><c> to</c><00:03:53.240><c> image</c><00:03:53.480><c> dimensions,</c>

00:03:54.390 --> 00:03:54.400 align:start position:0%
And when it comes to image dimensions,
 

00:03:54.400 --> 00:03:56.590 align:start position:0%
And when it comes to image dimensions,
we<00:03:54.560><c> have</c><00:03:54.760><c> listed</c><00:03:55.160><c> in</c><00:03:55.320><c> our</c><00:03:55.440><c> installation</c><00:03:56.000><c> guide</c>

00:03:56.590 --> 00:03:56.600 align:start position:0%
we have listed in our installation guide
 

00:03:56.600 --> 00:03:58.830 align:start position:0%
we have listed in our installation guide
our<00:03:56.760><c> recommended</c><00:03:57.600><c> sizes.</c><00:03:58.400><c> So,</c><00:03:58.520><c> for</c><00:03:58.640><c> your</c>

00:03:58.830 --> 00:03:58.840 align:start position:0%
our recommended sizes. So, for your
 

00:03:58.840 --> 00:04:01.190 align:start position:0%
our recommended sizes. So, for your
logo,<00:03:59.560><c> favicon,</c><00:04:00.360><c> and</c><00:04:00.640><c> other</c><00:04:00.840><c> images</c>

00:04:01.190 --> 00:04:01.200 align:start position:0%
logo, favicon, and other images
 

00:04:01.200 --> 00:04:02.710 align:start position:0%
logo, favicon, and other images
throughout<00:04:01.360><c> this</c><00:04:01.480><c> whole</c><00:04:01.680><c> site,</c><00:04:02.200><c> please</c><00:04:02.440><c> refer</c>

00:04:02.710 --> 00:04:02.720 align:start position:0%
throughout this whole site, please refer
 

00:04:02.720 --> 00:04:04.670 align:start position:0%
throughout this whole site, please refer
to<00:04:02.840><c> that.</c><00:04:03.560><c> Next</c><00:04:03.840><c> up,</c><00:04:04.040><c> we'll</c><00:04:04.160><c> click</c><00:04:04.360><c> into</c>

00:04:04.670 --> 00:04:04.680 align:start position:0%
to that. Next up, we'll click into
 

00:04:04.680 --> 00:04:06.030 align:start position:0%
to that. Next up, we'll click into
colors.

00:04:06.030 --> 00:04:06.040 align:start position:0%
colors.
 

00:04:06.040 --> 00:04:08.110 align:start position:0%
colors.
So,<00:04:06.200><c> we</c><00:04:06.440><c> have</c><00:04:06.680><c> installed</c><00:04:07.120><c> this</c><00:04:07.360><c> theme</c><00:04:07.840><c> with</c>

00:04:08.110 --> 00:04:08.120 align:start position:0%
So, we have installed this theme with
 

00:04:08.120 --> 00:04:10.830 align:start position:0%
So, we have installed this theme with
four<00:04:08.680><c> preset</c><00:04:09.520><c> color</c><00:04:09.720><c> schemes.</c><00:04:10.360><c> And</c><00:04:10.640><c> each</c>

00:04:10.830 --> 00:04:10.840 align:start position:0%
four preset color schemes. And each
 

00:04:10.840 --> 00:04:12.870 align:start position:0%
four preset color schemes. And each
scheme<00:04:11.280><c> can</c><00:04:11.440><c> be</c><00:04:11.520><c> assigned</c><00:04:12.000><c> to</c><00:04:12.480><c> certain</c>

00:04:12.870 --> 00:04:12.880 align:start position:0%
scheme can be assigned to certain
 

00:04:12.880 --> 00:04:14.670 align:start position:0%
scheme can be assigned to certain
section.<00:04:13.520><c> So,</c><00:04:13.680><c> for</c><00:04:13.840><c> example,</c><00:04:14.360><c> when</c><00:04:14.480><c> we</c><00:04:14.560><c> look</c>

00:04:14.670 --> 00:04:14.680 align:start position:0%
section. So, for example, when we look
 

00:04:14.680 --> 00:04:16.470 align:start position:0%
section. So, for example, when we look
at<00:04:14.760><c> this</c><00:04:14.880><c> top</c><00:04:15.160><c> announcement</c><00:04:15.600><c> bar,</c>

00:04:16.470 --> 00:04:16.480 align:start position:0%
at this top announcement bar,
 

00:04:16.480 --> 00:04:18.150 align:start position:0%
at this top announcement bar,
we<00:04:16.560><c> can</c><00:04:16.720><c> see</c><00:04:16.840><c> that</c><00:04:17.000><c> we</c><00:04:17.120><c> are</c><00:04:17.239><c> using</c><00:04:17.760><c> scheme</c>

00:04:18.150 --> 00:04:18.160 align:start position:0%
we can see that we are using scheme
 

00:04:18.160 --> 00:04:20.470 align:start position:0%
we can see that we are using scheme
three.<00:04:18.720><c> If</c><00:04:18.880><c> I</c><00:04:18.959><c> wanted</c><00:04:19.280><c> to</c><00:04:19.359><c> change</c><00:04:19.720><c> that</c><00:04:20.359><c> to</c>

00:04:20.470 --> 00:04:20.480 align:start position:0%
three. If I wanted to change that to
 

00:04:20.480 --> 00:04:22.430 align:start position:0%
three. If I wanted to change that to
scheme<00:04:20.799><c> two</c><00:04:21.000><c> or</c><00:04:21.120><c> scheme</c><00:04:21.400><c> one,</c><00:04:22.080><c> I</c><00:04:22.200><c> can</c><00:04:22.280><c> just</c>

00:04:22.430 --> 00:04:22.440 align:start position:0%
scheme two or scheme one, I can just
 

00:04:22.440 --> 00:04:24.550 align:start position:0%
scheme two or scheme one, I can just
click<00:04:22.680><c> into</c><00:04:23.200><c> announcement</c><00:04:23.640><c> bar,</c><00:04:24.240><c> change</c><00:04:24.480><c> the</c>

00:04:24.550 --> 00:04:24.560 align:start position:0%
click into announcement bar, change the
 

00:04:24.560 --> 00:04:26.430 align:start position:0%
click into announcement bar, change the
scheme,<00:04:25.080><c> and</c><00:04:25.200><c> that's</c><00:04:25.440><c> it.</c><00:04:25.919><c> But,</c><00:04:26.040><c> before</c><00:04:26.320><c> we</c>

00:04:26.430 --> 00:04:26.440 align:start position:0%
scheme, and that's it. But, before we
 

00:04:26.440 --> 00:04:27.870 align:start position:0%
scheme, and that's it. But, before we
get<00:04:26.560><c> to</c><00:04:26.640><c> that</c><00:04:26.760><c> part,</c><00:04:27.320><c> just</c><00:04:27.520><c> click</c><00:04:27.720><c> through</c>

00:04:27.870 --> 00:04:27.880 align:start position:0%
get to that part, just click through
 

00:04:27.880 --> 00:04:29.670 align:start position:0%
get to that part, just click through
these<00:04:28.040><c> schemes,</c><00:04:28.680><c> making</c><00:04:29.000><c> sure</c><00:04:29.200><c> you're</c><00:04:29.320><c> happy</c>

00:04:29.670 --> 00:04:29.680 align:start position:0%
these schemes, making sure you're happy
 

00:04:29.680 --> 00:04:31.350 align:start position:0%
these schemes, making sure you're happy
with<00:04:29.880><c> how</c><00:04:30.040><c> the</c><00:04:30.120><c> colors</c><00:04:30.480><c> are</c><00:04:30.600><c> set</c><00:04:30.880><c> up.</c><00:04:31.240><c> For</c>

00:04:31.350 --> 00:04:31.360 align:start position:0%
with how the colors are set up. For
 

00:04:31.360 --> 00:04:34.030 align:start position:0%
with how the colors are set up. For
example,<00:04:32.040><c> in</c><00:04:32.200><c> scheme</c><00:04:32.520><c> one,</c>

00:04:34.030 --> 00:04:34.040 align:start position:0%
example, in scheme one,
 

00:04:34.040 --> 00:04:35.270 align:start position:0%
example, in scheme one,
we<00:04:34.120><c> can</c><00:04:34.280><c> see</c>

00:04:35.270 --> 00:04:35.280 align:start position:0%
we can see
 

00:04:35.280 --> 00:04:37.110 align:start position:0%
we can see
here's<00:04:35.440><c> the</c><00:04:35.520><c> background,</c><00:04:36.240><c> heading</c><00:04:36.560><c> color,</c>

00:04:37.110 --> 00:04:37.120 align:start position:0%
here's the background, heading color,
 

00:04:37.120 --> 00:04:39.870 align:start position:0%
here's the background, heading color,
text,<00:04:37.880><c> links,</c><00:04:38.600><c> your</c><00:04:38.720><c> primary</c><00:04:39.120><c> button,</c>

00:04:39.870 --> 00:04:39.880 align:start position:0%
text, links, your primary button,
 

00:04:39.880 --> 00:04:42.350 align:start position:0%
text, links, your primary button,
secondary<00:04:40.360><c> button,</c><00:04:41.080><c> inputs</c><00:04:41.800><c> like</c><00:04:42.040><c> on</c><00:04:42.160><c> your</c>

00:04:42.350 --> 00:04:42.360 align:start position:0%
secondary button, inputs like on your
 

00:04:42.360 --> 00:04:45.390 align:start position:0%
secondary button, inputs like on your
forms,<00:04:43.240><c> variants,</c><00:04:43.880><c> and</c><00:04:44.160><c> selected</c><00:04:44.520><c> variants.</c>

00:04:45.390 --> 00:04:45.400 align:start position:0%
forms, variants, and selected variants.
 

00:04:45.400 --> 00:04:46.270 align:start position:0%
forms, variants, and selected variants.
Once<00:04:45.600><c> you're</c><00:04:45.680><c> happy</c><00:04:45.880><c> with</c><00:04:45.960><c> the</c><00:04:46.040><c> color</c>

00:04:46.270 --> 00:04:46.280 align:start position:0%
Once you're happy with the color
 

00:04:46.280 --> 00:04:49.710 align:start position:0%
Once you're happy with the color
schemes,<00:04:47.080><c> now</c><00:04:47.200><c> let's</c><00:04:47.400><c> look</c><00:04:47.560><c> at</c><00:04:47.680><c> typography.</c>

00:04:49.710 --> 00:04:49.720 align:start position:0%
schemes, now let's look at typography.
 

00:04:49.720 --> 00:04:51.510 align:start position:0%
schemes, now let's look at typography.
From<00:04:49.840><c> there,</c><00:04:50.080><c> you</c><00:04:50.200><c> can</c><00:04:50.320><c> adjust</c><00:04:50.680><c> your</c><00:04:50.840><c> body,</c>

00:04:51.510 --> 00:04:51.520 align:start position:0%
From there, you can adjust your body,
 

00:04:51.520 --> 00:04:54.870 align:start position:0%
From there, you can adjust your body,
sub<00:04:51.800><c> heading,</c><00:04:52.480><c> headings,</c><00:04:53.080><c> and</c><00:04:53.360><c> accents,</c><00:04:54.320><c> i.e.</c>

00:04:54.870 --> 00:04:54.880 align:start position:0%
sub heading, headings, and accents, i.e.
 

00:04:54.880 --> 00:04:57.150 align:start position:0%
sub heading, headings, and accents, i.e.
your<00:04:55.080><c> links.</c><00:04:55.919><c> And</c><00:04:56.240><c> if</c><00:04:56.400><c> you</c><00:04:56.480><c> want</c><00:04:56.680><c> to</c><00:04:56.840><c> change</c>

00:04:57.150 --> 00:04:57.160 align:start position:0%
your links. And if you want to change
 

00:04:57.160 --> 00:04:58.870 align:start position:0%
your links. And if you want to change
any<00:04:57.280><c> of</c><00:04:57.360><c> these</c><00:04:57.480><c> fonts,</c><00:04:57.840><c> just</c><00:04:58.040><c> simply</c><00:04:58.360><c> click</c><00:04:58.600><c> on</c>

00:04:58.870 --> 00:04:58.880 align:start position:0%
any of these fonts, just simply click on
 

00:04:58.880 --> 00:05:00.550 align:start position:0%
any of these fonts, just simply click on
the<00:04:59.000><c> font.</c>

00:05:00.550 --> 00:05:00.560 align:start position:0%
the font.
 

00:05:00.560 --> 00:05:02.909 align:start position:0%
the font.
Shopify<00:05:00.960><c> provide</c><00:05:01.440><c> a</c><00:05:01.520><c> lot</c><00:05:01.919><c> to</c><00:05:02.040><c> choose</c><00:05:02.320><c> from,</c>

00:05:02.909 --> 00:05:02.919 align:start position:0%
Shopify provide a lot to choose from,
 

00:05:02.919 --> 00:05:04.510 align:start position:0%
Shopify provide a lot to choose from,
and<00:05:03.080><c> then</c><00:05:03.440><c> you</c><00:05:03.520><c> can</c><00:05:03.640><c> choose</c><00:05:03.960><c> the</c><00:05:04.040><c> style</c><00:05:04.360><c> of</c><00:05:04.440><c> the</c>

00:05:04.510 --> 00:05:04.520 align:start position:0%
and then you can choose the style of the
 

00:05:04.520 --> 00:05:06.790 align:start position:0%
and then you can choose the style of the
font<00:05:05.040><c> from</c><00:05:05.160><c> this</c><00:05:05.280><c> drop-down</c><00:05:05.640><c> at</c><00:05:05.680><c> the</c><00:05:05.760><c> bottom.</c>

00:05:06.790 --> 00:05:06.800 align:start position:0%
font from this drop-down at the bottom.
 

00:05:06.800 --> 00:05:09.030 align:start position:0%
font from this drop-down at the bottom.
And<00:05:06.880><c> once</c><00:05:07.040><c> you're</c><00:05:07.120><c> happy,</c><00:05:07.680><c> then</c><00:05:07.840><c> click</c><00:05:08.040><c> done.</c>

00:05:09.030 --> 00:05:09.040 align:start position:0%
And once you're happy, then click done.
 

00:05:09.040 --> 00:05:11.070 align:start position:0%
And once you're happy, then click done.
And<00:05:09.120><c> then</c><00:05:09.280><c> for</c><00:05:09.520><c> each</c><00:05:09.840><c> one</c><00:05:10.000><c> of</c><00:05:10.120><c> these</c><00:05:10.320><c> fonts,</c><00:05:10.960><c> we</c>

00:05:11.070 --> 00:05:11.080 align:start position:0%
And then for each one of these fonts, we
 

00:05:11.080 --> 00:05:13.750 align:start position:0%
And then for each one of these fonts, we
can<00:05:11.200><c> then</c><00:05:11.560><c> come</c><00:05:11.760><c> down</c><00:05:12.040><c> to</c><00:05:12.160><c> the</c><00:05:12.280><c> text</c><00:05:12.720><c> presets.</c>

00:05:13.750 --> 00:05:13.760 align:start position:0%
can then come down to the text presets.
 

00:05:13.760 --> 00:05:15.030 align:start position:0%
can then come down to the text presets.
And<00:05:13.880><c> from</c><00:05:14.040><c> here,</c><00:05:14.360><c> we</c><00:05:14.480><c> can</c><00:05:14.600><c> play</c><00:05:14.800><c> with</c><00:05:14.919><c> the</c>

00:05:15.030 --> 00:05:15.040 align:start position:0%
And from here, we can play with the
 

00:05:15.040 --> 00:05:19.070 align:start position:0%
And from here, we can play with the
size,<00:05:15.800><c> spacings,</c><00:05:17.000><c> case,</c><00:05:17.720><c> etc.</c><00:05:18.680><c> And</c><00:05:18.760><c> just</c><00:05:18.919><c> make</c>

00:05:19.070 --> 00:05:19.080 align:start position:0%
size, spacings, case, etc. And just make
 

00:05:19.080 --> 00:05:20.670 align:start position:0%
size, spacings, case, etc. And just make
sure<00:05:19.280><c> you</c><00:05:19.360><c> keep</c><00:05:19.600><c> hitting</c><00:05:19.800><c> that</c><00:05:19.960><c> save</c><00:05:20.240><c> button</c>

00:05:20.670 --> 00:05:20.680 align:start position:0%
sure you keep hitting that save button
 

00:05:20.680 --> 00:05:22.670 align:start position:0%
sure you keep hitting that save button
throughout<00:05:21.040><c> these</c><00:05:21.280><c> edits</c><00:05:21.800><c> to</c><00:05:21.919><c> prevent</c><00:05:22.320><c> losing</c>

00:05:22.670 --> 00:05:22.680 align:start position:0%
throughout these edits to prevent losing
 

00:05:22.680 --> 00:05:24.430 align:start position:0%
throughout these edits to prevent losing
any<00:05:22.880><c> of</c><00:05:22.960><c> the</c><00:05:23.040><c> changes</c><00:05:23.400><c> you've</c><00:05:23.560><c> made.</c><00:05:24.160><c> Now,</c><00:05:24.320><c> as</c>

00:05:24.430 --> 00:05:24.440 align:start position:0%
any of the changes you've made. Now, as
 

00:05:24.440 --> 00:05:26.390 align:start position:0%
any of the changes you've made. Now, as
I<00:05:24.520><c> said,</c><00:05:25.120><c> these</c><00:05:25.360><c> three</c><00:05:25.560><c> sections</c><00:05:26.120><c> are</c><00:05:26.240><c> your</c>

00:05:26.390 --> 00:05:26.400 align:start position:0%
I said, these three sections are your
 

00:05:26.400 --> 00:05:28.790 align:start position:0%
I said, these three sections are your
main<00:05:26.919><c> focus</c><00:05:27.280><c> for</c><00:05:27.400><c> now,</c><00:05:28.040><c> but</c><00:05:28.520><c> I</c><00:05:28.600><c> still</c>

00:05:28.790 --> 00:05:28.800 align:start position:0%
main focus for now, but I still
 

00:05:28.800 --> 00:05:30.430 align:start position:0%
main focus for now, but I still
recommend<00:05:29.480><c> clicking</c><00:05:29.800><c> through</c><00:05:30.000><c> these</c><00:05:30.240><c> other</c>

00:05:30.430 --> 00:05:30.440 align:start position:0%
recommend clicking through these other
 

00:05:30.440 --> 00:05:32.230 align:start position:0%
recommend clicking through these other
sections,<00:05:31.400><c> just</c><00:05:31.560><c> making</c><00:05:31.840><c> sure</c><00:05:32.000><c> that</c><00:05:32.080><c> you're</c>

00:05:32.230 --> 00:05:32.240 align:start position:0%
sections, just making sure that you're
 

00:05:32.240 --> 00:05:34.190 align:start position:0%
sections, just making sure that you're
happy<00:05:32.640><c> with</c><00:05:33.040><c> the</c><00:05:33.120><c> current</c><00:05:33.400><c> setup,</c><00:05:33.960><c> as</c><00:05:34.080><c> it's</c>

00:05:34.190 --> 00:05:34.200 align:start position:0%
happy with the current setup, as it's
 

00:05:34.200 --> 00:05:36.590 align:start position:0%
happy with the current setup, as it's
much<00:05:34.440><c> easier</c><00:05:34.919><c> to</c><00:05:35.080><c> change</c><00:05:35.400><c> things</c><00:05:35.760><c> here</c><00:05:36.280><c> in</c><00:05:36.440><c> one</c>

00:05:36.590 --> 00:05:36.600 align:start position:0%
much easier to change things here in one
 

00:05:36.600 --> 00:05:38.470 align:start position:0%
much easier to change things here in one
place<00:05:37.000><c> that</c><00:05:37.120><c> affects</c><00:05:37.480><c> the</c><00:05:37.560><c> whole</c><00:05:37.800><c> site,</c>

00:05:38.470 --> 00:05:38.480 align:start position:0%
place that affects the whole site,
 

00:05:38.480 --> 00:05:40.430 align:start position:0%
place that affects the whole site,
rather<00:05:38.760><c> than</c><00:05:38.919><c> changing,</c><00:05:39.400><c> for</c><00:05:39.520><c> example,</c><00:05:40.280><c> all</c>

00:05:40.430 --> 00:05:40.440 align:start position:0%
rather than changing, for example, all
 

00:05:40.440 --> 00:05:42.030 align:start position:0%
rather than changing, for example, all
your<00:05:40.520><c> buttons</c><00:05:41.000><c> one</c><00:05:41.160><c> by</c><00:05:41.320><c> one.</c><00:05:41.720><c> You</c><00:05:41.800><c> can</c><00:05:41.919><c> just</c>

00:05:42.030 --> 00:05:42.040 align:start position:0%
your buttons one by one. You can just
 

00:05:42.040 --> 00:05:43.550 align:start position:0%
your buttons one by one. You can just
click<00:05:42.240><c> into</c><00:05:42.360><c> your</c><00:05:42.440><c> buttons,</c><00:05:43.160><c> adjust</c><00:05:43.480><c> the</c>

00:05:43.550 --> 00:05:43.560 align:start position:0%
click into your buttons, adjust the
 

00:05:43.560 --> 00:05:45.630 align:start position:0%
click into your buttons, adjust the
buttons<00:05:43.880><c> here</c><00:05:44.200><c> in</c><00:05:44.400><c> one</c><00:05:44.560><c> place,</c><00:05:45.200><c> and</c><00:05:45.320><c> then</c><00:05:45.440><c> hit</c>

00:05:45.630 --> 00:05:45.640 align:start position:0%
buttons here in one place, and then hit
 

00:05:45.640 --> 00:05:47.750 align:start position:0%
buttons here in one place, and then hit
save.<00:05:46.200><c> Now,</c><00:05:46.320><c> this</c><00:05:46.560><c> theme</c><00:05:47.120><c> comes</c><00:05:47.480><c> with</c>

00:05:47.750 --> 00:05:47.760 align:start position:0%
save. Now, this theme comes with
 

00:05:47.760 --> 00:05:50.350 align:start position:0%
save. Now, this theme comes with
multiple<00:05:48.320><c> saved</c><00:05:48.760><c> templates</c><00:05:49.760><c> and</c><00:05:49.880><c> you</c><00:05:49.960><c> can</c><00:05:50.120><c> see</c>

00:05:50.350 --> 00:05:50.360 align:start position:0%
multiple saved templates and you can see
 

00:05:50.360 --> 00:05:52.430 align:start position:0%
multiple saved templates and you can see
these<00:05:50.560><c> templates</c><00:05:51.240><c> by</c><00:05:51.360><c> clicking</c><00:05:51.720><c> on</c><00:05:51.840><c> this</c><00:05:52.160><c> drop</c>

00:05:52.430 --> 00:05:52.440 align:start position:0%
these templates by clicking on this drop
 

00:05:52.440 --> 00:05:54.510 align:start position:0%
these templates by clicking on this drop
down<00:05:52.800><c> in</c><00:05:52.840><c> the</c><00:05:52.960><c> top</c><00:05:53.240><c> center</c><00:05:53.640><c> of</c><00:05:53.720><c> your</c><00:05:53.840><c> screen.</c>

00:05:54.510 --> 00:05:54.520 align:start position:0%
down in the top center of your screen.
 

00:05:54.520 --> 00:05:56.430 align:start position:0%
down in the top center of your screen.
So<00:05:54.640><c> we're</c><00:05:54.720><c> currently</c><00:05:55.040><c> on</c><00:05:55.120><c> the</c><00:05:55.200><c> home</c><00:05:55.400><c> page,</c><00:05:56.160><c> but</c>

00:05:56.430 --> 00:05:56.440 align:start position:0%
So we're currently on the home page, but
 

00:05:56.440 --> 00:05:57.990 align:start position:0%
So we're currently on the home page, but
you<00:05:56.520><c> can</c><00:05:56.680><c> see</c><00:05:56.840><c> on</c><00:05:56.960><c> this</c><00:05:57.160><c> list</c><00:05:57.560><c> all</c><00:05:57.680><c> the</c><00:05:57.800><c> other</c>

00:05:57.990 --> 00:05:58.000 align:start position:0%
you can see on this list all the other
 

00:05:58.000 --> 00:06:00.030 align:start position:0%
you can see on this list all the other
templates<00:05:58.560><c> we've</c><00:05:58.680><c> got.</c><00:05:59.360><c> And</c><00:05:59.600><c> when</c><00:05:59.720><c> it</c><00:05:59.800><c> comes</c>

00:06:00.030 --> 00:06:00.040 align:start position:0%
templates we've got. And when it comes
 

00:06:00.040 --> 00:06:02.230 align:start position:0%
templates we've got. And when it comes
to<00:06:00.240><c> the</c><00:06:00.360><c> page</c><00:06:00.680><c> templates,</c><00:06:01.360><c> we</c><00:06:01.480><c> can</c><00:06:01.640><c> see</c><00:06:01.960><c> under</c>

00:06:02.230 --> 00:06:02.240 align:start position:0%
to the page templates, we can see under
 

00:06:02.240 --> 00:06:03.870 align:start position:0%
to the page templates, we can see under
pages

00:06:03.870 --> 00:06:03.880 align:start position:0%
pages
 

00:06:03.880 --> 00:06:05.590 align:start position:0%
pages
here<00:06:04.400><c> we</c><00:06:04.520><c> have</c><00:06:04.640><c> already</c><00:06:04.920><c> pre-loaded</c><00:06:05.480><c> this</c>

00:06:05.590 --> 00:06:05.600 align:start position:0%
here we have already pre-loaded this
 

00:06:05.600 --> 00:06:07.670 align:start position:0%
here we have already pre-loaded this
theme<00:06:05.960><c> with</c><00:06:06.520><c> specific</c><00:06:07.040><c> template.</c><00:06:07.520><c> For</c>

00:06:07.670 --> 00:06:07.680 align:start position:0%
theme with specific template. For
 

00:06:07.680 --> 00:06:10.790 align:start position:0%
theme with specific template. For
example,<00:06:08.640><c> our</c><00:06:08.800><c> story,</c><00:06:09.520><c> product</c><00:06:09.840><c> care,</c><00:06:10.480><c> size</c>

00:06:10.790 --> 00:06:10.800 align:start position:0%
example, our story, product care, size
 

00:06:10.800 --> 00:06:13.750 align:start position:0%
example, our story, product care, size
guide,<00:06:11.360><c> stockists.</c><00:06:12.440><c> Now</c><00:06:12.560><c> don't</c><00:06:12.840><c> worry</c><00:06:13.400><c> if</c><00:06:13.640><c> you</c>

00:06:13.750 --> 00:06:13.760 align:start position:0%
guide, stockists. Now don't worry if you
 

00:06:13.760 --> 00:06:15.430 align:start position:0%
guide, stockists. Now don't worry if you
don't<00:06:14.040><c> want</c><00:06:14.200><c> to</c><00:06:14.360><c> use</c><00:06:14.720><c> any</c><00:06:14.920><c> of</c><00:06:14.960><c> these</c>

00:06:15.430 --> 00:06:15.440 align:start position:0%
don't want to use any of these
 

00:06:15.440 --> 00:06:17.270 align:start position:0%
don't want to use any of these
templates,<00:06:16.200><c> you</c><00:06:16.320><c> don't</c><00:06:16.520><c> need</c><00:06:16.680><c> to.</c><00:06:17.040><c> They</c><00:06:17.160><c> can</c>

00:06:17.270 --> 00:06:17.280 align:start position:0%
templates, you don't need to. They can
 

00:06:17.280 --> 00:06:18.909 align:start position:0%
templates, you don't need to. They can
just<00:06:17.440><c> stay</c><00:06:17.640><c> within</c><00:06:17.880><c> the</c><00:06:18.000><c> theme</c><00:06:18.680><c> and</c><00:06:18.800><c> then</c>

00:06:18.909 --> 00:06:18.919 align:start position:0%
just stay within the theme and then
 

00:06:18.919 --> 00:06:20.670 align:start position:0%
just stay within the theme and then
they're<00:06:19.040><c> there</c><00:06:19.320><c> ready</c><00:06:19.560><c> to</c><00:06:19.680><c> use</c><00:06:20.120><c> if</c><00:06:20.320><c> and</c><00:06:20.480><c> when</c>

00:06:20.670 --> 00:06:20.680 align:start position:0%
they're there ready to use if and when
 

00:06:20.680 --> 00:06:22.470 align:start position:0%
they're there ready to use if and when
you<00:06:20.760><c> need</c><00:06:20.960><c> to.</c><00:06:21.520><c> So</c><00:06:21.640><c> let's</c><00:06:21.840><c> kick</c><00:06:22.040><c> off</c><00:06:22.280><c> by</c>

00:06:22.470 --> 00:06:22.480 align:start position:0%
you need to. So let's kick off by
 

00:06:22.480 --> 00:06:24.190 align:start position:0%
you need to. So let's kick off by
looking<00:06:22.720><c> at</c><00:06:22.840><c> the</c><00:06:22.919><c> home</c><00:06:23.120><c> page.</c><00:06:23.640><c> First</c><00:06:23.919><c> up</c><00:06:24.080><c> we've</c>

00:06:24.190 --> 00:06:24.200 align:start position:0%
looking at the home page. First up we've
 

00:06:24.200 --> 00:06:26.310 align:start position:0%
looking at the home page. First up we've
got<00:06:24.360><c> this</c><00:06:24.560><c> top</c><00:06:24.919><c> announcement</c><00:06:25.440><c> bar.</c><00:06:26.000><c> This</c><00:06:26.160><c> is</c><00:06:26.240><c> a</c>

00:06:26.310 --> 00:06:26.320 align:start position:0%
got this top announcement bar. This is a
 

00:06:26.320 --> 00:06:28.430 align:start position:0%
got this top announcement bar. This is a
great<00:06:26.520><c> place</c><00:06:26.840><c> to</c><00:06:26.960><c> shout</c><00:06:27.280><c> out</c><00:06:27.480><c> promotions</c><00:06:28.280><c> or</c>

00:06:28.430 --> 00:06:28.440 align:start position:0%
great place to shout out promotions or
 

00:06:28.440 --> 00:06:30.990 align:start position:0%
great place to shout out promotions or
USPs.<00:06:29.440><c> For</c><00:06:29.560><c> example,</c><00:06:30.200><c> at</c><00:06:30.280><c> the</c><00:06:30.360><c> moment</c><00:06:30.800><c> we</c><00:06:30.880><c> have</c>

00:06:30.990 --> 00:06:31.000 align:start position:0%
USPs. For example, at the moment we have
 

00:06:31.000 --> 00:06:34.070 align:start position:0%
USPs. For example, at the moment we have
got<00:06:31.560><c> free</c><00:06:31.800><c> delivery</c><00:06:32.480><c> over</c><00:06:32.720><c> £50.</c><00:06:33.520><c> You</c><00:06:33.600><c> can</c><00:06:33.800><c> add</c>

00:06:34.070 --> 00:06:34.080 align:start position:0%
got free delivery over £50. You can add
 

00:06:34.080 --> 00:06:36.030 align:start position:0%
got free delivery over £50. You can add
multiple<00:06:34.480><c> messages</c><00:06:34.840><c> here</c><00:06:35.280><c> and</c><00:06:35.520><c> see</c><00:06:35.720><c> in</c><00:06:35.800><c> these</c>

00:06:36.030 --> 00:06:36.040 align:start position:0%
multiple messages here and see in these
 

00:06:36.040 --> 00:06:38.070 align:start position:0%
multiple messages here and see in these
arrows<00:06:36.680><c> which</c><00:06:36.880><c> scroll</c><00:06:37.280><c> between</c><00:06:37.960><c> your</c>

00:06:38.070 --> 00:06:38.080 align:start position:0%
arrows which scroll between your
 

00:06:38.080 --> 00:06:39.750 align:start position:0%
arrows which scroll between your
multiple<00:06:38.440><c> messages.</c><00:06:39.160><c> And</c><00:06:39.240><c> they</c><00:06:39.360><c> also</c><00:06:39.600><c> look</c>

00:06:39.750 --> 00:06:39.760 align:start position:0%
multiple messages. And they also look
 

00:06:39.760 --> 00:06:42.470 align:start position:0%
multiple messages. And they also look
great<00:06:40.120><c> on</c><00:06:40.280><c> mobile.</c>

00:06:42.470 --> 00:06:42.480 align:start position:0%
great on mobile.
 

00:06:42.480 --> 00:06:43.790 align:start position:0%
great on mobile.
And<00:06:42.600><c> you</c><00:06:42.680><c> can</c><00:06:42.800><c> see</c><00:06:43.000><c> these</c><00:06:43.200><c> messages</c><00:06:43.640><c> on</c><00:06:43.760><c> the</c>

00:06:43.790 --> 00:06:43.800 align:start position:0%
And you can see these messages on the
 

00:06:43.800 --> 00:06:46.030 align:start position:0%
And you can see these messages on the
left<00:06:44.040><c> hand</c><00:06:44.200><c> side</c><00:06:44.800><c> here.</c><00:06:45.320><c> If</c><00:06:45.440><c> I</c><00:06:45.520><c> click</c><00:06:45.760><c> into</c><00:06:45.960><c> the</c>

00:06:46.030 --> 00:06:46.040 align:start position:0%
left hand side here. If I click into the
 

00:06:46.040 --> 00:06:47.150 align:start position:0%
left hand side here. If I click into the
first<00:06:46.360><c> one,</c>

00:06:47.150 --> 00:06:47.160 align:start position:0%
first one,
 

00:06:47.160 --> 00:06:48.590 align:start position:0%
first one,
we<00:06:47.280><c> can</c><00:06:47.400><c> then</c><00:06:47.600><c> see</c><00:06:47.800><c> we've</c><00:06:47.960><c> got</c><00:06:48.120><c> our</c><00:06:48.240><c> text</c>

00:06:48.590 --> 00:06:48.600 align:start position:0%
we can then see we've got our text
 

00:06:48.600 --> 00:06:50.590 align:start position:0%
we can then see we've got our text
field.<00:06:49.280><c> We</c><00:06:49.400><c> can</c><00:06:49.560><c> link</c><00:06:49.840><c> it</c><00:06:50.000><c> to</c><00:06:50.120><c> a</c><00:06:50.160><c> specific</c>

00:06:50.590 --> 00:06:50.600 align:start position:0%
field. We can link it to a specific
 

00:06:50.600 --> 00:06:53.470 align:start position:0%
field. We can link it to a specific
place.<00:06:51.320><c> So</c><00:06:51.440><c> if</c><00:06:51.640><c> you</c><00:06:51.760><c> had</c><00:06:52.120><c> a</c><00:06:52.480><c> deliveries</c><00:06:52.919><c> page,</c>

00:06:53.470 --> 00:06:53.480 align:start position:0%
place. So if you had a deliveries page,
 

00:06:53.480 --> 00:06:55.510 align:start position:0%
place. So if you had a deliveries page,
I'd<00:06:53.640><c> recommend</c><00:06:54.040><c> linking</c><00:06:54.320><c> that</c><00:06:55.320><c> to</c><00:06:55.400><c> your</c>

00:06:55.510 --> 00:06:55.520 align:start position:0%
I'd recommend linking that to your
 

00:06:55.520 --> 00:06:57.470 align:start position:0%
I'd recommend linking that to your
deliveries<00:06:55.840><c> page.</c><00:06:56.360><c> Change</c><00:06:56.640><c> the</c><00:06:56.760><c> font,</c>

00:06:57.470 --> 00:06:57.480 align:start position:0%
deliveries page. Change the font,
 

00:06:57.480 --> 00:06:59.510 align:start position:0%
deliveries page. Change the font,
spacing,<00:06:58.200><c> etc.</c><00:06:58.880><c> And</c><00:06:59.000><c> if</c><00:06:59.120><c> you</c><00:06:59.200><c> want</c><00:06:59.400><c> to</c>

00:06:59.510 --> 00:06:59.520 align:start position:0%
spacing, etc. And if you want to
 

00:06:59.520 --> 00:07:01.670 align:start position:0%
spacing, etc. And if you want to
reorder,<00:07:00.240><c> we</c><00:07:00.320><c> can</c><00:07:00.440><c> just</c><00:07:00.600><c> click</c><00:07:00.840><c> and</c><00:07:01.000><c> hold</c><00:07:01.600><c> and</c>

00:07:01.670 --> 00:07:01.680 align:start position:0%
reorder, we can just click and hold and
 

00:07:01.680 --> 00:07:03.390 align:start position:0%
reorder, we can just click and hold and
then<00:07:01.840><c> drag</c>

00:07:03.390 --> 00:07:03.400 align:start position:0%
then drag
 

00:07:03.400 --> 00:07:04.870 align:start position:0%
then drag
to<00:07:03.480><c> the</c><00:07:03.560><c> second</c><00:07:03.840><c> place.</c>

00:07:04.870 --> 00:07:04.880 align:start position:0%
to the second place.
 

00:07:04.880 --> 00:07:06.430 align:start position:0%
to the second place.
And<00:07:04.960><c> if</c><00:07:05.080><c> you</c><00:07:05.160><c> wanted</c><00:07:05.400><c> to</c><00:07:05.480><c> add</c><00:07:05.560><c> a</c><00:07:05.600><c> new</c><00:07:05.800><c> message,</c>

00:07:06.430 --> 00:07:06.440 align:start position:0%
And if you wanted to add a new message,
 

00:07:06.440 --> 00:07:08.870 align:start position:0%
And if you wanted to add a new message,
just<00:07:06.640><c> click</c><00:07:06.840><c> on</c><00:07:07.280><c> add</c><00:07:07.440><c> block,</c>

00:07:08.870 --> 00:07:08.880 align:start position:0%
just click on add block,
 

00:07:08.880 --> 00:07:10.390 align:start position:0%
just click on add block,
click<00:07:09.080><c> announcement,</c>

00:07:10.390 --> 00:07:10.400 align:start position:0%
click announcement,
 

00:07:10.400 --> 00:07:11.710 align:start position:0%
click announcement,
and<00:07:10.480><c> then</c><00:07:10.760><c> you've</c><00:07:10.880><c> got</c><00:07:11.040><c> the</c><00:07:11.120><c> same</c><00:07:11.360><c> fields</c>

00:07:11.710 --> 00:07:11.720 align:start position:0%
and then you've got the same fields
 

00:07:11.720 --> 00:07:13.790 align:start position:0%
and then you've got the same fields
here.<00:07:12.040><c> And</c><00:07:12.320><c> a</c><00:07:12.400><c> top</c><00:07:12.720><c> tip,</c><00:07:13.200><c> if</c><00:07:13.320><c> you</c><00:07:13.400><c> want</c><00:07:13.520><c> to</c><00:07:13.600><c> save</c>

00:07:13.790 --> 00:07:13.800 align:start position:0%
here. And a top tip, if you want to save
 

00:07:13.800 --> 00:07:15.510 align:start position:0%
here. And a top tip, if you want to save
a<00:07:13.840><c> bit</c><00:07:14.040><c> of</c><00:07:14.160><c> time,</c><00:07:14.720><c> and</c><00:07:14.840><c> this</c><00:07:15.000><c> is</c><00:07:15.080><c> the</c><00:07:15.200><c> same</c>

00:07:15.510 --> 00:07:15.520 align:start position:0%
a bit of time, and this is the same
 

00:07:15.520 --> 00:07:17.510 align:start position:0%
a bit of time, and this is the same
throughout<00:07:15.800><c> the</c><00:07:15.880><c> entire</c><00:07:16.320><c> theme,</c><00:07:16.960><c> you</c><00:07:17.120><c> can</c>

00:07:17.510 --> 00:07:17.520 align:start position:0%
throughout the entire theme, you can
 

00:07:17.520 --> 00:07:20.390 align:start position:0%
throughout the entire theme, you can
right<00:07:17.880><c> click</c><00:07:18.680><c> on</c><00:07:18.800><c> a</c><00:07:18.840><c> specific</c><00:07:19.320><c> element,</c>

00:07:20.390 --> 00:07:20.400 align:start position:0%
right click on a specific element,
 

00:07:20.400 --> 00:07:21.590 align:start position:0%
right click on a specific element,
copy,

00:07:21.590 --> 00:07:21.600 align:start position:0%
copy,
 

00:07:21.600 --> 00:07:24.390 align:start position:0%
copy,
and<00:07:21.720><c> then</c><00:07:22.080><c> right</c><00:07:22.280><c> click,</c><00:07:22.960><c> paste</c><00:07:23.280><c> after.</c><00:07:24.160><c> That</c>

00:07:24.390 --> 00:07:24.400 align:start position:0%
and then right click, paste after. That
 

00:07:24.400 --> 00:07:26.270 align:start position:0%
and then right click, paste after. That
way<00:07:24.640><c> it'll</c><00:07:24.880><c> copy</c><00:07:25.200><c> all</c><00:07:25.360><c> your</c><00:07:25.480><c> pre-existing</c>

00:07:26.270 --> 00:07:26.280 align:start position:0%
way it'll copy all your pre-existing
 

00:07:26.280 --> 00:07:28.310 align:start position:0%
way it'll copy all your pre-existing
settings.<00:07:27.120><c> If</c><00:07:27.320><c> for</c><00:07:27.440><c> example</c><00:07:27.880><c> though,</c><00:07:28.160><c> you</c>

00:07:28.310 --> 00:07:28.320 align:start position:0%
settings. If for example though, you
 

00:07:28.320 --> 00:07:29.670 align:start position:0%
settings. If for example though, you
don't<00:07:28.640><c> want</c><00:07:28.800><c> to</c><00:07:28.919><c> show</c><00:07:29.120><c> this</c><00:07:29.280><c> announcement</c>

00:07:29.670 --> 00:07:29.680 align:start position:0%
don't want to show this announcement
 

00:07:29.680 --> 00:07:31.070 align:start position:0%
don't want to show this announcement
bar,<00:07:30.120><c> you</c><00:07:30.160><c> can</c><00:07:30.280><c> just</c><00:07:30.520><c> hover</c><00:07:30.840><c> over</c><00:07:30.960><c> this</c>

00:07:31.070 --> 00:07:31.080 align:start position:0%
bar, you can just hover over this
 

00:07:31.080 --> 00:07:33.110 align:start position:0%
bar, you can just hover over this
announcement<00:07:31.480><c> bar</c><00:07:32.160><c> on</c><00:07:32.240><c> the</c><00:07:32.320><c> left</c><00:07:32.520><c> hand</c><00:07:32.680><c> side</c>

00:07:33.110 --> 00:07:33.120 align:start position:0%
announcement bar on the left hand side
 

00:07:33.120 --> 00:07:35.270 align:start position:0%
announcement bar on the left hand side
and<00:07:33.200><c> then</c><00:07:33.320><c> see</c><00:07:33.480><c> this</c><00:07:33.800><c> eye</c><00:07:34.160><c> icon</c><00:07:34.919><c> and</c><00:07:35.000><c> then</c><00:07:35.120><c> just</c>

00:07:35.270 --> 00:07:35.280 align:start position:0%
and then see this eye icon and then just
 

00:07:35.280 --> 00:07:36.510 align:start position:0%
and then see this eye icon and then just
click<00:07:35.440><c> on</c><00:07:35.560><c> that</c>

00:07:36.510 --> 00:07:36.520 align:start position:0%
click on that
 

00:07:36.520 --> 00:07:38.350 align:start position:0%
click on that
and<00:07:36.640><c> that'll</c><00:07:36.800><c> hide</c><00:07:37.080><c> the</c><00:07:37.160><c> entire</c><00:07:37.760><c> bar.</c>

00:07:38.350 --> 00:07:38.360 align:start position:0%
and that'll hide the entire bar.
 

00:07:38.360 --> 00:07:39.950 align:start position:0%
and that'll hide the entire bar.
Or<00:07:38.919><c> you</c><00:07:39.040><c> can</c><00:07:39.200><c> keep</c><00:07:39.440><c> your</c><00:07:39.520><c> announcement</c><00:07:39.840><c> bar</c>

00:07:39.950 --> 00:07:39.960 align:start position:0%
Or you can keep your announcement bar
 

00:07:39.960 --> 00:07:42.750 align:start position:0%
Or you can keep your announcement bar
live<00:07:40.760><c> and</c><00:07:41.240><c> rather</c><00:07:41.520><c> than</c><00:07:41.640><c> deleting</c><00:07:42.520><c> these</c>

00:07:42.750 --> 00:07:42.760 align:start position:0%
live and rather than deleting these
 

00:07:42.760 --> 00:07:44.790 align:start position:0%
live and rather than deleting these
announcements,<00:07:43.760><c> you</c><00:07:43.840><c> can</c><00:07:43.960><c> just</c><00:07:44.360><c> hide</c><00:07:44.720><c> the</c>

00:07:44.790 --> 00:07:44.800 align:start position:0%
announcements, you can just hide the
 

00:07:44.800 --> 00:07:47.710 align:start position:0%
announcements, you can just hide the
ones<00:07:45.000><c> you</c><00:07:45.080><c> don't</c><00:07:45.280><c> want.</c>

00:07:47.710 --> 00:07:47.720 align:start position:0%
ones you don't want.
 

00:07:47.720 --> 00:07:49.710 align:start position:0%
ones you don't want.
Next<00:07:48.000><c> up</c><00:07:48.240><c> is</c><00:07:48.440><c> the</c><00:07:48.680><c> header.</c>

00:07:49.710 --> 00:07:49.720 align:start position:0%
Next up is the header.
 

00:07:49.720 --> 00:07:52.550 align:start position:0%
Next up is the header.
So,<00:07:49.760><c> let's</c><00:07:50.120><c> click</c><00:07:50.360><c> into</c><00:07:50.640><c> that.</c>

00:07:52.550 --> 00:07:52.560 align:start position:0%
So, let's click into that.
 

00:07:52.560 --> 00:07:54.350 align:start position:0%
So, let's click into that.
So,<00:07:52.600><c> we've</c><00:07:52.800><c> already</c><00:07:53.120><c> added</c><00:07:53.400><c> the</c><00:07:53.640><c> logo,</c><00:07:54.160><c> so</c><00:07:54.280><c> we</c>

00:07:54.350 --> 00:07:54.360 align:start position:0%
So, we've already added the logo, so we
 

00:07:54.360 --> 00:07:55.910 align:start position:0%
So, we've already added the logo, so we
don't<00:07:54.480><c> need</c><00:07:54.600><c> to</c><00:07:54.680><c> worry</c><00:07:54.760><c> about</c><00:07:54.960><c> that.</c><00:07:55.680><c> But</c><00:07:55.800><c> when</c>

00:07:55.910 --> 00:07:55.920 align:start position:0%
don't need to worry about that. But when
 

00:07:55.920 --> 00:07:57.790 align:start position:0%
don't need to worry about that. But when
we<00:07:56.000><c> click</c><00:07:56.240><c> into</c><00:07:56.440><c> the</c><00:07:56.520><c> menu,</c><00:07:57.160><c> you'll</c><00:07:57.360><c> notice</c>

00:07:57.790 --> 00:07:57.800 align:start position:0%
we click into the menu, you'll notice
 

00:07:57.800 --> 00:08:00.230 align:start position:0%
we click into the menu, you'll notice
that<00:07:57.960><c> this</c><00:07:58.240><c> menu</c><00:07:58.680><c> you're</c><00:07:58.840><c> seeing</c><00:07:59.640><c> differs</c>

00:08:00.230 --> 00:08:00.240 align:start position:0%
that this menu you're seeing differs
 

00:08:00.240 --> 00:08:02.470 align:start position:0%
that this menu you're seeing differs
from<00:08:00.400><c> the</c><00:08:00.520><c> one</c><00:08:00.720><c> on</c><00:08:00.800><c> the</c><00:08:00.880><c> preview</c><00:08:01.360><c> theme</c>

00:08:02.470 --> 00:08:02.480 align:start position:0%
from the one on the preview theme
 

00:08:02.480 --> 00:08:04.110 align:start position:0%
from the one on the preview theme
as<00:08:02.600><c> shown</c><00:08:02.840><c> here.</c>

00:08:04.110 --> 00:08:04.120 align:start position:0%
as shown here.
 

00:08:04.120 --> 00:08:06.190 align:start position:0%
as shown here.
This<00:08:04.280><c> is</c><00:08:04.400><c> because</c><00:08:04.840><c> it</c><00:08:04.960><c> is</c><00:08:05.080><c> inheriting</c><00:08:06.120><c> the</c>

00:08:06.190 --> 00:08:06.200 align:start position:0%
This is because it is inheriting the
 

00:08:06.200 --> 00:08:08.430 align:start position:0%
This is because it is inheriting the
default<00:08:06.720><c> menu</c><00:08:07.520><c> that</c><00:08:07.640><c> you've</c><00:08:07.800><c> got</c><00:08:08.120><c> on</c><00:08:08.240><c> your</c>

00:08:08.430 --> 00:08:08.440 align:start position:0%
default menu that you've got on your
 

00:08:08.440 --> 00:08:10.910 align:start position:0%
default menu that you've got on your
store<00:08:08.920><c> currently.</c><00:08:09.840><c> So,</c><00:08:09.960><c> if</c><00:08:10.200><c> you</c><00:08:10.320><c> wanted</c><00:08:10.720><c> to</c>

00:08:10.910 --> 00:08:10.920 align:start position:0%
store currently. So, if you wanted to
 

00:08:10.920 --> 00:08:13.070 align:start position:0%
store currently. So, if you wanted to
change<00:08:11.400><c> or</c><00:08:11.520><c> adjust</c><00:08:11.880><c> this</c><00:08:12.000><c> menu,</c>

00:08:13.070 --> 00:08:13.080 align:start position:0%
change or adjust this menu,
 

00:08:13.080 --> 00:08:15.310 align:start position:0%
change or adjust this menu,
click<00:08:13.200><c> on</c><00:08:13.280><c> the</c><00:08:13.360><c> drop</c><00:08:13.600><c> down</c><00:08:14.120><c> and</c><00:08:14.280><c> click</c><00:08:14.640><c> either</c>

00:08:15.310 --> 00:08:15.320 align:start position:0%
click on the drop down and click either
 

00:08:15.320 --> 00:08:17.390 align:start position:0%
click on the drop down and click either
replace<00:08:16.000><c> or</c><00:08:16.240><c> edit.</c>

00:08:17.390 --> 00:08:17.400 align:start position:0%
replace or edit.
 

00:08:17.400 --> 00:08:19.350 align:start position:0%
replace or edit.
If<00:08:17.520><c> we</c><00:08:17.600><c> click</c><00:08:17.800><c> on</c><00:08:17.880><c> replace,</c>

00:08:19.350 --> 00:08:19.360 align:start position:0%
If we click on replace,
 

00:08:19.360 --> 00:08:21.310 align:start position:0%
If we click on replace,
we<00:08:19.440><c> can</c><00:08:19.600><c> choose</c><00:08:20.080><c> from</c><00:08:20.200><c> our</c><00:08:20.360><c> other</c><00:08:20.560><c> menus</c><00:08:21.240><c> that</c>

00:08:21.310 --> 00:08:21.320 align:start position:0%
we can choose from our other menus that
 

00:08:21.320 --> 00:08:23.310 align:start position:0%
we can choose from our other menus that
we've<00:08:21.440><c> got</c><00:08:21.680><c> currently</c><00:08:22.000><c> set</c><00:08:22.240><c> up.</c>

00:08:23.310 --> 00:08:23.320 align:start position:0%
we've got currently set up.
 

00:08:23.320 --> 00:08:25.310 align:start position:0%
we've got currently set up.
If<00:08:23.400><c> you</c><00:08:23.520><c> wanted</c><00:08:23.800><c> to</c><00:08:23.880><c> create</c><00:08:24.120><c> a</c><00:08:24.160><c> new</c><00:08:24.360><c> menu,</c>

00:08:25.310 --> 00:08:25.320 align:start position:0%
If you wanted to create a new menu,
 

00:08:25.320 --> 00:08:27.790 align:start position:0%
If you wanted to create a new menu,
just<00:08:25.440><c> click</c><00:08:25.640><c> on</c><00:08:25.760><c> this</c><00:08:26.360><c> at</c><00:08:26.440><c> the</c><00:08:26.480><c> bottom.</c>

00:08:27.790 --> 00:08:27.800 align:start position:0%
just click on this at the bottom.
 

00:08:27.800 --> 00:08:29.550 align:start position:0%
just click on this at the bottom.
This<00:08:27.919><c> will</c><00:08:28.040><c> take</c><00:08:28.240><c> you</c><00:08:28.320><c> to</c><00:08:28.440><c> the</c><00:08:28.560><c> menus</c><00:08:29.000><c> area</c><00:08:29.480><c> in</c>

00:08:29.550 --> 00:08:29.560 align:start position:0%
This will take you to the menus area in
 

00:08:29.560 --> 00:08:31.430 align:start position:0%
This will take you to the menus area in
the<00:08:29.640><c> back</c><00:08:29.840><c> of</c><00:08:29.919><c> your</c><00:08:30.040><c> Shopify</c><00:08:30.400><c> store.</c>

00:08:31.430 --> 00:08:31.440 align:start position:0%
the back of your Shopify store.
 

00:08:31.440 --> 00:08:35.350 align:start position:0%
the back of your Shopify store.
From<00:08:31.600><c> here,</c><00:08:32.000><c> you</c><00:08:32.080><c> can</c><00:08:32.200><c> start</c><00:08:32.560><c> a</c><00:08:32.640><c> new</c><00:08:32.800><c> menu,</c>

00:08:35.350 --> 00:08:35.360 align:start position:0%
 
 

00:08:35.360 --> 00:08:36.670 align:start position:0%
 
and<00:08:35.400><c> then</c><00:08:35.560><c> start</c><00:08:35.919><c> adding</c><00:08:36.120><c> your</c><00:08:36.280><c> relevant</c>

00:08:36.670 --> 00:08:36.680 align:start position:0%
and then start adding your relevant
 

00:08:36.680 --> 00:08:40.110 align:start position:0%
and then start adding your relevant
pages<00:08:37.400><c> that</c><00:08:37.479><c> you</c><00:08:37.560><c> want</c><00:08:37.760><c> to</c><00:08:37.840><c> show.</c>

00:08:40.110 --> 00:08:40.120 align:start position:0%
pages that you want to show.
 

00:08:40.120 --> 00:08:42.390 align:start position:0%
pages that you want to show.
Once<00:08:40.240><c> you're</c><00:08:40.320><c> happy,</c><00:08:40.960><c> click</c><00:08:41.200><c> save,</c><00:08:42.120><c> close</c>

00:08:42.390 --> 00:08:42.400 align:start position:0%
Once you're happy, click save, close
 

00:08:42.400 --> 00:08:43.950 align:start position:0%
Once you're happy, click save, close
this<00:08:42.560><c> tab,</c>

00:08:43.950 --> 00:08:43.960 align:start position:0%
this tab,
 

00:08:43.960 --> 00:08:46.710 align:start position:0%
this tab,
and<00:08:44.000><c> then</c><00:08:44.120><c> we</c><00:08:44.240><c> should</c><00:08:44.520><c> see</c>

00:08:46.710 --> 00:08:46.720 align:start position:0%
and then we should see
 

00:08:46.720 --> 00:08:49.510 align:start position:0%
and then we should see
our<00:08:46.800><c> new</c><00:08:47.000><c> menu</c><00:08:47.480><c> here.</c>

00:08:49.510 --> 00:08:49.520 align:start position:0%
our new menu here.
 

00:08:49.520 --> 00:08:51.190 align:start position:0%
our new menu here.
Just<00:08:49.720><c> note</c><00:08:50.040><c> that</c><00:08:50.160><c> if</c><00:08:50.320><c> you</c><00:08:50.440><c> are</c><00:08:50.600><c> going</c><00:08:50.839><c> to</c><00:08:50.960><c> use</c>

00:08:51.190 --> 00:08:51.200 align:start position:0%
Just note that if you are going to use
 

00:08:51.200 --> 00:08:53.150 align:start position:0%
Just note that if you are going to use
your<00:08:51.360><c> main</c><00:08:51.640><c> menu,</c>

00:08:53.150 --> 00:08:53.160 align:start position:0%
your main menu,
 

00:08:53.160 --> 00:08:55.230 align:start position:0%
your main menu,
that<00:08:53.320><c> any</c><00:08:53.560><c> changes</c><00:08:54.000><c> you</c><00:08:54.120><c> make</c><00:08:54.360><c> to</c><00:08:54.520><c> it</c><00:08:55.040><c> will</c>

00:08:55.230 --> 00:08:55.240 align:start position:0%
that any changes you make to it will
 

00:08:55.240 --> 00:08:57.510 align:start position:0%
that any changes you make to it will
change<00:08:55.920><c> this</c><00:08:56.200><c> theme</c><00:08:56.760><c> and</c><00:08:56.960><c> also</c><00:08:57.320><c> your</c>

00:08:57.510 --> 00:08:57.520 align:start position:0%
change this theme and also your
 

00:08:57.520 --> 00:08:59.710 align:start position:0%
change this theme and also your
currently<00:08:58.320><c> live</c><00:08:58.720><c> theme.</c><00:08:59.320><c> So,</c><00:08:59.400><c> if</c><00:08:59.480><c> you</c><00:08:59.520><c> don't</c>

00:08:59.710 --> 00:08:59.720 align:start position:0%
currently live theme. So, if you don't
 

00:08:59.720 --> 00:09:01.390 align:start position:0%
currently live theme. So, if you don't
want<00:08:59.839><c> that</c><00:09:00.000><c> to</c><00:09:00.080><c> happen,</c><00:09:00.760><c> just</c><00:09:00.960><c> make</c><00:09:01.120><c> sure</c><00:09:01.280><c> that</c>

00:09:01.390 --> 00:09:01.400 align:start position:0%
want that to happen, just make sure that
 

00:09:01.400 --> 00:09:03.750 align:start position:0%
want that to happen, just make sure that
you<00:09:01.520><c> create</c><00:09:01.800><c> new</c><00:09:01.960><c> menus</c><00:09:02.600><c> for</c><00:09:02.720><c> this</c><00:09:02.920><c> theme.</c>

00:09:03.750 --> 00:09:03.760 align:start position:0%
you create new menus for this theme.
 

00:09:03.760 --> 00:09:05.630 align:start position:0%
you create new menus for this theme.
And<00:09:04.040><c> as</c><00:09:04.200><c> I</c><00:09:04.240><c> mentioned</c><00:09:04.640><c> earlier,</c><00:09:05.320><c> if</c><00:09:05.520><c> you</c>

00:09:05.630 --> 00:09:05.640 align:start position:0%
And as I mentioned earlier, if you
 

00:09:05.640 --> 00:09:07.310 align:start position:0%
And as I mentioned earlier, if you
wanted<00:09:06.040><c> to</c><00:09:06.120><c> change</c><00:09:06.440><c> the</c><00:09:06.520><c> color</c><00:09:06.760><c> scheme</c><00:09:07.240><c> for</c>

00:09:07.310 --> 00:09:07.320 align:start position:0%
wanted to change the color scheme for
 

00:09:07.320 --> 00:09:09.310 align:start position:0%
wanted to change the color scheme for
this<00:09:07.480><c> header</c><00:09:07.680><c> section,</c><00:09:08.480><c> we</c><00:09:08.600><c> can</c><00:09:08.720><c> just</c><00:09:09.120><c> make</c>

00:09:09.310 --> 00:09:09.320 align:start position:0%
this header section, we can just make
 

00:09:09.320 --> 00:09:10.829 align:start position:0%
this header section, we can just make
sure<00:09:09.520><c> on</c><00:09:09.640><c> the</c><00:09:09.720><c> header,</c>

00:09:10.829 --> 00:09:10.839 align:start position:0%
sure on the header,
 

00:09:10.839 --> 00:09:13.910 align:start position:0%
sure on the header,
scroll<00:09:11.200><c> down</c><00:09:11.680><c> until</c><00:09:11.880><c> we</c><00:09:12.000><c> see</c><00:09:12.200><c> color</c><00:09:12.400><c> schemes,</c>

00:09:13.910 --> 00:09:13.920 align:start position:0%
scroll down until we see color schemes,
 

00:09:13.920 --> 00:09:15.990 align:start position:0%
scroll down until we see color schemes,
and<00:09:13.960><c> then</c><00:09:14.080><c> we</c><00:09:14.160><c> can</c><00:09:14.320><c> change</c><00:09:15.160><c> color</c><00:09:15.360><c> scheme</c><00:09:15.640><c> one</c>

00:09:15.990 --> 00:09:16.000 align:start position:0%
and then we can change color scheme one
 

00:09:16.000 --> 00:09:18.350 align:start position:0%
and then we can change color scheme one
to<00:09:16.120><c> color</c><00:09:16.320><c> scheme</c><00:09:16.640><c> three.</c>

00:09:18.350 --> 00:09:18.360 align:start position:0%
to color scheme three.
 

00:09:18.360 --> 00:09:20.550 align:start position:0%
to color scheme three.
And<00:09:18.400><c> we</c><00:09:18.520><c> can</c><00:09:18.640><c> see</c><00:09:18.880><c> that</c><00:09:19.080><c> is</c><00:09:19.160><c> updated</c><00:09:19.920><c> there.</c>

00:09:20.550 --> 00:09:20.560 align:start position:0%
And we can see that is updated there.
 

00:09:20.560 --> 00:09:22.630 align:start position:0%
And we can see that is updated there.
Next<00:09:20.920><c> up</c><00:09:21.120><c> is</c><00:09:21.280><c> our</c><00:09:21.440><c> hero</c><00:09:21.800><c> banner.</c><00:09:22.400><c> So,</c><00:09:22.480><c> let's</c>

00:09:22.630 --> 00:09:22.640 align:start position:0%
Next up is our hero banner. So, let's
 

00:09:22.640 --> 00:09:24.590 align:start position:0%
Next up is our hero banner. So, let's
click<00:09:22.800><c> into</c><00:09:23.000><c> that,</c>

00:09:24.590 --> 00:09:24.600 align:start position:0%
click into that,
 

00:09:24.600 --> 00:09:26.950 align:start position:0%
click into that,
and<00:09:24.720><c> let's</c><00:09:25.000><c> find</c><00:09:25.280><c> an</c><00:09:25.440><c> image</c><00:09:25.839><c> to</c><00:09:25.960><c> use.</c><00:09:26.560><c> So,</c><00:09:26.880><c> on</c>

00:09:26.950 --> 00:09:26.960 align:start position:0%
and let's find an image to use. So, on
 

00:09:26.960 --> 00:09:30.470 align:start position:0%
and let's find an image to use. So, on
the<00:09:27.040><c> left-hand</c><00:09:27.400><c> side,</c><00:09:27.760><c> click</c><00:09:27.960><c> into</c><00:09:28.200><c> image.</c>

00:09:30.470 --> 00:09:30.480 align:start position:0%
the left-hand side, click into image.
 

00:09:30.480 --> 00:09:35.030 align:start position:0%
the left-hand side, click into image.
Let's<00:09:30.640><c> just</c><00:09:30.880><c> choose</c><00:09:31.200><c> this</c><00:09:31.400><c> one</c><00:09:31.560><c> for</c><00:09:31.680><c> now.</c>

00:09:35.030 --> 00:09:35.040 align:start position:0%
 
 

00:09:35.040 --> 00:09:37.790 align:start position:0%
 
And<00:09:35.280><c> if</c><00:09:35.480><c> you</c><00:09:35.600><c> wanted</c><00:09:36.040><c> to</c><00:09:36.280><c> add</c><00:09:36.640><c> a</c><00:09:37.080><c> separate</c>

00:09:37.790 --> 00:09:37.800 align:start position:0%
And if you wanted to add a separate
 

00:09:37.800 --> 00:09:39.670 align:start position:0%
And if you wanted to add a separate
image<00:09:38.120><c> for</c><00:09:38.200><c> your</c><00:09:38.360><c> mobile</c><00:09:38.720><c> version,</c><00:09:39.440><c> you</c><00:09:39.520><c> can</c>

00:09:39.670 --> 00:09:39.680 align:start position:0%
image for your mobile version, you can
 

00:09:39.680 --> 00:09:41.870 align:start position:0%
image for your mobile version, you can
choose<00:09:40.000><c> that</c><00:09:40.360><c> under</c><00:09:40.640><c> here.</c><00:09:41.440><c> And</c><00:09:41.520><c> let's</c><00:09:41.680><c> just</c>

00:09:41.870 --> 00:09:41.880 align:start position:0%
choose that under here. And let's just
 

00:09:41.880 --> 00:09:43.190 align:start position:0%
choose that under here. And let's just
toggle<00:09:42.280><c> to</c><00:09:42.400><c> see</c><00:09:42.600><c> what</c><00:09:42.720><c> it</c><00:09:42.800><c> looks</c><00:09:42.960><c> like</c><00:09:43.080><c> on</c>

00:09:43.190 --> 00:09:43.200 align:start position:0%
toggle to see what it looks like on
 

00:09:43.200 --> 00:09:45.350 align:start position:0%
toggle to see what it looks like on
mobile<00:09:43.520><c> currently.</c>

00:09:45.350 --> 00:09:45.360 align:start position:0%
mobile currently.
 

00:09:45.360 --> 00:09:47.230 align:start position:0%
mobile currently.
Okay,<00:09:45.840><c> that's</c><00:09:46.160><c> fine</c><00:09:46.480><c> for</c><00:09:46.600><c> now</c><00:09:47.000><c> for</c><00:09:47.120><c> this</c>

00:09:47.230 --> 00:09:47.240 align:start position:0%
Okay, that's fine for now for this
 

00:09:47.240 --> 00:09:48.990 align:start position:0%
Okay, that's fine for now for this
example.

00:09:48.990 --> 00:09:49.000 align:start position:0%
example.
 

00:09:49.000 --> 00:09:50.830 align:start position:0%
example.
And<00:09:49.160><c> to</c><00:09:49.280><c> edit</c><00:09:49.480><c> this</c><00:09:49.640><c> text</c><00:09:50.160><c> and</c><00:09:50.560><c> call</c><00:09:50.720><c> to</c>

00:09:50.830 --> 00:09:50.840 align:start position:0%
And to edit this text and call to
 

00:09:50.840 --> 00:09:52.910 align:start position:0%
And to edit this text and call to
action,<00:09:51.600><c> you</c><00:09:51.680><c> can</c><00:09:51.800><c> either</c><00:09:52.120><c> hover</c><00:09:52.440><c> over</c><00:09:52.800><c> and</c>

00:09:52.910 --> 00:09:52.920 align:start position:0%
action, you can either hover over and
 

00:09:52.920 --> 00:09:55.510 align:start position:0%
action, you can either hover over and
just<00:09:53.000><c> click</c><00:09:53.200><c> in</c><00:09:53.440><c> onto</c><00:09:53.600><c> the</c><00:09:53.680><c> element</c><00:09:54.360><c> or</c><00:09:55.240><c> scroll</c>

00:09:55.510 --> 00:09:55.520 align:start position:0%
just click in onto the element or scroll
 

00:09:55.520 --> 00:09:56.950 align:start position:0%
just click in onto the element or scroll
on<00:09:55.600><c> the</c><00:09:55.640><c> left-hand</c><00:09:55.960><c> side</c><00:09:56.160><c> down</c><00:09:56.320><c> here</c><00:09:56.840><c> and</c>

00:09:56.950 --> 00:09:56.960 align:start position:0%
on the left-hand side down here and
 

00:09:56.960 --> 00:09:59.230 align:start position:0%
on the left-hand side down here and
click<00:09:57.120><c> into</c><00:09:58.040><c> the</c><00:09:58.080><c> particular</c><00:09:58.480><c> section</c><00:09:59.120><c> and</c>

00:09:59.230 --> 00:09:59.240 align:start position:0%
click into the particular section and
 

00:09:59.240 --> 00:10:01.550 align:start position:0%
click into the particular section and
then<00:09:59.440><c> adjust</c><00:10:00.000><c> these</c><00:10:00.280><c> accordingly.</c><00:10:01.160><c> Key</c><00:10:01.360><c> thing</c>

00:10:01.550 --> 00:10:01.560 align:start position:0%
then adjust these accordingly. Key thing
 

00:10:01.560 --> 00:10:03.590 align:start position:0%
then adjust these accordingly. Key thing
here<00:10:01.880><c> is</c><00:10:02.000><c> just</c><00:10:02.200><c> make</c><00:10:02.400><c> sure</c><00:10:02.720><c> that</c><00:10:02.920><c> your</c><00:10:03.080><c> button,</c>

00:10:03.590 --> 00:10:03.600 align:start position:0%
here is just make sure that your button,
 

00:10:03.600 --> 00:10:04.990 align:start position:0%
here is just make sure that your button,
your<00:10:03.720><c> call</c><00:10:03.920><c> to</c><00:10:04.040><c> action</c><00:10:04.440><c> is</c><00:10:04.560><c> going</c><00:10:04.800><c> to</c><00:10:04.880><c> the</c>

00:10:04.990 --> 00:10:05.000 align:start position:0%
your call to action is going to the
 

00:10:05.000 --> 00:10:06.870 align:start position:0%
your call to action is going to the
right<00:10:05.200><c> place.</c>

00:10:06.870 --> 00:10:06.880 align:start position:0%
right place.
 

00:10:06.880 --> 00:10:08.590 align:start position:0%
right place.
And<00:10:07.040><c> again,</c><00:10:07.560><c> when</c><00:10:07.680><c> it</c><00:10:07.760><c> comes</c><00:10:08.040><c> to</c><00:10:08.360><c> image</c>

00:10:08.590 --> 00:10:08.600 align:start position:0%
And again, when it comes to image
 

00:10:08.600 --> 00:10:10.710 align:start position:0%
And again, when it comes to image
dimension<00:10:09.080><c> sizes,</c><00:10:09.680><c> we</c><00:10:09.800><c> have</c><00:10:09.920><c> shared</c><00:10:10.240><c> this</c><00:10:10.560><c> in</c>

00:10:10.710 --> 00:10:10.720 align:start position:0%
dimension sizes, we have shared this in
 

00:10:10.720 --> 00:10:12.630 align:start position:0%
dimension sizes, we have shared this in
the<00:10:10.800><c> written</c><00:10:11.120><c> instructions</c><00:10:11.640><c> guide.</c>

00:10:12.630 --> 00:10:12.640 align:start position:0%
the written instructions guide.
 

00:10:12.640 --> 00:10:16.150 align:start position:0%
the written instructions guide.
Next<00:10:13.000><c> up,</c><00:10:13.280><c> we</c><00:10:13.480><c> have</c><00:10:13.800><c> our</c><00:10:14.000><c> reviews</c><00:10:14.840><c> summary.</c>

00:10:16.150 --> 00:10:16.160 align:start position:0%
Next up, we have our reviews summary.
 

00:10:16.160 --> 00:10:18.430 align:start position:0%
Next up, we have our reviews summary.
So,<00:10:16.360><c> for</c><00:10:16.560><c> this</c><00:10:16.720><c> example,</c><00:10:17.520><c> we</c><00:10:17.720><c> are</c><00:10:17.880><c> using</c>

00:10:18.430 --> 00:10:18.440 align:start position:0%
So, for this example, we are using
 

00:10:18.440 --> 00:10:20.310 align:start position:0%
So, for this example, we are using
Judge.me.<00:10:19.200><c> Judge.me</c><00:10:19.600><c> is</c><00:10:19.720><c> the</c><00:10:19.880><c> app</c><00:10:20.040><c> that</c><00:10:20.200><c> we</c>

00:10:20.310 --> 00:10:20.320 align:start position:0%
Judge.me. Judge.me is the app that we
 

00:10:20.320 --> 00:10:22.510 align:start position:0%
Judge.me. Judge.me is the app that we
recommend<00:10:20.920><c> for</c><00:10:21.200><c> all</c><00:10:21.320><c> Shopify</c><00:10:21.680><c> stores.</c><00:10:22.400><c> It's</c>

00:10:22.510 --> 00:10:22.520 align:start position:0%
recommend for all Shopify stores. It's
 

00:10:22.520 --> 00:10:25.190 align:start position:0%
recommend for all Shopify stores. It's
very<00:10:22.840><c> feature-heavy</c><00:10:23.800><c> for</c><00:10:24.200><c> a</c><00:10:24.320><c> cost</c><00:10:24.800><c> of</c><00:10:24.960><c> only</c>

00:10:25.190 --> 00:10:25.200 align:start position:0%
very feature-heavy for a cost of only
 

00:10:25.200 --> 00:10:28.150 align:start position:0%
very feature-heavy for a cost of only
$15<00:10:25.800><c> a</c><00:10:25.840><c> month.</c><00:10:26.680><c> If</c><00:10:26.840><c> you</c><00:10:26.960><c> need</c><00:10:27.200><c> help</c><00:10:27.520><c> installing</c>

00:10:28.150 --> 00:10:28.160 align:start position:0%
$15 a month. If you need help installing
 

00:10:28.160 --> 00:10:30.150 align:start position:0%
$15 a month. If you need help installing
or<00:10:28.280><c> migrating</c><00:10:28.800><c> to</c><00:10:28.920><c> Judge.me,</c><00:10:29.600><c> then</c><00:10:29.840><c> I</c><00:10:29.920><c> do</c>

00:10:30.150 --> 00:10:30.160 align:start position:0%
or migrating to Judge.me, then I do
 

00:10:30.160 --> 00:10:32.150 align:start position:0%
or migrating to Judge.me, then I do
offer<00:10:30.360><c> this</c><00:10:30.520><c> as</c><00:10:30.600><c> a</c><00:10:30.680><c> separate</c><00:10:31.080><c> paid</c><00:10:31.360><c> service,</c>

00:10:32.150 --> 00:10:32.160 align:start position:0%
offer this as a separate paid service,
 

00:10:32.160 --> 00:10:33.310 align:start position:0%
offer this as a separate paid service,
which<00:10:32.320><c> you</c><00:10:32.360><c> can</c><00:10:32.480><c> find</c><00:10:32.720><c> out</c><00:10:32.840><c> more</c><00:10:33.120><c> on</c><00:10:33.200><c> my</c>

00:10:33.310 --> 00:10:33.320 align:start position:0%
which you can find out more on my
 

00:10:33.320 --> 00:10:35.830 align:start position:0%
which you can find out more on my
website.<00:10:34.200><c> Or,</c><00:10:34.680><c> you</c><00:10:34.800><c> can</c><00:10:34.960><c> find</c><00:10:35.360><c> the</c><00:10:35.400><c> guides</c><00:10:35.720><c> on</c>

00:10:35.830 --> 00:10:35.840 align:start position:0%
website. Or, you can find the guides on
 

00:10:35.840 --> 00:10:37.870 align:start position:0%
website. Or, you can find the guides on
how<00:10:36.000><c> to</c><00:10:36.120><c> do</c><00:10:36.200><c> this</c><00:10:36.360><c> yourself</c><00:10:37.120><c> on</c><00:10:37.480><c> Judge.me's</c>

00:10:37.870 --> 00:10:37.880 align:start position:0%
how to do this yourself on Judge.me's
 

00:10:37.880 --> 00:10:39.070 align:start position:0%
how to do this yourself on Judge.me's
website.

00:10:39.070 --> 00:10:39.080 align:start position:0%
website.
 

00:10:39.080 --> 00:10:40.550 align:start position:0%
website.
If<00:10:39.240><c> you're</c><00:10:39.400><c> using</c><00:10:39.680><c> another</c><00:10:40.000><c> provider</c><00:10:40.400><c> right</c>

00:10:40.550 --> 00:10:40.560 align:start position:0%
If you're using another provider right
 

00:10:40.560 --> 00:10:42.470 align:start position:0%
If you're using another provider right
now,<00:10:40.960><c> you</c><00:10:41.040><c> can</c><00:10:41.240><c> just</c><00:10:41.400><c> click</c><00:10:41.560><c> into</c><00:10:41.839><c> it</c><00:10:42.120><c> and</c>

00:10:42.470 --> 00:10:42.480 align:start position:0%
now, you can just click into it and
 

00:10:42.480 --> 00:10:44.590 align:start position:0%
now, you can just click into it and
change<00:10:42.880><c> this</c><00:10:43.120><c> for</c><00:10:43.240><c> your</c><00:10:43.600><c> app</c><00:10:43.920><c> block</c><00:10:44.480><c> that</c>

00:10:44.590 --> 00:10:44.600 align:start position:0%
change this for your app block that
 

00:10:44.600 --> 00:10:45.870 align:start position:0%
change this for your app block that
you're<00:10:44.720><c> using.</c>

00:10:45.870 --> 00:10:45.880 align:start position:0%
you're using.
 

00:10:45.880 --> 00:10:47.630 align:start position:0%
you're using.
For<00:10:46.000><c> example,</c><00:10:46.400><c> if</c><00:10:46.480><c> you're</c><00:10:46.600><c> using</c><00:10:46.839><c> Trustpilot,</c>

00:10:47.630 --> 00:10:47.640 align:start position:0%
For example, if you're using Trustpilot,
 

00:10:47.640 --> 00:10:49.550 align:start position:0%
For example, if you're using Trustpilot,
you<00:10:47.760><c> should</c><00:10:47.960><c> see</c><00:10:48.080><c> this</c><00:10:48.240><c> down</c><00:10:48.440><c> here.</c>

00:10:49.550 --> 00:10:49.560 align:start position:0%
you should see this down here.
 

00:10:49.560 --> 00:10:52.910 align:start position:0%
you should see this down here.
And<00:10:49.720><c> you</c><00:10:49.760><c> can</c><00:10:49.880><c> change</c><00:10:50.160><c> that</c><00:10:50.440><c> accordingly.</c>

00:10:52.910 --> 00:10:52.920 align:start position:0%
And you can change that accordingly.
 

00:10:52.920 --> 00:10:54.750 align:start position:0%
And you can change that accordingly.
Now,<00:10:53.120><c> reviews</c><00:10:53.520><c> are</c><00:10:53.600><c> very</c><00:10:53.800><c> important</c><00:10:54.520><c> and</c><00:10:54.680><c> I</c>

00:10:54.750 --> 00:10:54.760 align:start position:0%
Now, reviews are very important and I
 

00:10:54.760 --> 00:10:56.470 align:start position:0%
Now, reviews are very important and I
highly<00:10:55.040><c> recommend</c><00:10:55.600><c> using</c><00:10:55.880><c> these</c><00:10:56.080><c> reviews</c>

00:10:56.470 --> 00:10:56.480 align:start position:0%
highly recommend using these reviews
 

00:10:56.480 --> 00:10:57.630 align:start position:0%
highly recommend using these reviews
because<00:10:56.760><c> it</c><00:10:56.839><c> does</c><00:10:57.080><c> really</c><00:10:57.320><c> help</c><00:10:57.520><c> with</c>

00:10:57.630 --> 00:10:57.640 align:start position:0%
because it does really help with
 

00:10:57.640 --> 00:10:59.590 align:start position:0%
because it does really help with
conversion.<00:10:58.280><c> If</c><00:10:58.400><c> you</c><00:10:58.520><c> think</c><00:10:58.640><c> of</c><00:10:58.760><c> yourself</c><00:10:59.440><c> as</c>

00:10:59.590 --> 00:10:59.600 align:start position:0%
conversion. If you think of yourself as
 

00:10:59.600 --> 00:11:01.150 align:start position:0%
conversion. If you think of yourself as
a<00:10:59.640><c> shopper,</c><00:11:00.280><c> I</c><00:11:00.360><c> think</c><00:11:00.600><c> one</c><00:11:00.720><c> of</c><00:11:00.800><c> the</c><00:11:00.880><c> first</c>

00:11:01.150 --> 00:11:01.160 align:start position:0%
a shopper, I think one of the first
 

00:11:01.160 --> 00:11:03.829 align:start position:0%
a shopper, I think one of the first
things<00:11:01.320><c> you</c><00:11:01.440><c> do</c><00:11:01.640><c> check</c><00:11:02.040><c> is</c><00:11:02.480><c> the</c><00:11:02.560><c> reviews.</c><00:11:03.240><c> So,</c>

00:11:03.829 --> 00:11:03.839 align:start position:0%
things you do check is the reviews. So,
 

00:11:03.839 --> 00:11:05.910 align:start position:0%
things you do check is the reviews. So,
strongly<00:11:04.120><c> recommend</c><00:11:04.800><c> getting</c><00:11:05.040><c> this</c><00:11:05.160><c> set</c><00:11:05.440><c> up.</c>

00:11:05.910 --> 00:11:05.920 align:start position:0%
strongly recommend getting this set up.
 

00:11:05.920 --> 00:11:07.430 align:start position:0%
strongly recommend getting this set up.
But,<00:11:06.160><c> worst-case</c><00:11:06.560><c> scenario,</c><00:11:07.040><c> if</c><00:11:07.120><c> you</c><00:11:07.200><c> don't</c>

00:11:07.430 --> 00:11:07.440 align:start position:0%
But, worst-case scenario, if you don't
 

00:11:07.440 --> 00:11:09.190 align:start position:0%
But, worst-case scenario, if you don't
have<00:11:07.600><c> it,</c><00:11:08.240><c> you</c><00:11:08.320><c> can</c><00:11:08.440><c> just</c><00:11:08.680><c> click</c><00:11:08.880><c> onto</c><00:11:09.120><c> the</c>

00:11:09.190 --> 00:11:09.200 align:start position:0%
have it, you can just click onto the
 

00:11:09.200 --> 00:11:10.790 align:start position:0%
have it, you can just click onto the
section<00:11:10.040><c> and</c><00:11:10.120><c> then</c><00:11:10.240><c> hover</c><00:11:10.560><c> over</c><00:11:10.680><c> on</c><00:11:10.760><c> the</c>

00:11:10.790 --> 00:11:10.800 align:start position:0%
section and then hover over on the
 

00:11:10.800 --> 00:11:12.470 align:start position:0%
section and then hover over on the
left-hand<00:11:11.200><c> side</c><00:11:11.800><c> and</c><00:11:11.880><c> then</c><00:11:12.040><c> hide</c><00:11:12.360><c> this</c>

00:11:12.470 --> 00:11:12.480 align:start position:0%
left-hand side and then hide this
 

00:11:12.480 --> 00:11:14.070 align:start position:0%
left-hand side and then hide this
section.

00:11:14.070 --> 00:11:14.080 align:start position:0%
section.
 

00:11:14.080 --> 00:11:16.390 align:start position:0%
section.
Then<00:11:14.320><c> we</c><00:11:14.480><c> have</c><00:11:14.760><c> our</c><00:11:14.960><c> featured</c><00:11:15.400><c> collections.</c>

00:11:16.390 --> 00:11:16.400 align:start position:0%
Then we have our featured collections.
 

00:11:16.400 --> 00:11:18.070 align:start position:0%
Then we have our featured collections.
So,<00:11:16.720><c> click</c><00:11:16.960><c> into</c><00:11:17.160><c> that.</c><00:11:17.839><c> And</c><00:11:17.920><c> on</c><00:11:18.000><c> the</c>

00:11:18.070 --> 00:11:18.080 align:start position:0%
So, click into that. And on the
 

00:11:18.080 --> 00:11:19.910 align:start position:0%
So, click into that. And on the
left-hand<00:11:18.480><c> side,</c><00:11:18.920><c> you</c><00:11:19.040><c> may</c><00:11:19.240><c> notice</c><00:11:19.800><c> that</c>

00:11:19.910 --> 00:11:19.920 align:start position:0%
left-hand side, you may notice that
 

00:11:19.920 --> 00:11:21.590 align:start position:0%
left-hand side, you may notice that
you've<00:11:20.000><c> got</c><00:11:20.120><c> a</c><00:11:20.200><c> few</c><00:11:20.560><c> errors</c><00:11:20.880><c> here.</c><00:11:21.320><c> This</c><00:11:21.480><c> is</c>

00:11:21.590 --> 00:11:21.600 align:start position:0%
you've got a few errors here. This is
 

00:11:21.600 --> 00:11:23.550 align:start position:0%
you've got a few errors here. This is
because<00:11:21.920><c> we</c><00:11:22.080><c> linked</c><00:11:22.320><c> to</c><00:11:22.480><c> our</c><00:11:22.640><c> collections</c>

00:11:23.550 --> 00:11:23.560 align:start position:0%
because we linked to our collections
 

00:11:23.560 --> 00:11:25.230 align:start position:0%
because we linked to our collections
when<00:11:23.760><c> developing</c><00:11:24.240><c> this</c><00:11:24.400><c> store,</c><00:11:24.920><c> but</c><00:11:25.120><c> our</c>

00:11:25.230 --> 00:11:25.240 align:start position:0%
when developing this store, but our
 

00:11:25.240 --> 00:11:26.670 align:start position:0%
when developing this store, but our
collections<00:11:25.880><c> are</c><00:11:25.920><c> going</c><00:11:26.080><c> to</c><00:11:26.160><c> be</c><00:11:26.240><c> different</c><00:11:26.600><c> to</c>

00:11:26.670 --> 00:11:26.680 align:start position:0%
collections are going to be different to
 

00:11:26.680 --> 00:11:29.150 align:start position:0%
collections are going to be different to
yours.<00:11:27.640><c> So,</c><00:11:27.880><c> all</c><00:11:28.000><c> we</c><00:11:28.040><c> need</c><00:11:28.160><c> to</c><00:11:28.240><c> do</c><00:11:28.400><c> here</c><00:11:28.960><c> is</c>

00:11:29.150 --> 00:11:29.160 align:start position:0%
yours. So, all we need to do here is
 

00:11:29.160 --> 00:11:32.990 align:start position:0%
yours. So, all we need to do here is
just<00:11:29.560><c> click</c><00:11:29.800><c> on</c><00:11:29.880><c> the</c><00:11:30.000><c> X</c><00:11:30.720><c> each</c><00:11:30.960><c> one.</c>

00:11:32.990 --> 00:11:33.000 align:start position:0%
just click on the X each one.
 

00:11:33.000 --> 00:11:34.990 align:start position:0%
just click on the X each one.
Then<00:11:33.080><c> click</c><00:11:33.360><c> on</c><00:11:33.720><c> select</c>

00:11:34.990 --> 00:11:35.000 align:start position:0%
Then click on select
 

00:11:35.000 --> 00:11:36.990 align:start position:0%
Then click on select
and<00:11:35.160><c> choose</c><00:11:35.480><c> the</c><00:11:35.600><c> collections</c><00:11:36.080><c> that</c><00:11:36.240><c> you</c><00:11:36.800><c> want</c>

00:11:36.990 --> 00:11:37.000 align:start position:0%
and choose the collections that you want
 

00:11:37.000 --> 00:11:40.310 align:start position:0%
and choose the collections that you want
to<00:11:37.080><c> feature.</c>

00:11:40.310 --> 00:11:40.320 align:start position:0%
 
 

00:11:40.320 --> 00:11:42.030 align:start position:0%
 
If<00:11:40.680><c> you</c><00:11:40.760><c> see</c><00:11:41.000><c> something</c><00:11:41.320><c> like</c><00:11:41.480><c> this</c><00:11:41.880><c> where</c>

00:11:42.030 --> 00:11:42.040 align:start position:0%
If you see something like this where
 

00:11:42.040 --> 00:11:44.030 align:start position:0%
If you see something like this where
there's<00:11:42.160><c> no</c><00:11:42.400><c> image,</c><00:11:43.280><c> then</c><00:11:43.400><c> that</c><00:11:43.600><c> is</c><00:11:43.680><c> because</c>

00:11:44.030 --> 00:11:44.040 align:start position:0%
there's no image, then that is because
 

00:11:44.040 --> 00:11:45.870 align:start position:0%
there's no image, then that is because
your<00:11:44.200><c> collection</c><00:11:45.120><c> doesn't</c><00:11:45.440><c> yet</c><00:11:45.640><c> have</c><00:11:45.800><c> an</c>

00:11:45.870 --> 00:11:45.880 align:start position:0%
your collection doesn't yet have an
 

00:11:45.880 --> 00:11:47.990 align:start position:0%
your collection doesn't yet have an
image.<00:11:46.360><c> So</c><00:11:46.520><c> to</c><00:11:46.720><c> add</c><00:11:46.880><c> an</c><00:11:47.000><c> image,</c><00:11:47.560><c> you</c><00:11:47.680><c> just</c><00:11:47.840><c> need</c>

00:11:47.990 --> 00:11:48.000 align:start position:0%
image. So to add an image, you just need
 

00:11:48.000 --> 00:11:51.110 align:start position:0%
image. So to add an image, you just need
to<00:11:48.120><c> go</c><00:11:48.360><c> to</c><00:11:48.440><c> that</c><00:11:48.560><c> collection</c>

00:11:51.110 --> 00:11:51.120 align:start position:0%
to go to that collection
 

00:11:51.120 --> 00:11:55.910 align:start position:0%
to go to that collection
and<00:11:51.200><c> then</c><00:11:51.800><c> click</c><00:11:52.080><c> here</c><00:11:52.640><c> add</c><00:11:52.800><c> an</c><00:11:52.920><c> image.</c>

00:11:55.910 --> 00:11:55.920 align:start position:0%
 
 

00:11:55.920 --> 00:11:58.550 align:start position:0%
 
Hit<00:11:56.080><c> save.</c>

00:11:58.550 --> 00:11:58.560 align:start position:0%
Hit save.
 

00:11:58.560 --> 00:11:59.470 align:start position:0%
Hit save.
And<00:11:58.640><c> if</c><00:11:58.720><c> you</c><00:11:58.800><c> want</c><00:11:58.960><c> to</c><00:11:59.000><c> adjust</c><00:11:59.320><c> these</c>

00:11:59.470 --> 00:11:59.480 align:start position:0%
And if you want to adjust these
 

00:11:59.480 --> 00:12:01.630 align:start position:0%
And if you want to adjust these
settings,<00:12:00.280><c> feel</c><00:12:00.480><c> free</c><00:12:00.640><c> to</c><00:12:00.760><c> adjust</c><00:12:01.120><c> these</c><00:12:01.400><c> to</c>

00:12:01.630 --> 00:12:01.640 align:start position:0%
settings, feel free to adjust these to
 

00:12:01.640 --> 00:12:03.830 align:start position:0%
settings, feel free to adjust these to
however<00:12:02.000><c> you</c><00:12:02.120><c> need.</c><00:12:02.600><c> For</c><00:12:02.720><c> example,</c><00:12:03.480><c> changing</c>

00:12:03.830 --> 00:12:03.840 align:start position:0%
however you need. For example, changing
 

00:12:03.840 --> 00:12:06.430 align:start position:0%
however you need. For example, changing
it<00:12:03.920><c> from</c><00:12:04.080><c> four</c><00:12:04.280><c> columns</c><00:12:04.720><c> to</c><00:12:05.160><c> three.</c>

00:12:06.430 --> 00:12:06.440 align:start position:0%
it from four columns to three.
 

00:12:06.440 --> 00:12:08.470 align:start position:0%
it from four columns to three.
And<00:12:06.920><c> I</c><00:12:07.000><c> don't</c><00:12:07.200><c> want</c><00:12:07.360><c> it</c><00:12:07.440><c> shown</c><00:12:07.640><c> as</c><00:12:07.720><c> a</c><00:12:07.760><c> grid</c><00:12:08.000><c> now.</c>

00:12:08.470 --> 00:12:08.480 align:start position:0%
And I don't want it shown as a grid now.
 

00:12:08.480 --> 00:12:13.430 align:start position:0%
And I don't want it shown as a grid now.
I<00:12:08.560><c> want</c><00:12:08.800><c> it</c><00:12:08.920><c> to</c><00:12:09.040><c> show</c><00:12:09.320><c> as</c><00:12:09.520><c> a</c><00:12:09.600><c> carousel.</c>

00:12:13.430 --> 00:12:13.440 align:start position:0%
 
 

00:12:13.440 --> 00:12:14.750 align:start position:0%
 
And<00:12:13.480><c> when</c><00:12:13.600><c> it</c><00:12:13.680><c> comes</c><00:12:13.840><c> to</c><00:12:13.920><c> your</c><00:12:14.080><c> heading,</c><00:12:14.600><c> this</c>

00:12:14.750 --> 00:12:14.760 align:start position:0%
And when it comes to your heading, this
 

00:12:14.760 --> 00:12:17.230 align:start position:0%
And when it comes to your heading, this
is<00:12:14.880><c> your</c><00:12:15.040><c> first</c><00:12:15.640><c> H2</c><00:12:16.280><c> heading,</c><00:12:16.800><c> which</c><00:12:17.040><c> is</c>

00:12:17.230 --> 00:12:17.240 align:start position:0%
is your first H2 heading, which is
 

00:12:17.240 --> 00:12:19.550 align:start position:0%
is your first H2 heading, which is
important<00:12:17.800><c> for</c><00:12:18.080><c> SEO.</c><00:12:18.720><c> So</c><00:12:18.840><c> just</c><00:12:19.080><c> ensure</c><00:12:19.440><c> that</c>

00:12:19.550 --> 00:12:19.560 align:start position:0%
important for SEO. So just ensure that
 

00:12:19.560 --> 00:12:21.630 align:start position:0%
important for SEO. So just ensure that
you've<00:12:19.680><c> done</c><00:12:19.880><c> some</c><00:12:20.040><c> research</c><00:12:20.600><c> into</c><00:12:20.920><c> a</c><00:12:21.080><c> good</c>

00:12:21.630 --> 00:12:21.640 align:start position:0%
you've done some research into a good
 

00:12:21.640 --> 00:12:23.710 align:start position:0%
you've done some research into a good
suitable<00:12:22.440><c> heading</c><00:12:22.800><c> for</c><00:12:22.920><c> your</c><00:12:23.080><c> brand.</c><00:12:23.640><c> And</c>

00:12:23.710 --> 00:12:23.720 align:start position:0%
suitable heading for your brand. And
 

00:12:23.720 --> 00:12:26.030 align:start position:0%
suitable heading for your brand. And
once<00:12:23.880><c> you</c><00:12:24.000><c> found</c><00:12:24.240><c> that,</c><00:12:24.720><c> just</c><00:12:24.920><c> click</c><00:12:25.120><c> into</c><00:12:25.360><c> it</c>

00:12:26.030 --> 00:12:26.040 align:start position:0%
once you found that, just click into it
 

00:12:26.040 --> 00:12:28.270 align:start position:0%
once you found that, just click into it
and<00:12:26.240><c> change</c><00:12:26.600><c> the</c><00:12:26.680><c> font</c><00:12:27.200><c> here,</c><00:12:27.640><c> making</c><00:12:28.000><c> sure</c>

00:12:28.270 --> 00:12:28.280 align:start position:0%
and change the font here, making sure
 

00:12:28.280 --> 00:12:31.030 align:start position:0%
and change the font here, making sure
that<00:12:28.480><c> the</c><00:12:28.600><c> H2</c><00:12:29.480><c> is</c><00:12:29.600><c> still</c><00:12:29.840><c> selected.</c><00:12:30.800><c> Then</c><00:12:30.960><c> we</c>

00:12:31.030 --> 00:12:31.040 align:start position:0%
that the H2 is still selected. Then we
 

00:12:31.040 --> 00:12:33.190 align:start position:0%
that the H2 is still selected. Then we
come<00:12:31.240><c> to</c><00:12:31.320><c> this</c><00:12:31.560><c> rich</c><00:12:31.920><c> text</c><00:12:32.280><c> area.</c><00:12:32.880><c> This</c><00:12:33.040><c> is</c><00:12:33.120><c> a</c>

00:12:33.190 --> 00:12:33.200 align:start position:0%
come to this rich text area. This is a
 

00:12:33.200 --> 00:12:35.190 align:start position:0%
come to this rich text area. This is a
great<00:12:33.480><c> way</c><00:12:33.680><c> to</c><00:12:33.840><c> call</c><00:12:34.080><c> out</c><00:12:34.240><c> your</c><00:12:34.400><c> brand</c><00:12:34.720><c> story</c>

00:12:35.190 --> 00:12:35.200 align:start position:0%
great way to call out your brand story
 

00:12:35.200 --> 00:12:37.590 align:start position:0%
great way to call out your brand story
or<00:12:35.360><c> a</c><00:12:35.400><c> message</c><00:12:35.960><c> along</c><00:12:36.240><c> with</c><00:12:36.400><c> a</c><00:12:36.440><c> CTA.</c><00:12:37.200><c> The</c><00:12:37.320><c> goal</c>

00:12:37.590 --> 00:12:37.600 align:start position:0%
or a message along with a CTA. The goal
 

00:12:37.600 --> 00:12:40.030 align:start position:0%
or a message along with a CTA. The goal
here<00:12:37.880><c> is</c><00:12:38.040><c> to</c><00:12:38.160><c> keep</c><00:12:38.400><c> it</c><00:12:38.520><c> concise</c><00:12:39.160><c> and</c><00:12:39.360><c> clear.</c><00:12:39.880><c> So</c>

00:12:40.030 --> 00:12:40.040 align:start position:0%
here is to keep it concise and clear. So
 

00:12:40.040 --> 00:12:41.430 align:start position:0%
here is to keep it concise and clear. So
we've<00:12:40.200><c> given</c><00:12:40.400><c> you</c><00:12:40.480><c> an</c><00:12:40.520><c> example</c><00:12:40.920><c> here</c><00:12:41.200><c> that</c>

00:12:41.430 --> 00:12:41.440 align:start position:0%
we've given you an example here that
 

00:12:41.440 --> 00:12:43.990 align:start position:0%
we've given you an example here that
it's<00:12:41.680><c> gifting</c><00:12:42.080><c> made</c><00:12:42.360><c> easy.</c><00:12:42.839><c> Brief</c><00:12:43.080><c> sentence</c>

00:12:43.990 --> 00:12:44.000 align:start position:0%
it's gifting made easy. Brief sentence
 

00:12:44.000 --> 00:12:46.310 align:start position:0%
it's gifting made easy. Brief sentence
and<00:12:44.160><c> a</c><00:12:44.320><c> call</c><00:12:44.600><c> to</c><00:12:44.720><c> action</c><00:12:45.360><c> which</c><00:12:45.560><c> goes</c><00:12:45.839><c> to</c><00:12:46.080><c> our</c>

00:12:46.310 --> 00:12:46.320 align:start position:0%
and a call to action which goes to our
 

00:12:46.320 --> 00:12:47.910 align:start position:0%
and a call to action which goes to our
gifts<00:12:46.800><c> collection.</c>

00:12:47.910 --> 00:12:47.920 align:start position:0%
gifts collection.
 

00:12:47.920 --> 00:12:49.390 align:start position:0%
gifts collection.
So<00:12:47.960><c> adjust</c><00:12:48.280><c> these</c><00:12:48.520><c> areas</c><00:12:48.920><c> to</c><00:12:49.080><c> suit</c><00:12:49.280><c> your</c>

00:12:49.390 --> 00:12:49.400 align:start position:0%
So adjust these areas to suit your
 

00:12:49.400 --> 00:12:51.150 align:start position:0%
So adjust these areas to suit your
brand.<00:12:50.000><c> And</c><00:12:50.120><c> again,</c><00:12:50.360><c> the</c><00:12:50.440><c> key</c><00:12:50.680><c> area</c><00:12:51.000><c> is</c><00:12:51.120><c> to</c>

00:12:51.150 --> 00:12:51.160 align:start position:0%
brand. And again, the key area is to
 

00:12:51.160 --> 00:12:53.030 align:start position:0%
brand. And again, the key area is to
make<00:12:51.360><c> sure</c><00:12:51.520><c> that</c><00:12:51.680><c> this</c><00:12:52.000><c> shop</c><00:12:52.280><c> now</c><00:12:52.480><c> button</c><00:12:52.920><c> is</c>

00:12:53.030 --> 00:12:53.040 align:start position:0%
make sure that this shop now button is
 

00:12:53.040 --> 00:12:54.550 align:start position:0%
make sure that this shop now button is
going<00:12:53.240><c> to</c><00:12:53.320><c> the</c><00:12:53.400><c> right</c><00:12:53.600><c> place.</c>

00:12:54.550 --> 00:12:54.560 align:start position:0%
going to the right place.
 

00:12:54.560 --> 00:12:56.550 align:start position:0%
going to the right place.
So<00:12:54.600><c> just</c><00:12:54.800><c> click</c><00:12:55.040><c> into</c><00:12:55.200><c> that</c><00:12:56.000><c> and</c><00:12:56.080><c> then</c><00:12:56.200><c> change</c>

00:12:56.550 --> 00:12:56.560 align:start position:0%
So just click into that and then change
 

00:12:56.560 --> 00:12:59.270 align:start position:0%
So just click into that and then change
this<00:12:56.760><c> link</c><00:12:57.080><c> to</c><00:12:57.200><c> go</c><00:12:57.400><c> to</c><00:12:57.560><c> the</c><00:12:57.680><c> right</c><00:12:58.000><c> collection.</c>

00:12:59.270 --> 00:12:59.280 align:start position:0%
this link to go to the right collection.
 

00:12:59.280 --> 00:13:01.510 align:start position:0%
this link to go to the right collection.
Let's<00:12:59.480><c> say</c><00:13:00.040><c> all</c><00:13:00.200><c> collections.</c><00:13:01.200><c> And</c><00:13:01.320><c> just</c><00:13:01.480><c> a</c>

00:13:01.510 --> 00:13:01.520 align:start position:0%
Let's say all collections. And just a
 

00:13:01.520 --> 00:13:03.510 align:start position:0%
Let's say all collections. And just a
reminder,<00:13:02.480><c> let's</c><00:13:02.680><c> keep</c><00:13:02.920><c> hitting</c><00:13:03.120><c> that</c><00:13:03.280><c> save</c>

00:13:03.510 --> 00:13:03.520 align:start position:0%
reminder, let's keep hitting that save
 

00:13:03.520 --> 00:13:04.870 align:start position:0%
reminder, let's keep hitting that save
button.

00:13:04.870 --> 00:13:04.880 align:start position:0%
button.
 

00:13:04.880 --> 00:13:07.110 align:start position:0%
button.
Then<00:13:05.000><c> we</c><00:13:05.120><c> have</c><00:13:05.320><c> this</c><00:13:05.760><c> secondary</c><00:13:06.800><c> hero</c>

00:13:07.110 --> 00:13:07.120 align:start position:0%
Then we have this secondary hero
 

00:13:07.120 --> 00:13:09.390 align:start position:0%
Then we have this secondary hero
section.<00:13:07.760><c> So</c><00:13:07.880><c> it's</c><00:13:08.000><c> the</c><00:13:08.080><c> same</c><00:13:08.360><c> setup</c><00:13:08.880><c> as</c><00:13:09.040><c> your</c>

00:13:09.390 --> 00:13:09.400 align:start position:0%
section. So it's the same setup as your
 

00:13:09.400 --> 00:13:11.790 align:start position:0%
section. So it's the same setup as your
top<00:13:09.720><c> hero</c><00:13:10.000><c> banner.</c>

00:13:11.790 --> 00:13:11.800 align:start position:0%
top hero banner.
 

00:13:11.800 --> 00:13:13.550 align:start position:0%
top hero banner.
But<00:13:11.839><c> it's</c><00:13:11.920><c> just</c><00:13:12.080><c> another</c><00:13:12.360><c> way</c><00:13:12.640><c> to</c><00:13:12.800><c> call</c><00:13:13.120><c> out</c><00:13:13.400><c> or</c>

00:13:13.550 --> 00:13:13.560 align:start position:0%
But it's just another way to call out or
 

00:13:13.560 --> 00:13:16.150 align:start position:0%
But it's just another way to call out or
feature<00:13:14.240><c> your</c><00:13:14.360><c> promotion,</c><00:13:15.120><c> new</c><00:13:15.280><c> collection,</c>

00:13:16.150 --> 00:13:16.160 align:start position:0%
feature your promotion, new collection,
 

00:13:16.160 --> 00:13:18.550 align:start position:0%
feature your promotion, new collection,
etc.<00:13:16.760><c> So</c><00:13:17.160><c> likewise,</c><00:13:17.880><c> we'll</c><00:13:18.000><c> just</c><00:13:18.120><c> click</c><00:13:18.320><c> into</c>

00:13:18.550 --> 00:13:18.560 align:start position:0%
etc. So likewise, we'll just click into
 

00:13:18.560 --> 00:13:19.590 align:start position:0%
etc. So likewise, we'll just click into
it,

00:13:19.590 --> 00:13:19.600 align:start position:0%
it,
 

00:13:19.600 --> 00:13:22.310 align:start position:0%
it,
choose<00:13:19.800><c> an</c><00:13:19.880><c> image,</c>

00:13:22.310 --> 00:13:22.320 align:start position:0%
 
 

00:13:22.320 --> 00:13:24.430 align:start position:0%
 
and<00:13:22.440><c> again,</c><00:13:22.880><c> just</c><00:13:23.080><c> adjust</c><00:13:23.360><c> these.</c><00:13:24.120><c> We</c><00:13:24.200><c> then</c>

00:13:24.430 --> 00:13:24.440 align:start position:0%
and again, just adjust these. We then
 

00:13:24.440 --> 00:13:26.870 align:start position:0%
and again, just adjust these. We then
come<00:13:24.600><c> to</c><00:13:24.760><c> this</c><00:13:25.120><c> marquee</c><00:13:25.720><c> section.</c><00:13:26.440><c> This</c><00:13:26.640><c> shows</c>

00:13:26.870 --> 00:13:26.880 align:start position:0%
come to this marquee section. This shows
 

00:13:26.880 --> 00:13:28.830 align:start position:0%
come to this marquee section. This shows
some<00:13:27.040><c> scrolling</c><00:13:27.480><c> text.</c><00:13:28.200><c> You</c><00:13:28.320><c> can</c><00:13:28.440><c> adjust</c><00:13:28.760><c> the</c>

00:13:28.830 --> 00:13:28.840 align:start position:0%
some scrolling text. You can adjust the
 

00:13:28.840 --> 00:13:31.550 align:start position:0%
some scrolling text. You can adjust the
speed,<00:13:29.480><c> the</c><00:13:29.560><c> spacing,</c><00:13:30.640><c> and</c><00:13:30.760><c> the</c><00:13:30.840><c> messaging.</c>

00:13:31.550 --> 00:13:31.560 align:start position:0%
speed, the spacing, and the messaging.
 

00:13:31.560 --> 00:13:32.630 align:start position:0%
speed, the spacing, and the messaging.
At<00:13:31.640><c> the</c><00:13:31.720><c> moment,</c><00:13:32.040><c> we're</c><00:13:32.120><c> just</c><00:13:32.280><c> showing</c><00:13:32.520><c> the</c>

00:13:32.630 --> 00:13:32.640 align:start position:0%
At the moment, we're just showing the
 

00:13:32.640 --> 00:13:34.910 align:start position:0%
At the moment, we're just showing the
one<00:13:32.840><c> message,</c><00:13:33.480><c> but</c><00:13:33.560><c> you</c><00:13:33.640><c> can</c><00:13:33.880><c> add</c><00:13:34.080><c> multiple.</c>

00:13:34.910 --> 00:13:34.920 align:start position:0%
one message, but you can add multiple.
 

00:13:34.920 --> 00:13:36.990 align:start position:0%
one message, but you can add multiple.
And<00:13:35.080><c> to</c><00:13:35.160><c> do</c><00:13:35.280><c> that,</c><00:13:35.840><c> we</c><00:13:35.960><c> can</c><00:13:36.080><c> just</c>

00:13:36.990 --> 00:13:37.000 align:start position:0%
And to do that, we can just
 

00:13:37.000 --> 00:13:38.750 align:start position:0%
And to do that, we can just
click<00:13:37.160><c> on</c><00:13:37.240><c> the</c><00:13:37.320><c> left-hand</c><00:13:37.640><c> side</c><00:13:37.880><c> here,</c>

00:13:38.750 --> 00:13:38.760 align:start position:0%
click on the left-hand side here,
 

00:13:38.760 --> 00:13:41.350 align:start position:0%
click on the left-hand side here,
right<00:13:39.000><c> click,</c><00:13:39.600><c> and</c><00:13:39.720><c> then</c><00:13:40.080><c> duplicate.</c><00:13:41.240><c> And</c><00:13:41.280><c> we</c>

00:13:41.350 --> 00:13:41.360 align:start position:0%
right click, and then duplicate. And we
 

00:13:41.360 --> 00:13:42.550 align:start position:0%
right click, and then duplicate. And we
can<00:13:41.480><c> change</c><00:13:41.680><c> this</c><00:13:41.800><c> one</c><00:13:41.960><c> to</c><00:13:42.040><c> say</c><00:13:42.240><c> something</c>

00:13:42.550 --> 00:13:42.560 align:start position:0%
can change this one to say something
 

00:13:42.560 --> 00:13:45.350 align:start position:0%
can change this one to say something
else.

00:13:45.350 --> 00:13:45.360 align:start position:0%
 
 

00:13:45.360 --> 00:13:47.030 align:start position:0%
 
Then<00:13:45.480><c> we</c><00:13:45.600><c> have</c><00:13:45.720><c> this</c><00:13:46.000><c> secondary</c><00:13:46.680><c> review</c>

00:13:47.030 --> 00:13:47.040 align:start position:0%
Then we have this secondary review
 

00:13:47.040 --> 00:13:48.750 align:start position:0%
Then we have this secondary review
section.<00:13:47.840><c> So,</c><00:13:47.960><c> this</c><00:13:48.120><c> is</c><00:13:48.240><c> also</c><00:13:48.480><c> using</c>

00:13:48.750 --> 00:13:48.760 align:start position:0%
section. So, this is also using
 

00:13:48.760 --> 00:13:50.470 align:start position:0%
section. So, this is also using
Judge.me,<00:13:49.400><c> but</c><00:13:49.640><c> it</c><00:13:49.760><c> is</c><00:13:49.880><c> going</c><00:13:50.120><c> into</c><00:13:50.240><c> a</c><00:13:50.280><c> little</c>

00:13:50.470 --> 00:13:50.480 align:start position:0%
Judge.me, but it is going into a little
 

00:13:50.480 --> 00:13:52.710 align:start position:0%
Judge.me, but it is going into a little
bit<00:13:50.600><c> more</c><00:13:50.760><c> detail</c><00:13:51.440><c> with</c><00:13:51.600><c> some</c><00:13:51.800><c> recent</c><00:13:52.160><c> reviews</c>

00:13:52.710 --> 00:13:52.720 align:start position:0%
bit more detail with some recent reviews
 

00:13:52.720 --> 00:13:54.870 align:start position:0%
bit more detail with some recent reviews
in<00:13:52.920><c> card</c><00:13:53.360><c> format.</c><00:13:54.120><c> So,</c><00:13:54.240><c> if</c><00:13:54.400><c> you</c><00:13:54.520><c> already</c><00:13:54.760><c> on</c>

00:13:54.870 --> 00:13:54.880 align:start position:0%
in card format. So, if you already on
 

00:13:54.880 --> 00:13:56.190 align:start position:0%
in card format. So, if you already on
Judge.me,<00:13:55.440><c> this</c><00:13:55.640><c> will</c><00:13:55.760><c> link</c><00:13:56.000><c> up</c>

00:13:56.190 --> 00:13:56.200 align:start position:0%
Judge.me, this will link up
 

00:13:56.200 --> 00:13:57.830 align:start position:0%
Judge.me, this will link up
automatically.<00:13:57.120><c> But</c><00:13:57.320><c> as</c><00:13:57.440><c> I</c><00:13:57.480><c> mentioned</c>

00:13:57.830 --> 00:13:57.840 align:start position:0%
automatically. But as I mentioned
 

00:13:57.840 --> 00:13:59.390 align:start position:0%
automatically. But as I mentioned
earlier,<00:13:58.360><c> you</c><00:13:58.480><c> may</c><00:13:58.600><c> just</c><00:13:58.760><c> need</c><00:13:58.880><c> to</c><00:13:59.000><c> change</c><00:13:59.280><c> it</c>

00:13:59.390 --> 00:13:59.400 align:start position:0%
earlier, you may just need to change it
 

00:13:59.400 --> 00:14:02.030 align:start position:0%
earlier, you may just need to change it
to<00:13:59.480><c> your</c><00:13:59.680><c> current</c><00:14:00.120><c> provider,</c><00:14:00.840><c> or</c><00:14:01.320><c> just</c><00:14:01.840><c> hover</c>

00:14:02.030 --> 00:14:02.040 align:start position:0%
to your current provider, or just hover
 

00:14:02.040 --> 00:14:04.270 align:start position:0%
to your current provider, or just hover
over<00:14:02.200><c> the</c><00:14:02.280><c> section,</c><00:14:02.920><c> click</c><00:14:03.120><c> on</c><00:14:03.240><c> the</c><00:14:03.480><c> I</c><00:14:03.720><c> icon,</c>

00:14:04.270 --> 00:14:04.280 align:start position:0%
over the section, click on the I icon,
 

00:14:04.280 --> 00:14:06.310 align:start position:0%
over the section, click on the I icon,
and<00:14:04.600><c> hide</c><00:14:04.880><c> it</c><00:14:05.080><c> if</c><00:14:05.240><c> you</c><00:14:05.280><c> don't</c><00:14:05.480><c> want</c><00:14:05.640><c> it.</c><00:14:06.120><c> Then</c>

00:14:06.310 --> 00:14:06.320 align:start position:0%
and hide it if you don't want it. Then
 

00:14:06.320 --> 00:14:08.830 align:start position:0%
and hide it if you don't want it. Then
we<00:14:06.480><c> have</c><00:14:06.720><c> this</c><00:14:07.080><c> featured</c><00:14:07.720><c> products</c><00:14:08.200><c> section.</c>

00:14:08.830 --> 00:14:08.840 align:start position:0%
we have this featured products section.
 

00:14:08.840 --> 00:14:10.150 align:start position:0%
we have this featured products section.
So,<00:14:08.920><c> this</c><00:14:09.080><c> is</c><00:14:09.200><c> a</c><00:14:09.280><c> great</c><00:14:09.480><c> way</c><00:14:09.640><c> to</c><00:14:09.800><c> feature</c><00:14:10.120><c> a</c>

00:14:10.150 --> 00:14:10.160 align:start position:0%
So, this is a great way to feature a
 

00:14:10.160 --> 00:14:11.710 align:start position:0%
So, this is a great way to feature a
specific<00:14:10.680><c> collection.</c><00:14:11.200><c> Just</c><00:14:11.360><c> note</c><00:14:11.520><c> that</c><00:14:11.640><c> you</c>

00:14:11.710 --> 00:14:11.720 align:start position:0%
specific collection. Just note that you
 

00:14:11.720 --> 00:14:13.510 align:start position:0%
specific collection. Just note that you
can't<00:14:12.120><c> pick</c><00:14:12.440><c> products</c><00:14:12.840><c> from</c><00:14:13.240><c> different</c>

00:14:13.510 --> 00:14:13.520 align:start position:0%
can't pick products from different
 

00:14:13.520 --> 00:14:16.230 align:start position:0%
can't pick products from different
collections.<00:14:14.440><c> This</c><00:14:14.600><c> only</c><00:14:14.840><c> works</c><00:14:15.360><c> using</c><00:14:15.880><c> one</c>

00:14:16.230 --> 00:14:16.240 align:start position:0%
collections. This only works using one
 

00:14:16.240 --> 00:14:17.630 align:start position:0%
collections. This only works using one
collection.<00:14:16.920><c> So,</c><00:14:17.000><c> you</c><00:14:17.080><c> can</c><00:14:17.200><c> see</c><00:14:17.360><c> here</c><00:14:17.480><c> on</c><00:14:17.560><c> the</c>

00:14:17.630 --> 00:14:17.640 align:start position:0%
collection. So, you can see here on the
 

00:14:17.640 --> 00:14:20.110 align:start position:0%
collection. So, you can see here on the
left<00:14:17.880><c> that</c><00:14:18.000><c> we</c><00:14:18.160><c> chose</c><00:14:18.840><c> best</c><00:14:19.080><c> sellers.</c><00:14:19.760><c> But</c><00:14:20.000><c> if</c>

00:14:20.110 --> 00:14:20.120 align:start position:0%
left that we chose best sellers. But if
 

00:14:20.120 --> 00:14:21.870 align:start position:0%
left that we chose best sellers. But if
we<00:14:20.200><c> want</c><00:14:20.360><c> to</c><00:14:20.440><c> change</c><00:14:20.680><c> that,</c><00:14:21.040><c> let's</c><00:14:21.240><c> just</c>

00:14:21.870 --> 00:14:21.880 align:start position:0%
we want to change that, let's just
 

00:14:21.880 --> 00:14:24.590 align:start position:0%
we want to change that, let's just
replace,

00:14:24.590 --> 00:14:24.600 align:start position:0%
 
 

00:14:24.600 --> 00:14:26.790 align:start position:0%
 
and<00:14:24.640><c> then</c><00:14:24.800><c> pick</c><00:14:25.320><c> front</c><00:14:25.560><c> page.</c>

00:14:26.790 --> 00:14:26.800 align:start position:0%
and then pick front page.
 

00:14:26.800 --> 00:14:28.150 align:start position:0%
and then pick front page.
And<00:14:26.840><c> when</c><00:14:26.960><c> it</c><00:14:27.040><c> comes</c><00:14:27.240><c> to</c><00:14:27.280><c> the</c><00:14:27.400><c> title,</c><00:14:28.040><c> you'll</c>

00:14:28.150 --> 00:14:28.160 align:start position:0%
And when it comes to the title, you'll
 

00:14:28.160 --> 00:14:29.990 align:start position:0%
And when it comes to the title, you'll
see<00:14:28.320><c> that</c><00:14:28.440><c> it</c><00:14:28.520><c> is</c><00:14:28.640><c> called</c><00:14:29.080><c> front</c><00:14:29.320><c> page,</c><00:14:29.800><c> which</c>

00:14:29.990 --> 00:14:30.000 align:start position:0%
see that it is called front page, which
 

00:14:30.000 --> 00:14:31.670 align:start position:0%
see that it is called front page, which
is<00:14:30.120><c> the</c><00:14:30.200><c> same</c><00:14:30.680><c> as</c><00:14:30.920><c> what</c><00:14:31.120><c> the</c><00:14:31.200><c> collection</c><00:14:31.560><c> is</c>

00:14:31.670 --> 00:14:31.680 align:start position:0%
is the same as what the collection is
 

00:14:31.680 --> 00:14:32.630 align:start position:0%
is the same as what the collection is
called.

00:14:32.630 --> 00:14:32.640 align:start position:0%
called.
 

00:14:32.640 --> 00:14:34.470 align:start position:0%
called.
That<00:14:32.760><c> is</c><00:14:32.880><c> because</c><00:14:33.520><c> if</c><00:14:33.600><c> you</c><00:14:33.720><c> click</c><00:14:33.920><c> into</c><00:14:34.200><c> the</c>

00:14:34.470 --> 00:14:34.480 align:start position:0%
That is because if you click into the
 

00:14:34.480 --> 00:14:36.510 align:start position:0%
That is because if you click into the
collection<00:14:35.200><c> title,</c><00:14:35.920><c> you'll</c><00:14:36.080><c> see</c><00:14:36.320><c> there</c><00:14:36.440><c> is</c>

00:14:36.510 --> 00:14:36.520 align:start position:0%
collection title, you'll see there is
 

00:14:36.520 --> 00:14:39.430 align:start position:0%
collection title, you'll see there is
this<00:14:36.800><c> blue</c><00:14:37.480><c> field</c><00:14:37.880><c> here.</c><00:14:38.560><c> This</c><00:14:38.839><c> is</c><00:14:39.040><c> a</c><00:14:39.080><c> meta</c>

00:14:39.430 --> 00:14:39.440 align:start position:0%
this blue field here. This is a meta
 

00:14:39.440 --> 00:14:41.430 align:start position:0%
this blue field here. This is a meta
field.<00:14:39.960><c> So,</c><00:14:40.040><c> it'll</c><00:14:40.160><c> basically</c><00:14:40.480><c> just</c><00:14:40.680><c> say,</c>

00:14:41.430 --> 00:14:41.440 align:start position:0%
field. So, it'll basically just say,
 

00:14:41.440 --> 00:14:42.950 align:start position:0%
field. So, it'll basically just say,
"Whatever<00:14:41.760><c> the</c><00:14:41.839><c> collection</c><00:14:42.200><c> is</c><00:14:42.280><c> called,</c><00:14:42.880><c> I</c>

00:14:42.950 --> 00:14:42.960 align:start position:0%
"Whatever the collection is called, I
 

00:14:42.960 --> 00:14:44.950 align:start position:0%
"Whatever the collection is called, I
will<00:14:43.080><c> just</c><00:14:43.240><c> pull</c><00:14:43.440><c> through</c><00:14:43.640><c> that</c><00:14:44.080><c> as</c><00:14:44.280><c> a</c><00:14:44.440><c> title."</c>

00:14:44.950 --> 00:14:44.960 align:start position:0%
will just pull through that as a title."
 

00:14:44.960 --> 00:14:46.750 align:start position:0%
will just pull through that as a title."
If<00:14:45.120><c> you'd</c><00:14:45.280><c> rather</c><00:14:45.560><c> rename</c><00:14:45.960><c> this,</c><00:14:46.480><c> you</c><00:14:46.600><c> can</c>

00:14:46.750 --> 00:14:46.760 align:start position:0%
If you'd rather rename this, you can
 

00:14:46.760 --> 00:14:50.310 align:start position:0%
If you'd rather rename this, you can
just<00:14:47.480><c> type</c><00:14:48.040><c> whatever</c><00:14:48.320><c> you</c><00:14:48.440><c> want</c><00:14:48.920><c> it</c><00:14:49.000><c> to</c><00:14:49.080><c> be,</c>

00:14:50.310 --> 00:14:50.320 align:start position:0%
just type whatever you want it to be,
 

00:14:50.320 --> 00:14:52.390 align:start position:0%
just type whatever you want it to be,
and<00:14:50.400><c> then</c><00:14:50.600><c> just</c><00:14:50.760><c> click</c><00:14:51.000><c> into</c><00:14:51.160><c> that</c><00:14:51.800><c> and</c><00:14:52.040><c> remove</c>

00:14:52.390 --> 00:14:52.400 align:start position:0%
and then just click into that and remove
 

00:14:52.400 --> 00:14:54.750 align:start position:0%
and then just click into that and remove
dynamic<00:14:52.800><c> source.</c><00:14:53.360><c> Just</c><00:14:53.600><c> make</c><00:14:53.839><c> sure</c><00:14:54.320><c> that</c><00:14:54.440><c> this</c>

00:14:54.750 --> 00:14:54.760 align:start position:0%
dynamic source. Just make sure that this
 

00:14:54.760 --> 00:14:58.750 align:start position:0%
dynamic source. Just make sure that this
is<00:14:54.960><c> saved</c><00:14:55.280><c> as</c><00:14:55.400><c> a</c><00:14:55.480><c> H2,</c><00:14:56.320><c> then</c><00:14:56.480><c> hit</c><00:14:56.640><c> save.</c>

00:14:58.750 --> 00:14:58.760 align:start position:0%
is saved as a H2, then hit save.
 

00:14:58.760 --> 00:15:00.790 align:start position:0%
is saved as a H2, then hit save.
And<00:14:58.839><c> then</c><00:14:59.080><c> here,</c><00:14:59.520><c> we've</c><00:14:59.720><c> got</c><00:14:59.839><c> a</c><00:14:59.920><c> couple</c><00:15:00.520><c> of</c>

00:15:00.790 --> 00:15:00.800 align:start position:0%
And then here, we've got a couple of
 

00:15:00.800 --> 00:15:02.750 align:start position:0%
And then here, we've got a couple of
image<00:15:01.240><c> and</c><00:15:01.400><c> text</c><00:15:01.640><c> sections</c><00:15:02.320><c> along</c><00:15:02.600><c> with</c>

00:15:02.750 --> 00:15:02.760 align:start position:0%
image and text sections along with
 

00:15:02.760 --> 00:15:05.390 align:start position:0%
image and text sections along with
another<00:15:03.400><c> rich</c><00:15:03.680><c> text</c><00:15:03.960><c> area.</c><00:15:04.520><c> And</c><00:15:04.680><c> on</c><00:15:04.800><c> mobile,</c>

00:15:05.390 --> 00:15:05.400 align:start position:0%
another rich text area. And on mobile,
 

00:15:05.400 --> 00:15:08.270 align:start position:0%
another rich text area. And on mobile,
these<00:15:05.600><c> look</c><00:15:05.760><c> great</c><00:15:06.040><c> because</c><00:15:06.480><c> they</c><00:15:06.880><c> stack</c>

00:15:08.270 --> 00:15:08.280 align:start position:0%
these look great because they stack
 

00:15:08.280 --> 00:15:10.310 align:start position:0%
these look great because they stack
image,<00:15:09.040><c> text,</c>

00:15:10.310 --> 00:15:10.320 align:start position:0%
image, text,
 

00:15:10.320 --> 00:15:13.190 align:start position:0%
image, text,
image,<00:15:10.720><c> text,</c><00:15:11.560><c> even</c><00:15:11.839><c> though</c><00:15:12.160><c> on</c><00:15:12.400><c> desktop,</c>

00:15:13.190 --> 00:15:13.200 align:start position:0%
image, text, even though on desktop,
 

00:15:13.200 --> 00:15:15.710 align:start position:0%
image, text, even though on desktop,
they<00:15:13.440><c> are</c><00:15:13.960><c> alternating.</c>

00:15:15.710 --> 00:15:15.720 align:start position:0%
they are alternating.
 

00:15:15.720 --> 00:15:17.190 align:start position:0%
they are alternating.
So,<00:15:15.800><c> if</c><00:15:15.920><c> you're</c><00:15:16.120><c> both</c><00:15:16.400><c> these</c><00:15:16.560><c> sections,</c>

00:15:17.190 --> 00:15:17.200 align:start position:0%
So, if you're both these sections,
 

00:15:17.200 --> 00:15:19.590 align:start position:0%
So, if you're both these sections,
you're<00:15:17.320><c> just</c><00:15:17.800><c> pick</c><00:15:18.000><c> an</c><00:15:18.120><c> image</c><00:15:18.800><c> and</c><00:15:18.920><c> adjust</c>

00:15:19.590 --> 00:15:19.600 align:start position:0%
you're just pick an image and adjust
 

00:15:19.600 --> 00:15:22.110 align:start position:0%
you're just pick an image and adjust
like<00:15:19.800><c> we</c><00:15:19.880><c> have</c><00:15:20.000><c> before</c><00:15:20.560><c> the</c><00:15:20.680><c> content.</c><00:15:21.640><c> And</c><00:15:22.000><c> for</c>

00:15:22.110 --> 00:15:22.120 align:start position:0%
like we have before the content. And for
 

00:15:22.120 --> 00:15:23.950 align:start position:0%
like we have before the content. And for
this<00:15:22.400><c> rich</c><00:15:22.640><c> text</c><00:15:22.960><c> area,</c><00:15:23.360><c> you</c><00:15:23.480><c> can</c><00:15:23.600><c> just</c><00:15:23.760><c> click</c>

00:15:23.950 --> 00:15:23.960 align:start position:0%
this rich text area, you can just click
 

00:15:23.960 --> 00:15:26.270 align:start position:0%
this rich text area, you can just click
into<00:15:24.240><c> it,</c><00:15:24.600><c> adjust</c><00:15:24.880><c> the</c><00:15:24.960><c> content</c><00:15:25.400><c> here,</c>

00:15:26.270 --> 00:15:26.280 align:start position:0%
into it, adjust the content here,
 

00:15:26.280 --> 00:15:29.430 align:start position:0%
into it, adjust the content here,
and<00:15:26.400><c> save.</c><00:15:27.080><c> Or,</c><00:15:27.880><c> as</c><00:15:28.040><c> mentioned,</c><00:15:28.800><c> just</c><00:15:29.160><c> hide</c>

00:15:29.430 --> 00:15:29.440 align:start position:0%
and save. Or, as mentioned, just hide
 

00:15:29.440 --> 00:15:33.430 align:start position:0%
and save. Or, as mentioned, just hide
the<00:15:29.520><c> quote</c><00:15:29.800><c> if</c><00:15:29.920><c> you</c><00:15:29.960><c> don't</c><00:15:30.120><c> want</c><00:15:30.320><c> it.</c>

00:15:33.430 --> 00:15:33.440 align:start position:0%
 
 

00:15:33.440 --> 00:15:35.590 align:start position:0%
 
Then<00:15:33.560><c> we</c><00:15:33.640><c> come</c><00:15:33.800><c> to</c><00:15:33.880><c> this</c><00:15:34.080><c> blog</c><00:15:34.400><c> post</c><00:15:34.720><c> section.</c>

00:15:35.590 --> 00:15:35.600 align:start position:0%
Then we come to this blog post section.
 

00:15:35.600 --> 00:15:37.750 align:start position:0%
Then we come to this blog post section.
Now,<00:15:35.800><c> a</c><00:15:35.840><c> blog</c><00:15:36.320><c> is</c><00:15:36.440><c> great</c><00:15:36.680><c> for</c><00:15:36.800><c> SEO.</c><00:15:37.480><c> It's</c><00:15:37.600><c> a</c><00:15:37.640><c> way</c>

00:15:37.750 --> 00:15:37.760 align:start position:0%
Now, a blog is great for SEO. It's a way
 

00:15:37.760 --> 00:15:39.470 align:start position:0%
Now, a blog is great for SEO. It's a way
of<00:15:37.880><c> finding</c><00:15:38.160><c> new</c><00:15:38.320><c> traffic</c><00:15:38.760><c> to</c><00:15:38.840><c> your</c><00:15:38.960><c> store</c>

00:15:39.470 --> 00:15:39.480 align:start position:0%
of finding new traffic to your store
 

00:15:39.480 --> 00:15:41.070 align:start position:0%
of finding new traffic to your store
that<00:15:39.600><c> may</c><00:15:39.760><c> not</c><00:15:39.920><c> have</c><00:15:40.000><c> heard</c><00:15:40.160><c> of</c><00:15:40.280><c> you</c><00:15:40.360><c> yet.</c><00:15:40.960><c> They</c>

00:15:41.070 --> 00:15:41.080 align:start position:0%
that may not have heard of you yet. They
 

00:15:41.080 --> 00:15:43.350 align:start position:0%
that may not have heard of you yet. They
could<00:15:41.240><c> be</c><00:15:41.360><c> searching</c><00:15:41.800><c> for</c><00:15:42.440><c> how</c><00:15:42.640><c> to</c><00:15:42.800><c> care</c><00:15:43.200><c> for</c>

00:15:43.350 --> 00:15:43.360 align:start position:0%
could be searching for how to care for
 

00:15:43.360 --> 00:15:45.470 align:start position:0%
could be searching for how to care for
your<00:15:43.720><c> jewelry,</c><00:15:44.200><c> for</c><00:15:44.320><c> example.</c><00:15:45.200><c> They</c><00:15:45.280><c> come</c>

00:15:45.470 --> 00:15:45.480 align:start position:0%
your jewelry, for example. They come
 

00:15:45.480 --> 00:15:47.190 align:start position:0%
your jewelry, for example. They come
onto<00:15:45.680><c> your</c><00:15:45.800><c> post,</c><00:15:46.360><c> and</c><00:15:46.480><c> then</c><00:15:46.640><c> start</c><00:15:46.880><c> clicking</c>

00:15:47.190 --> 00:15:47.200 align:start position:0%
onto your post, and then start clicking
 

00:15:47.200 --> 00:15:49.070 align:start position:0%
onto your post, and then start clicking
through<00:15:47.480><c> your</c><00:15:47.680><c> website,</c><00:15:48.480><c> and</c><00:15:48.840><c> you</c><00:15:48.880><c> never</c>

00:15:49.070 --> 00:15:49.080 align:start position:0%
through your website, and you never
 

00:15:49.080 --> 00:15:50.870 align:start position:0%
through your website, and you never
know,<00:15:49.480><c> might</c><00:15:49.720><c> sign</c><00:15:49.920><c> up</c><00:15:50.040><c> to</c><00:15:50.160><c> your</c><00:15:50.240><c> emails,</c><00:15:50.760><c> or</c>

00:15:50.870 --> 00:15:50.880 align:start position:0%
know, might sign up to your emails, or
 

00:15:50.880 --> 00:15:52.470 align:start position:0%
know, might sign up to your emails, or
even<00:15:51.120><c> purchase</c><00:15:51.480><c> one</c><00:15:51.600><c> of</c><00:15:51.640><c> your</c><00:15:51.760><c> products.</c><00:15:52.360><c> And</c>

00:15:52.470 --> 00:15:52.480 align:start position:0%
even purchase one of your products. And
 

00:15:52.480 --> 00:15:53.710 align:start position:0%
even purchase one of your products. And
if<00:15:52.600><c> you've</c><00:15:52.720><c> already</c><00:15:52.920><c> got</c><00:15:53.120><c> some</c><00:15:53.240><c> blog</c><00:15:53.440><c> posts</c>

00:15:53.710 --> 00:15:53.720 align:start position:0%
if you've already got some blog posts
 

00:15:53.720 --> 00:15:55.470 align:start position:0%
if you've already got some blog posts
live,<00:15:54.360><c> we</c><00:15:54.440><c> can</c><00:15:54.560><c> just</c><00:15:54.720><c> click</c><00:15:54.920><c> into</c><00:15:55.080><c> this</c><00:15:55.240><c> blog</c>

00:15:55.470 --> 00:15:55.480 align:start position:0%
live, we can just click into this blog
 

00:15:55.480 --> 00:15:57.510 align:start position:0%
live, we can just click into this blog
section,<00:15:56.040><c> and</c><00:15:56.120><c> then</c><00:15:56.600><c> on</c><00:15:56.680><c> the</c><00:15:56.720><c> left-hand</c><00:15:57.080><c> side,</c>

00:15:57.510 --> 00:15:57.520 align:start position:0%
section, and then on the left-hand side,
 

00:15:57.520 --> 00:16:00.110 align:start position:0%
section, and then on the left-hand side,
choose<00:15:58.320><c> a</c><00:15:58.440><c> blog.</c><00:15:58.880><c> So,</c><00:15:59.000><c> we'll</c><00:15:59.160><c> click</c><00:15:59.400><c> replace,</c>

00:16:00.110 --> 00:16:00.120 align:start position:0%
choose a blog. So, we'll click replace,
 

00:16:00.120 --> 00:16:01.950 align:start position:0%
choose a blog. So, we'll click replace,
and<00:16:00.240><c> my</c><00:16:00.480><c> one</c><00:16:00.640><c> on</c><00:16:00.720><c> this</c><00:16:00.880><c> test</c><00:16:01.160><c> theme</c><00:16:01.520><c> is</c><00:16:01.680><c> called</c>

00:16:01.950 --> 00:16:01.960 align:start position:0%
and my one on this test theme is called
 

00:16:01.960 --> 00:16:03.910 align:start position:0%
and my one on this test theme is called
news.

00:16:03.910 --> 00:16:03.920 align:start position:0%
news.
 

00:16:03.920 --> 00:16:05.190 align:start position:0%
news.
And<00:16:04.000><c> then</c><00:16:04.120><c> we'll</c><00:16:04.240><c> see</c><00:16:04.680><c> it's</c><00:16:04.840><c> pulled</c><00:16:05.040><c> through</c>

00:16:05.190 --> 00:16:05.200 align:start position:0%
And then we'll see it's pulled through
 

00:16:05.200 --> 00:16:07.070 align:start position:0%
And then we'll see it's pulled through
my<00:16:05.360><c> articles</c><00:16:05.880><c> there.</c><00:16:06.480><c> And</c><00:16:06.600><c> as</c><00:16:06.720><c> I</c><00:16:06.760><c> mentioned</c>

00:16:07.070 --> 00:16:07.080 align:start position:0%
my articles there. And as I mentioned
 

00:16:07.080 --> 00:16:08.870 align:start position:0%
my articles there. And as I mentioned
earlier,<00:16:07.440><c> this</c><00:16:07.640><c> title</c><00:16:08.120><c> is</c><00:16:08.360><c> pulling</c><00:16:08.640><c> through</c>

00:16:08.870 --> 00:16:08.880 align:start position:0%
earlier, this title is pulling through
 

00:16:08.880 --> 00:16:11.950 align:start position:0%
earlier, this title is pulling through
the<00:16:09.200><c> blog</c><00:16:09.480><c> title.</c><00:16:10.400><c> So,</c><00:16:10.760><c> it</c><00:16:10.880><c> is</c><00:16:11.000><c> dynamic,</c><00:16:11.840><c> but</c>

00:16:11.950 --> 00:16:11.960 align:start position:0%
the blog title. So, it is dynamic, but
 

00:16:11.960 --> 00:16:13.350 align:start position:0%
the blog title. So, it is dynamic, but
if<00:16:12.040><c> you</c><00:16:12.120><c> want</c><00:16:12.280><c> to</c><00:16:12.320><c> change</c><00:16:12.600><c> it,</c><00:16:12.920><c> feel</c><00:16:13.080><c> free</c><00:16:13.240><c> to</c>

00:16:13.350 --> 00:16:13.360 align:start position:0%
if you want to change it, feel free to
 

00:16:13.360 --> 00:16:15.270 align:start position:0%
if you want to change it, feel free to
go<00:16:13.520><c> in</c><00:16:13.760><c> and</c><00:16:13.880><c> adjust.</c><00:16:14.520><c> Then</c><00:16:14.680><c> we</c><00:16:14.760><c> come</c><00:16:14.960><c> to</c><00:16:15.040><c> this</c>

00:16:15.270 --> 00:16:15.280 align:start position:0%
go in and adjust. Then we come to this
 

00:16:15.280 --> 00:16:17.350 align:start position:0%
go in and adjust. Then we come to this
footer<00:16:15.560><c> section.</c><00:16:16.320><c> So,</c><00:16:16.520><c> from</c><00:16:16.800><c> this</c><00:16:17.080><c> email</c>

00:16:17.350 --> 00:16:17.360 align:start position:0%
footer section. So, from this email
 

00:16:17.360 --> 00:16:20.190 align:start position:0%
footer section. So, from this email
newsletter<00:16:18.080><c> down,</c><00:16:18.680><c> all</c><00:16:18.840><c> these</c><00:16:19.080><c> areas,</c><00:16:19.800><c> these</c>

00:16:20.190 --> 00:16:20.200 align:start position:0%
newsletter down, all these areas, these
 

00:16:20.200 --> 00:16:22.150 align:start position:0%
newsletter down, all these areas, these
are<00:16:20.360><c> shown</c><00:16:20.840><c> on</c><00:16:21.160><c> all</c><00:16:21.360><c> pages</c><00:16:21.760><c> across</c><00:16:22.080><c> your</c>

00:16:22.150 --> 00:16:22.160 align:start position:0%
are shown on all pages across your
 

00:16:22.160 --> 00:16:24.670 align:start position:0%
are shown on all pages across your
entire<00:16:22.520><c> site.</c><00:16:23.080><c> The</c><00:16:23.160><c> benefit</c><00:16:23.600><c> of</c><00:16:23.720><c> doing</c><00:16:24.000><c> this</c>

00:16:24.670 --> 00:16:24.680 align:start position:0%
entire site. The benefit of doing this
 

00:16:24.680 --> 00:16:26.750 align:start position:0%
entire site. The benefit of doing this
is<00:16:25.440><c> you</c><00:16:25.600><c> only</c><00:16:25.800><c> have</c><00:16:25.960><c> to</c><00:16:26.080><c> edit</c><00:16:26.320><c> it</c><00:16:26.440><c> in</c><00:16:26.560><c> one</c>

00:16:26.750 --> 00:16:26.760 align:start position:0%
is you only have to edit it in one
 

00:16:26.760 --> 00:16:28.510 align:start position:0%
is you only have to edit it in one
place.<00:16:27.440><c> So,</c><00:16:27.640><c> all</c><00:16:27.800><c> these</c><00:16:28.000><c> sections</c><00:16:28.400><c> we've</c>

00:16:28.510 --> 00:16:28.520 align:start position:0%
place. So, all these sections we've
 

00:16:28.520 --> 00:16:30.430 align:start position:0%
place. So, all these sections we've
already<00:16:28.720><c> done</c><00:16:29.240><c> is</c><00:16:29.400><c> just</c><00:16:29.680><c> unique</c><00:16:30.240><c> to</c><00:16:30.360><c> the</c>

00:16:30.430 --> 00:16:30.440 align:start position:0%
already done is just unique to the
 

00:16:30.440 --> 00:16:32.829 align:start position:0%
already done is just unique to the
homepage<00:16:31.040><c> template.</c><00:16:31.800><c> Footer</c><00:16:32.200><c> is</c><00:16:32.400><c> the</c><00:16:32.480><c> same</c>

00:16:32.829 --> 00:16:32.839 align:start position:0%
homepage template. Footer is the same
 

00:16:32.839 --> 00:16:34.910 align:start position:0%
homepage template. Footer is the same
across<00:16:33.240><c> everything.</c><00:16:34.040><c> So,</c><00:16:34.120><c> the</c><00:16:34.240><c> first</c><00:16:34.520><c> section</c>

00:16:34.910 --> 00:16:34.920 align:start position:0%
across everything. So, the first section
 

00:16:34.920 --> 00:16:36.950 align:start position:0%
across everything. So, the first section
we're<00:16:35.080><c> featuring</c><00:16:35.600><c> is</c><00:16:35.800><c> this</c><00:16:36.080><c> newsletter</c><00:16:36.640><c> sign</c>

00:16:36.950 --> 00:16:36.960 align:start position:0%
we're featuring is this newsletter sign
 

00:16:36.960 --> 00:16:38.670 align:start position:0%
we're featuring is this newsletter sign
up.<00:16:37.320><c> This</c><00:16:37.480><c> is</c><00:16:37.560><c> a</c><00:16:37.640><c> great</c><00:16:37.920><c> way</c><00:16:38.080><c> to</c><00:16:38.240><c> capture</c>

00:16:38.670 --> 00:16:38.680 align:start position:0%
up. This is a great way to capture
 

00:16:38.680 --> 00:16:40.590 align:start position:0%
up. This is a great way to capture
emails,<00:16:39.440><c> and</c><00:16:39.600><c> offer</c><00:16:39.800><c> incentives</c><00:16:40.440><c> if</c>

00:16:40.590 --> 00:16:40.600 align:start position:0%
emails, and offer incentives if
 

00:16:40.600 --> 00:16:43.230 align:start position:0%
emails, and offer incentives if
possible.<00:16:41.480><c> For</c><00:16:41.600><c> example,</c><00:16:42.320><c> get</c><00:16:42.560><c> 10%</c><00:16:42.960><c> off</c><00:16:43.120><c> your</c>

00:16:43.230 --> 00:16:43.240 align:start position:0%
possible. For example, get 10% off your
 

00:16:43.240 --> 00:16:45.390 align:start position:0%
possible. For example, get 10% off your
first<00:16:43.520><c> order.</c><00:16:44.080><c> If</c><00:16:44.240><c> you're</c><00:16:44.360><c> unable</c><00:16:44.680><c> to</c><00:16:44.760><c> do</c><00:16:44.920><c> so,</c>

00:16:45.390 --> 00:16:45.400 align:start position:0%
first order. If you're unable to do so,
 

00:16:45.400 --> 00:16:46.950 align:start position:0%
first order. If you're unable to do so,
then<00:16:45.520><c> you</c><00:16:45.600><c> can</c><00:16:45.720><c> just</c><00:16:45.920><c> say</c><00:16:46.280><c> sign</c><00:16:46.600><c> up</c><00:16:46.720><c> to</c><00:16:46.800><c> get</c>

00:16:46.950 --> 00:16:46.960 align:start position:0%
then you can just say sign up to get
 

00:16:46.960 --> 00:16:49.630 align:start position:0%
then you can just say sign up to get
notified<00:16:47.680><c> on</c><00:16:47.880><c> our</c><00:16:48.240><c> new</c><00:16:48.520><c> product</c><00:16:48.839><c> releases,</c>

00:16:49.630 --> 00:16:49.640 align:start position:0%
notified on our new product releases,
 

00:16:49.640 --> 00:16:51.750 align:start position:0%
notified on our new product releases,
but<00:16:49.880><c> we</c><00:16:50.000><c> do</c><00:16:50.240><c> find</c><00:16:50.600><c> that</c><00:16:51.240><c> some</c><00:16:51.480><c> sort</c><00:16:51.680><c> of</c>

00:16:51.750 --> 00:16:51.760 align:start position:0%
but we do find that some sort of
 

00:16:51.760 --> 00:16:54.030 align:start position:0%
but we do find that some sort of
incentive<00:16:52.440><c> really</c><00:16:52.720><c> does</c><00:16:52.920><c> help.</c><00:16:53.800><c> So,</c><00:16:53.880><c> by</c>

00:16:54.030 --> 00:16:54.040 align:start position:0%
incentive really does help. So, by
 

00:16:54.040 --> 00:16:55.550 align:start position:0%
incentive really does help. So, by
default,<00:16:54.560><c> this</c><00:16:54.720><c> is</c><00:16:54.800><c> just</c><00:16:55.000><c> a</c><00:16:55.040><c> form</c><00:16:55.400><c> that's</c>

00:16:55.550 --> 00:16:55.560 align:start position:0%
default, this is just a form that's
 

00:16:55.560 --> 00:16:57.470 align:start position:0%
default, this is just a form that's
built<00:16:55.880><c> into</c><00:16:56.120><c> the</c><00:16:56.240><c> theme.</c><00:16:56.880><c> So,</c><00:16:57.040><c> if</c><00:16:57.200><c> someone</c>

00:16:57.470 --> 00:16:57.480 align:start position:0%
built into the theme. So, if someone
 

00:16:57.480 --> 00:16:59.350 align:start position:0%
built into the theme. So, if someone
were<00:16:57.680><c> to</c><00:16:58.000><c> enter</c><00:16:58.280><c> their</c><00:16:58.400><c> email</c><00:16:58.560><c> address</c><00:16:58.920><c> here,</c>

00:16:59.350 --> 00:16:59.360 align:start position:0%
were to enter their email address here,
 

00:16:59.360 --> 00:17:01.430 align:start position:0%
were to enter their email address here,
and<00:16:59.480><c> click</c><00:16:59.720><c> submit,</c><00:17:00.680><c> that</c><00:17:00.880><c> would</c><00:17:01.040><c> create</c><00:17:01.400><c> a</c>

00:17:01.430 --> 00:17:01.440 align:start position:0%
and click submit, that would create a
 

00:17:01.440 --> 00:17:03.150 align:start position:0%
and click submit, that would create a
new<00:17:01.640><c> customer</c><00:17:02.040><c> record</c><00:17:02.600><c> in</c><00:17:02.680><c> the</c><00:17:02.760><c> back</c><00:17:02.960><c> of</c><00:17:03.040><c> your</c>

00:17:03.150 --> 00:17:03.160 align:start position:0%
new customer record in the back of your
 

00:17:03.160 --> 00:17:05.069 align:start position:0%
new customer record in the back of your
Shopify<00:17:03.520><c> store.</c><00:17:04.000><c> To</c><00:17:04.120><c> get</c><00:17:04.360><c> this</c><00:17:04.560><c> to</c><00:17:04.680><c> work</c><00:17:04.959><c> with</c>

00:17:05.069 --> 00:17:05.079 align:start position:0%
Shopify store. To get this to work with
 

00:17:05.079 --> 00:17:06.750 align:start position:0%
Shopify store. To get this to work with
your<00:17:05.319><c> email</c><00:17:05.560><c> platform,</c><00:17:06.120><c> if</c><00:17:06.280><c> you</c><00:17:06.400><c> have</c><00:17:06.520><c> like</c><00:17:06.680><c> a</c>

00:17:06.750 --> 00:17:06.760 align:start position:0%
your email platform, if you have like a
 

00:17:06.760 --> 00:17:08.829 align:start position:0%
your email platform, if you have like a
welcome<00:17:07.120><c> flow,</c><00:17:07.640><c> or</c><00:17:07.880><c> they</c><00:17:08.079><c> get</c><00:17:08.400><c> emailed</c><00:17:08.760><c> the</c>

00:17:08.829 --> 00:17:08.839 align:start position:0%
welcome flow, or they get emailed the
 

00:17:08.839 --> 00:17:10.870 align:start position:0%
welcome flow, or they get emailed the
discount<00:17:09.240><c> code,</c><00:17:09.959><c> you</c><00:17:10.120><c> just</c><00:17:10.280><c> need</c><00:17:10.400><c> to</c><00:17:10.520><c> ensure</c>

00:17:10.870 --> 00:17:10.880 align:start position:0%
discount code, you just need to ensure
 

00:17:10.880 --> 00:17:12.590 align:start position:0%
discount code, you just need to ensure
that<00:17:11.040><c> that</c><00:17:11.240><c> is</c><00:17:11.400><c> linked</c><00:17:11.680><c> up.</c><00:17:12.240><c> Whether</c><00:17:12.439><c> you're</c>

00:17:12.590 --> 00:17:12.600 align:start position:0%
that that is linked up. Whether you're
 

00:17:12.600 --> 00:17:14.790 align:start position:0%
that that is linked up. Whether you're
using<00:17:12.880><c> Shopify</c><00:17:13.319><c> email</c><00:17:13.760><c> or</c><00:17:13.880><c> Klaviyo,</c><00:17:14.520><c> I</c><00:17:14.600><c> won't</c>

00:17:14.790 --> 00:17:14.800 align:start position:0%
using Shopify email or Klaviyo, I won't
 

00:17:14.800 --> 00:17:16.550 align:start position:0%
using Shopify email or Klaviyo, I won't
go<00:17:14.920><c> into</c><00:17:15.040><c> that</c><00:17:15.199><c> in</c><00:17:15.319><c> this</c><00:17:15.520><c> video.</c><00:17:16.240><c> So,</c><00:17:16.360><c> just</c>

00:17:16.550 --> 00:17:16.560 align:start position:0%
go into that in this video. So, just
 

00:17:16.560 --> 00:17:18.150 align:start position:0%
go into that in this video. So, just
ensure<00:17:16.839><c> that</c><00:17:16.959><c> this</c><00:17:17.160><c> is</c><00:17:17.280><c> tested</c><00:17:17.800><c> and</c><00:17:17.959><c> fully</c>

00:17:18.150 --> 00:17:18.160 align:start position:0%
ensure that this is tested and fully
 

00:17:18.160 --> 00:17:20.510 align:start position:0%
ensure that this is tested and fully
working<00:17:18.880><c> before</c><00:17:19.160><c> your</c><00:17:19.280><c> site</c><00:17:19.520><c> goes</c><00:17:19.680><c> live.</c><00:17:20.319><c> Now,</c>

00:17:20.510 --> 00:17:20.520 align:start position:0%
working before your site goes live. Now,
 

00:17:20.520 --> 00:17:22.670 align:start position:0%
working before your site goes live. Now,
your<00:17:20.760><c> USP</c><00:17:21.240><c> section,</c><00:17:22.000><c> it's</c><00:17:22.120><c> a</c><00:17:22.160><c> great</c><00:17:22.400><c> way</c><00:17:22.520><c> to</c>

00:17:22.670 --> 00:17:22.680 align:start position:0%
your USP section, it's a great way to
 

00:17:22.680 --> 00:17:24.390 align:start position:0%
your USP section, it's a great way to
highlight<00:17:23.240><c> any</c><00:17:23.400><c> benefits</c><00:17:23.839><c> you've</c><00:17:23.959><c> got.</c><00:17:24.319><c> For</c>

00:17:24.390 --> 00:17:24.400 align:start position:0%
highlight any benefits you've got. For
 

00:17:24.400 --> 00:17:26.750 align:start position:0%
highlight any benefits you've got. For
example,<00:17:25.240><c> free</c><00:17:25.400><c> shipping,</c><00:17:26.240><c> handmade</c><00:17:26.600><c> in</c><00:17:26.680><c> the</c>

00:17:26.750 --> 00:17:26.760 align:start position:0%
example, free shipping, handmade in the
 

00:17:26.760 --> 00:17:28.510 align:start position:0%
example, free shipping, handmade in the
UK,<00:17:27.560><c> whether</c><00:17:27.760><c> you're</c><00:17:27.839><c> using</c><00:17:28.120><c> recycled</c>

00:17:28.510 --> 00:17:28.520 align:start position:0%
UK, whether you're using recycled
 

00:17:28.520 --> 00:17:31.110 align:start position:0%
UK, whether you're using recycled
materials,<00:17:29.280><c> etc.</c><00:17:29.920><c> You</c><00:17:29.960><c> can</c><00:17:30.080><c> change</c><00:17:30.320><c> the</c><00:17:30.400><c> text</c>

00:17:31.110 --> 00:17:31.120 align:start position:0%
materials, etc. You can change the text
 

00:17:31.120 --> 00:17:33.190 align:start position:0%
materials, etc. You can change the text
and<00:17:31.600><c> even</c><00:17:31.800><c> change</c><00:17:32.080><c> the</c><00:17:32.200><c> icon.</c><00:17:32.920><c> You</c><00:17:32.960><c> can</c><00:17:33.080><c> do</c>

00:17:33.190 --> 00:17:33.200 align:start position:0%
and even change the icon. You can do
 

00:17:33.200 --> 00:17:35.350 align:start position:0%
and even change the icon. You can do
that<00:17:33.440><c> by</c><00:17:33.680><c> clicking</c><00:17:33.960><c> into</c><00:17:34.200><c> it</c><00:17:34.880><c> and</c><00:17:35.000><c> then</c><00:17:35.120><c> just</c>

00:17:35.350 --> 00:17:35.360 align:start position:0%
that by clicking into it and then just
 

00:17:35.360 --> 00:17:37.630 align:start position:0%
that by clicking into it and then just
from<00:17:35.560><c> this</c><00:17:35.760><c> list,</c><00:17:36.560><c> you</c><00:17:36.640><c> can</c><00:17:36.760><c> pick</c><00:17:37.280><c> whatever</c><00:17:37.560><c> it</c>

00:17:37.630 --> 00:17:37.640 align:start position:0%
from this list, you can pick whatever it
 

00:17:37.640 --> 00:17:39.710 align:start position:0%
from this list, you can pick whatever it
is<00:17:37.840><c> that</c><00:17:37.960><c> you</c><00:17:38.040><c> need.</c>

00:17:39.710 --> 00:17:39.720 align:start position:0%
is that you need.
 

00:17:39.720 --> 00:17:41.990 align:start position:0%
is that you need.
Then<00:17:39.880><c> the</c><00:17:40.200><c> bottom</c><00:17:40.600><c> half</c><00:17:41.040><c> of</c><00:17:41.160><c> our</c><00:17:41.320><c> footer,</c><00:17:41.920><c> on</c>

00:17:41.990 --> 00:17:42.000 align:start position:0%
Then the bottom half of our footer, on
 

00:17:42.000 --> 00:17:44.270 align:start position:0%
Then the bottom half of our footer, on
the<00:17:42.080><c> left-hand</c><00:17:42.440><c> side,</c><00:17:42.840><c> we've</c><00:17:42.960><c> got</c><00:17:43.160><c> this</c><00:17:43.720><c> short</c>

00:17:44.270 --> 00:17:44.280 align:start position:0%
the left-hand side, we've got this short
 

00:17:44.280 --> 00:17:46.670 align:start position:0%
the left-hand side, we've got this short
brand<00:17:44.680><c> bio.</c><00:17:45.240><c> So,</c><00:17:45.360><c> the</c><00:17:45.440><c> logo</c><00:17:46.280><c> has</c><00:17:46.440><c> already</c>

00:17:46.670 --> 00:17:46.680 align:start position:0%
brand bio. So, the logo has already
 

00:17:46.680 --> 00:17:48.230 align:start position:0%
brand bio. So, the logo has already
pulled<00:17:46.920><c> through</c><00:17:47.200><c> because</c><00:17:47.480><c> we</c><00:17:47.600><c> set</c><00:17:47.840><c> that</c><00:17:48.000><c> up</c>

00:17:48.230 --> 00:17:48.240 align:start position:0%
pulled through because we set that up
 

00:17:48.240 --> 00:17:50.190 align:start position:0%
pulled through because we set that up
earlier.<00:17:49.000><c> Then</c><00:17:49.160><c> you</c><00:17:49.240><c> can</c><00:17:49.360><c> just</c><00:17:49.560><c> add</c><00:17:49.680><c> a</c><00:17:49.760><c> short</c>

00:17:50.190 --> 00:17:50.200 align:start position:0%
earlier. Then you can just add a short
 

00:17:50.200 --> 00:17:52.590 align:start position:0%
earlier. Then you can just add a short
brand<00:17:50.800><c> bio</c><00:17:51.160><c> line</c><00:17:51.400><c> into</c><00:17:51.680><c> here.</c><00:17:52.320><c> And</c><00:17:52.400><c> when</c><00:17:52.520><c> it</c>

00:17:52.590 --> 00:17:52.600 align:start position:0%
brand bio line into here. And when it
 

00:17:52.600 --> 00:17:54.710 align:start position:0%
brand bio line into here. And when it
comes<00:17:52.800><c> to</c><00:17:52.880><c> the</c><00:17:53.120><c> social</c><00:17:53.480><c> icons,</c><00:17:54.320><c> just</c><00:17:54.520><c> click</c>

00:17:54.710 --> 00:17:54.720 align:start position:0%
comes to the social icons, just click
 

00:17:54.720 --> 00:17:56.830 align:start position:0%
comes to the social icons, just click
into<00:17:54.920><c> that</c><00:17:55.680><c> and</c><00:17:55.760><c> on</c><00:17:55.840><c> the</c><00:17:55.920><c> left-hand</c><00:17:56.320><c> side,</c>

00:17:56.830 --> 00:17:56.840 align:start position:0%
into that and on the left-hand side,
 

00:17:56.840 --> 00:17:59.910 align:start position:0%
into that and on the left-hand side,
just<00:17:57.440><c> update</c><00:17:57.880><c> these</c><00:17:58.240><c> links</c>

00:17:59.910 --> 00:17:59.920 align:start position:0%
just update these links
 

00:17:59.920 --> 00:18:01.550 align:start position:0%
just update these links
to<00:18:00.040><c> your</c><00:18:00.200><c> social</c><00:18:00.480><c> profiles.</c><00:18:01.320><c> And</c><00:18:01.400><c> if</c><00:18:01.480><c> you</c>

00:18:01.550 --> 00:18:01.560 align:start position:0%
to your social profiles. And if you
 

00:18:01.560 --> 00:18:03.430 align:start position:0%
to your social profiles. And if you
don't<00:18:01.800><c> want</c><00:18:01.920><c> an</c><00:18:02.040><c> icon</c><00:18:02.320><c> to</c><00:18:02.440><c> show,</c><00:18:03.000><c> just</c><00:18:03.240><c> make</c>

00:18:03.430 --> 00:18:03.440 align:start position:0%
don't want an icon to show, just make
 

00:18:03.440 --> 00:18:05.830 align:start position:0%
don't want an icon to show, just make
sure<00:18:03.640><c> that</c><00:18:03.800><c> it's</c><00:18:04.040><c> empty</c>

00:18:05.830 --> 00:18:05.840 align:start position:0%
sure that it's empty
 

00:18:05.840 --> 00:18:07.550 align:start position:0%
sure that it's empty
and<00:18:05.920><c> then</c><00:18:06.040><c> it</c><00:18:06.120><c> will</c><00:18:06.200><c> disappear.</c><00:18:07.160><c> Then</c><00:18:07.320><c> we</c><00:18:07.400><c> have</c>

00:18:07.550 --> 00:18:07.560 align:start position:0%
and then it will disappear. Then we have
 

00:18:07.560 --> 00:18:10.590 align:start position:0%
and then it will disappear. Then we have
a<00:18:07.640><c> three-column</c><00:18:08.520><c> layout</c><00:18:09.240><c> on</c><00:18:09.360><c> desktop,</c><00:18:10.200><c> which</c>

00:18:10.590 --> 00:18:10.600 align:start position:0%
a three-column layout on desktop, which
 

00:18:10.600 --> 00:18:16.430 align:start position:0%
a three-column layout on desktop, which
on<00:18:10.720><c> mobile</c><00:18:11.320><c> stacks</c><00:18:11.960><c> vertically.</c>

00:18:16.430 --> 00:18:16.440 align:start position:0%
 
 

00:18:16.440 --> 00:18:18.630 align:start position:0%
 
So,<00:18:16.560><c> this</c><00:18:16.720><c> gives</c><00:18:16.920><c> you</c><00:18:17.040><c> the</c><00:18:17.160><c> option</c><00:18:17.680><c> to</c><00:18:18.040><c> feature</c>

00:18:18.630 --> 00:18:18.640 align:start position:0%
So, this gives you the option to feature
 

00:18:18.640 --> 00:18:20.550 align:start position:0%
So, this gives you the option to feature
three<00:18:18.920><c> key</c><00:18:19.200><c> menus.</c><00:18:19.880><c> So,</c><00:18:19.960><c> if</c><00:18:20.040><c> we</c><00:18:20.160><c> look</c><00:18:20.320><c> at</c><00:18:20.440><c> our</c>

00:18:20.550 --> 00:18:20.560 align:start position:0%
three key menus. So, if we look at our
 

00:18:20.560 --> 00:18:21.990 align:start position:0%
three key menus. So, if we look at our
preview<00:18:20.920><c> theme,</c>

00:18:21.990 --> 00:18:22.000 align:start position:0%
preview theme,
 

00:18:22.000 --> 00:18:23.830 align:start position:0%
preview theme,
if<00:18:22.080><c> we</c><00:18:22.120><c> scroll</c><00:18:22.400><c> to</c><00:18:22.480><c> the</c><00:18:22.520><c> bottom,</c><00:18:23.440><c> we</c><00:18:23.560><c> can</c><00:18:23.680><c> see</c>

00:18:23.830 --> 00:18:23.840 align:start position:0%
if we scroll to the bottom, we can see
 

00:18:23.840 --> 00:18:25.630 align:start position:0%
if we scroll to the bottom, we can see
that<00:18:23.960><c> we're</c><00:18:24.080><c> featuring</c><00:18:24.760><c> about</c><00:18:25.240><c> related</c>

00:18:25.630 --> 00:18:25.640 align:start position:0%
that we're featuring about related
 

00:18:25.640 --> 00:18:27.830 align:start position:0%
that we're featuring about related
links,<00:18:26.400><c> anything</c><00:18:26.720><c> to</c><00:18:26.800><c> do</c><00:18:26.920><c> with</c><00:18:27.160><c> help,</c><00:18:27.720><c> and</c>

00:18:27.830 --> 00:18:27.840 align:start position:0%
links, anything to do with help, and
 

00:18:27.840 --> 00:18:29.710 align:start position:0%
links, anything to do with help, and
then<00:18:27.960><c> some</c><00:18:28.200><c> of</c><00:18:28.320><c> our</c><00:18:28.480><c> popular</c><00:18:28.920><c> collections.</c>

00:18:29.710 --> 00:18:29.720 align:start position:0%
then some of our popular collections.
 

00:18:29.720 --> 00:18:31.670 align:start position:0%
then some of our popular collections.
So,<00:18:29.840><c> this</c><00:18:30.040><c> can</c><00:18:30.160><c> be</c><00:18:30.680><c> customized</c><00:18:31.240><c> to</c><00:18:31.320><c> whatever</c>

00:18:31.670 --> 00:18:31.680 align:start position:0%
So, this can be customized to whatever
 

00:18:31.680 --> 00:18:32.910 align:start position:0%
So, this can be customized to whatever
it<00:18:31.720><c> is</c><00:18:31.880><c> you</c><00:18:31.960><c> need.</c>

00:18:32.910 --> 00:18:32.920 align:start position:0%
it is you need.
 

00:18:32.920 --> 00:18:34.750 align:start position:0%
it is you need.
And<00:18:33.000><c> as</c><00:18:33.120><c> we</c><00:18:33.200><c> did</c><00:18:33.400><c> earlier,</c><00:18:33.960><c> you</c><00:18:34.040><c> can</c><00:18:34.160><c> just</c>

00:18:34.750 --> 00:18:34.760 align:start position:0%
And as we did earlier, you can just
 

00:18:34.760 --> 00:18:37.590 align:start position:0%
And as we did earlier, you can just
customize<00:18:35.240><c> this</c><00:18:35.440><c> menu</c><00:18:36.080><c> by</c><00:18:36.240><c> clicking</c><00:18:36.520><c> into</c><00:18:36.760><c> it,</c>

00:18:37.590 --> 00:18:37.600 align:start position:0%
customize this menu by clicking into it,
 

00:18:37.600 --> 00:18:39.230 align:start position:0%
customize this menu by clicking into it,
replacing,

00:18:39.230 --> 00:18:39.240 align:start position:0%
replacing,
 

00:18:39.240 --> 00:18:41.430 align:start position:0%
replacing,
choosing<00:18:39.480><c> one</c><00:18:39.560><c> of</c><00:18:39.600><c> your</c><00:18:39.680><c> menus,</c><00:18:40.320><c> or</c><00:18:40.840><c> creating</c>

00:18:41.430 --> 00:18:41.440 align:start position:0%
choosing one of your menus, or creating
 

00:18:41.440 --> 00:18:43.910 align:start position:0%
choosing one of your menus, or creating
a<00:18:41.520><c> new</c><00:18:41.680><c> menu</c><00:18:42.000><c> for</c><00:18:42.160><c> each</c><00:18:42.800><c> column.</c>

00:18:43.910 --> 00:18:43.920 align:start position:0%
a new menu for each column.
 

00:18:43.920 --> 00:18:45.510 align:start position:0%
a new menu for each column.
And<00:18:44.000><c> then</c><00:18:44.200><c> finally,</c><00:18:44.720><c> on</c><00:18:44.840><c> the</c><00:18:44.920><c> homepage,</c><00:18:45.400><c> we've</c>

00:18:45.510 --> 00:18:45.520 align:start position:0%
And then finally, on the homepage, we've
 

00:18:45.520 --> 00:18:47.710 align:start position:0%
And then finally, on the homepage, we've
got<00:18:45.680><c> this</c><00:18:45.920><c> utility</c><00:18:46.480><c> section.</c><00:18:47.160><c> So,</c><00:18:47.440><c> a</c><00:18:47.520><c> few</c>

00:18:47.710 --> 00:18:47.720 align:start position:0%
got this utility section. So, a few
 

00:18:47.720 --> 00:18:49.310 align:start position:0%
got this utility section. So, a few
things<00:18:47.920><c> are</c><00:18:47.960><c> going</c><00:18:48.160><c> on</c><00:18:48.280><c> here.</c><00:18:48.640><c> First</c><00:18:48.920><c> of</c><00:18:49.040><c> all,</c>

00:18:49.310 --> 00:18:49.320 align:start position:0%
things are going on here. First of all,
 

00:18:49.320 --> 00:18:51.270 align:start position:0%
things are going on here. First of all,
we've<00:18:49.440><c> got</c><00:18:49.600><c> our</c><00:18:49.680><c> payment</c><00:18:50.040><c> icons.</c><00:18:50.880><c> These</c><00:18:51.160><c> will</c>

00:18:51.270 --> 00:18:51.280 align:start position:0%
we've got our payment icons. These will
 

00:18:51.280 --> 00:18:53.550 align:start position:0%
we've got our payment icons. These will
show<00:18:51.640><c> depending</c><00:18:52.160><c> on</c><00:18:52.480><c> whatever</c><00:18:52.800><c> payment</c><00:18:53.120><c> setup</c>

00:18:53.550 --> 00:18:53.560 align:start position:0%
show depending on whatever payment setup
 

00:18:53.560 --> 00:18:55.270 align:start position:0%
show depending on whatever payment setup
you<00:18:53.680><c> have</c><00:18:54.080><c> installed.</c><00:18:54.560><c> So,</c><00:18:54.880><c> if</c><00:18:55.040><c> you've</c><00:18:55.160><c> got</c>

00:18:55.270 --> 00:18:55.280 align:start position:0%
you have installed. So, if you've got
 

00:18:55.280 --> 00:18:57.270 align:start position:0%
you have installed. So, if you've got
PayPal,<00:18:55.880><c> that</c><00:18:56.040><c> should</c><00:18:56.200><c> show.</c><00:18:56.720><c> If</c><00:18:56.800><c> you</c><00:18:56.840><c> don't,</c>

00:18:57.270 --> 00:18:57.280 align:start position:0%
PayPal, that should show. If you don't,
 

00:18:57.280 --> 00:18:59.110 align:start position:0%
PayPal, that should show. If you don't,
it<00:18:57.400><c> won't,</c><00:18:57.760><c> etc.</c><00:18:58.560><c> And</c><00:18:58.640><c> when</c><00:18:58.760><c> it</c><00:18:58.800><c> comes</c><00:18:58.960><c> to</c><00:18:59.040><c> your</c>

00:18:59.110 --> 00:18:59.120 align:start position:0%
it won't, etc. And when it comes to your
 

00:18:59.120 --> 00:19:01.230 align:start position:0%
it won't, etc. And when it comes to your
terms<00:18:59.400><c> and</c><00:18:59.480><c> policies,</c><00:19:00.320><c> there's</c><00:19:00.480><c> this</c><00:19:00.720><c> submenu</c>

00:19:01.230 --> 00:19:01.240 align:start position:0%
terms and policies, there's this submenu
 

00:19:01.240 --> 00:19:03.150 align:start position:0%
terms and policies, there's this submenu
here.<00:19:01.720><c> So,</c><00:19:01.840><c> when</c><00:19:01.960><c> I</c><00:19:02.040><c> hover</c><00:19:02.360><c> over</c><00:19:02.600><c> it,</c><00:19:02.960><c> I</c><00:19:03.040><c> can</c>

00:19:03.150 --> 00:19:03.160 align:start position:0%
here. So, when I hover over it, I can
 

00:19:03.160 --> 00:19:04.950 align:start position:0%
here. So, when I hover over it, I can
then<00:19:03.320><c> choose</c><00:19:03.760><c> my</c><00:19:03.880><c> cookies</c><00:19:04.240><c> policies</c><00:19:04.880><c> or</c>

00:19:04.950 --> 00:19:04.960 align:start position:0%
then choose my cookies policies or
 

00:19:04.960 --> 00:19:06.790 align:start position:0%
then choose my cookies policies or
privacy<00:19:05.400><c> policy.</c><00:19:06.040><c> Now,</c><00:19:06.160><c> this</c><00:19:06.320><c> is</c><00:19:06.440><c> linked</c><00:19:06.680><c> up</c>

00:19:06.790 --> 00:19:06.800 align:start position:0%
privacy policy. Now, this is linked up
 

00:19:06.800 --> 00:19:08.390 align:start position:0%
privacy policy. Now, this is linked up
to<00:19:06.840><c> the</c><00:19:06.960><c> policies</c><00:19:07.560><c> that</c><00:19:07.680><c> you've</c><00:19:07.800><c> set</c><00:19:08.200><c> within</c>

00:19:08.390 --> 00:19:08.400 align:start position:0%
to the policies that you've set within
 

00:19:08.400 --> 00:19:10.590 align:start position:0%
to the policies that you've set within
Shopify.<00:19:09.240><c> So,</c><00:19:09.320><c> if</c><00:19:09.400><c> you</c><00:19:09.520><c> haven't</c><00:19:09.800><c> set</c><00:19:10.000><c> set</c><00:19:10.200><c> up,</c>

00:19:10.590 --> 00:19:10.600 align:start position:0%
Shopify. So, if you haven't set set up,
 

00:19:10.600 --> 00:19:12.190 align:start position:0%
Shopify. So, if you haven't set set up,
they<00:19:10.720><c> won't</c><00:19:11.000><c> show.</c><00:19:11.480><c> So,</c><00:19:11.600><c> to</c><00:19:11.720><c> ensure</c><00:19:12.080><c> you've</c>

00:19:12.190 --> 00:19:12.200 align:start position:0%
they won't show. So, to ensure you've
 

00:19:12.200 --> 00:19:14.510 align:start position:0%
they won't show. So, to ensure you've
got<00:19:12.360><c> policy</c><00:19:12.720><c> set</c><00:19:13.000><c> up,</c><00:19:13.480><c> let's</c><00:19:13.680><c> just</c><00:19:13.880><c> click</c><00:19:14.120><c> into</c>

00:19:14.510 --> 00:19:14.520 align:start position:0%
got policy set up, let's just click into
 

00:19:14.520 --> 00:19:16.230 align:start position:0%
got policy set up, let's just click into
the<00:19:14.640><c> policies</c><00:19:15.080><c> link.</c>

00:19:16.230 --> 00:19:16.240 align:start position:0%
the policies link.
 

00:19:16.240 --> 00:19:17.390 align:start position:0%
the policies link.
And<00:19:16.320><c> then</c><00:19:16.560><c> you'll</c><00:19:16.680><c> see</c><00:19:16.880><c> on</c><00:19:16.960><c> the</c><00:19:17.040><c> left-hand</c>

00:19:17.390 --> 00:19:17.400 align:start position:0%
And then you'll see on the left-hand
 

00:19:17.400 --> 00:19:19.550 align:start position:0%
And then you'll see on the left-hand
side<00:19:17.680><c> here,</c><00:19:18.040><c> manage</c><00:19:18.440><c> policies.</c><00:19:19.160><c> If</c><00:19:19.240><c> I</c><00:19:19.320><c> click</c>

00:19:19.550 --> 00:19:19.560 align:start position:0%
side here, manage policies. If I click
 

00:19:19.560 --> 00:19:20.870 align:start position:0%
side here, manage policies. If I click
on<00:19:19.640><c> that,</c>

00:19:20.870 --> 00:19:20.880 align:start position:0%
on that,
 

00:19:20.880 --> 00:19:22.870 align:start position:0%
on that,
it'll<00:19:21.040><c> open</c><00:19:21.200><c> up</c><00:19:21.320><c> a</c><00:19:21.360><c> new</c><00:19:21.600><c> screen</c><00:19:22.240><c> under</c><00:19:22.480><c> my</c>

00:19:22.870 --> 00:19:22.880 align:start position:0%
it'll open up a new screen under my
 

00:19:22.880 --> 00:19:25.350 align:start position:0%
it'll open up a new screen under my
Shopify<00:19:23.280><c> settings</c><00:19:24.040><c> under</c><00:19:24.240><c> policies.</c>

00:19:25.350 --> 00:19:25.360 align:start position:0%
Shopify settings under policies.
 

00:19:25.360 --> 00:19:27.750 align:start position:0%
Shopify settings under policies.
And<00:19:25.400><c> then</c><00:19:25.520><c> we</c><00:19:25.600><c> can</c><00:19:25.760><c> just</c><00:19:26.480><c> adjust</c><00:19:26.880><c> these</c><00:19:27.520><c> under</c>

00:19:27.750 --> 00:19:27.760 align:start position:0%
And then we can just adjust these under
 

00:19:27.760 --> 00:19:29.990 align:start position:0%
And then we can just adjust these under
here.<00:19:28.160><c> Once</c><00:19:28.360><c> you're</c><00:19:28.440><c> happy,</c><00:19:29.120><c> save</c><00:19:29.400><c> that,</c><00:19:29.920><c> and</c>

00:19:29.990 --> 00:19:30.000 align:start position:0%
here. Once you're happy, save that, and
 

00:19:30.000 --> 00:19:31.870 align:start position:0%
here. Once you're happy, save that, and
then<00:19:30.280><c> head</c><00:19:30.440><c> back</c><00:19:30.640><c> to</c><00:19:30.680><c> the</c><00:19:30.760><c> theme.</c>

00:19:31.870 --> 00:19:31.880 align:start position:0%
then head back to the theme.
 

00:19:31.880 --> 00:19:33.750 align:start position:0%
then head back to the theme.
Okay,<00:19:32.080><c> so</c><00:19:32.200><c> that</c><00:19:32.400><c> is</c><00:19:32.520><c> the</c><00:19:32.720><c> homepage</c><00:19:33.240><c> template</c>

00:19:33.750 --> 00:19:33.760 align:start position:0%
Okay, so that is the homepage template
 

00:19:33.760 --> 00:19:35.830 align:start position:0%
Okay, so that is the homepage template
all<00:19:33.920><c> sorted.</c><00:19:34.960><c> Next</c><00:19:35.240><c> up,</c><00:19:35.360><c> we're</c><00:19:35.440><c> going</c><00:19:35.640><c> to</c><00:19:35.720><c> look</c>

00:19:35.830 --> 00:19:35.840 align:start position:0%
all sorted. Next up, we're going to look
 

00:19:35.840 --> 00:19:38.070 align:start position:0%
all sorted. Next up, we're going to look
at<00:19:35.960><c> the</c><00:19:36.280><c> product</c><00:19:36.640><c> page.</c><00:19:37.360><c> So,</c><00:19:37.720><c> head</c><00:19:37.880><c> to</c><00:19:37.960><c> your</c>

00:19:38.070 --> 00:19:38.080 align:start position:0%
at the product page. So, head to your
 

00:19:38.080 --> 00:19:40.870 align:start position:0%
at the product page. So, head to your
top<00:19:38.480><c> navigation,</c><00:19:39.680><c> click</c><00:19:39.800><c> on</c><00:19:39.960><c> that,</c>

00:19:40.870 --> 00:19:40.880 align:start position:0%
top navigation, click on that,
 

00:19:40.880 --> 00:19:42.630 align:start position:0%
top navigation, click on that,
head<00:19:41.000><c> to</c><00:19:41.120><c> products,</c><00:19:41.920><c> and</c><00:19:42.040><c> then</c><00:19:42.280><c> default</c>

00:19:42.630 --> 00:19:42.640 align:start position:0%
head to products, and then default
 

00:19:42.640 --> 00:19:43.950 align:start position:0%
head to products, and then default
product.

00:19:43.950 --> 00:19:43.960 align:start position:0%
product.
 

00:19:43.960 --> 00:19:45.190 align:start position:0%
product.
And<00:19:44.120><c> this</c><00:19:44.280><c> will</c><00:19:44.400><c> take</c><00:19:44.600><c> us</c><00:19:44.680><c> to</c><00:19:44.800><c> our</c><00:19:44.920><c> product</c>

00:19:45.190 --> 00:19:45.200 align:start position:0%
And this will take us to our product
 

00:19:45.200 --> 00:19:46.790 align:start position:0%
And this will take us to our product
page.<00:19:45.720><c> If</c><00:19:45.840><c> you</c><00:19:45.960><c> want</c><00:19:46.160><c> to</c><00:19:46.520><c> look</c><00:19:46.680><c> at</c><00:19:46.760><c> a</c>

00:19:46.790 --> 00:19:46.800 align:start position:0%
page. If you want to look at a
 

00:19:46.800 --> 00:19:48.630 align:start position:0%
page. If you want to look at a
particular<00:19:47.360><c> product</c><00:19:47.720><c> while</c><00:19:47.880><c> you're</c><00:19:47.960><c> editing,</c>

00:19:48.630 --> 00:19:48.640 align:start position:0%
particular product while you're editing,
 

00:19:48.640 --> 00:19:50.510 align:start position:0%
particular product while you're editing,
at<00:19:48.720><c> the</c><00:19:48.840><c> top</c><00:19:49.080><c> left-hand</c><00:19:49.520><c> side,</c><00:19:50.040><c> you</c><00:19:50.120><c> can</c><00:19:50.280><c> see</c>

00:19:50.510 --> 00:19:50.520 align:start position:0%
at the top left-hand side, you can see
 

00:19:50.520 --> 00:19:54.590 align:start position:0%
at the top left-hand side, you can see
you<00:19:50.600><c> can</c><00:19:50.760><c> toggle</c><00:19:51.120><c> between</c><00:19:51.840><c> your</c><00:19:52.000><c> products.</c>

00:19:54.590 --> 00:19:54.600 align:start position:0%
 
 

00:19:54.600 --> 00:19:55.590 align:start position:0%
 
So,<00:19:54.680><c> let's</c><00:19:54.880><c> say</c><00:19:55.000><c> I</c><00:19:55.040><c> want</c><00:19:55.240><c> to</c><00:19:55.320><c> look</c><00:19:55.440><c> at</c><00:19:55.520><c> the</c>

00:19:55.590 --> 00:19:55.600 align:start position:0%
So, let's say I want to look at the
 

00:19:55.600 --> 00:19:58.190 align:start position:0%
So, let's say I want to look at the
black<00:19:55.920><c> bottle</c><00:19:56.240><c> bundle.</c>

00:19:58.190 --> 00:19:58.200 align:start position:0%
black bottle bundle.
 

00:19:58.200 --> 00:19:59.790 align:start position:0%
black bottle bundle.
And<00:19:58.240><c> we</c><00:19:58.360><c> can</c><00:19:58.480><c> just</c><00:19:58.680><c> do</c><00:19:58.880><c> that</c><00:19:59.360><c> to</c><00:19:59.440><c> make</c><00:19:59.640><c> sure</c>

00:19:59.790 --> 00:19:59.800 align:start position:0%
And we can just do that to make sure
 

00:19:59.800 --> 00:20:01.270 align:start position:0%
And we can just do that to make sure
we're<00:19:59.920><c> happy</c><00:20:00.320><c> how</c><00:20:00.560><c> it's</c><00:20:00.680><c> looking</c><00:20:00.920><c> across</c>

00:20:01.270 --> 00:20:01.280 align:start position:0%
we're happy how it's looking across
 

00:20:01.280 --> 00:20:03.510 align:start position:0%
we're happy how it's looking across
multiple<00:20:01.600><c> products.</c>

00:20:03.510 --> 00:20:03.520 align:start position:0%
multiple products.
 

00:20:03.520 --> 00:20:05.430 align:start position:0%
multiple products.
So,<00:20:03.640><c> your</c><00:20:03.840><c> product</c><00:20:04.240><c> images</c><00:20:05.040><c> will</c><00:20:05.200><c> pull</c>

00:20:05.430 --> 00:20:05.440 align:start position:0%
So, your product images will pull
 

00:20:05.440 --> 00:20:07.470 align:start position:0%
So, your product images will pull
through<00:20:05.800><c> automatically</c><00:20:06.720><c> from</c><00:20:06.960><c> your</c><00:20:07.160><c> product</c>

00:20:07.470 --> 00:20:07.480 align:start position:0%
through automatically from your product
 

00:20:07.480 --> 00:20:09.750 align:start position:0%
through automatically from your product
pages.<00:20:08.280><c> Our</c><00:20:08.400><c> recommendation</c><00:20:09.200><c> is</c><00:20:09.400><c> to</c><00:20:09.480><c> feature</c>

00:20:09.750 --> 00:20:09.760 align:start position:0%
pages. Our recommendation is to feature
 

00:20:09.760 --> 00:20:12.110 align:start position:0%
pages. Our recommendation is to feature
between<00:20:10.360><c> four</c><00:20:10.760><c> and</c><00:20:10.920><c> six,</c><00:20:11.600><c> making</c><00:20:11.880><c> sure</c><00:20:12.000><c> you</c>

00:20:12.110 --> 00:20:12.120 align:start position:0%
between four and six, making sure you
 

00:20:12.120 --> 00:20:14.030 align:start position:0%
between four and six, making sure you
show<00:20:12.280><c> different</c><00:20:12.680><c> angles</c><00:20:13.440><c> and</c><00:20:13.640><c> lifestyle</c>

00:20:14.030 --> 00:20:14.040 align:start position:0%
show different angles and lifestyle
 

00:20:14.040 --> 00:20:16.070 align:start position:0%
show different angles and lifestyle
shots<00:20:14.400><c> to</c><00:20:14.560><c> really</c><00:20:14.840><c> sell</c><00:20:15.080><c> the</c><00:20:15.160><c> product.</c><00:20:15.920><c> And</c>

00:20:16.070 --> 00:20:16.080 align:start position:0%
shots to really sell the product. And
 

00:20:16.080 --> 00:20:18.710 align:start position:0%
shots to really sell the product. And
again,<00:20:16.520><c> our</c><00:20:16.720><c> recommended</c><00:20:17.720><c> dimension</c><00:20:18.160><c> sizes</c>

00:20:18.710 --> 00:20:18.720 align:start position:0%
again, our recommended dimension sizes
 

00:20:18.720 --> 00:20:21.110 align:start position:0%
again, our recommended dimension sizes
are<00:20:18.840><c> featured</c><00:20:19.280><c> in</c><00:20:19.440><c> the</c><00:20:19.720><c> installation</c><00:20:20.240><c> guide.</c>

00:20:21.110 --> 00:20:21.120 align:start position:0%
are featured in the installation guide.
 

00:20:21.120 --> 00:20:22.030 align:start position:0%
are featured in the installation guide.
And<00:20:21.200><c> then</c><00:20:21.360><c> when</c><00:20:21.480><c> we</c><00:20:21.560><c> look</c><00:20:21.720><c> over</c><00:20:21.880><c> to</c><00:20:21.960><c> the</c>

00:20:22.030 --> 00:20:22.040 align:start position:0%
And then when we look over to the
 

00:20:22.040 --> 00:20:24.070 align:start position:0%
And then when we look over to the
left-hand<00:20:22.440><c> side,</c><00:20:22.760><c> we've</c><00:20:22.880><c> got</c><00:20:23.120><c> this</c><00:20:23.520><c> product</c>

00:20:24.070 --> 00:20:24.080 align:start position:0%
left-hand side, we've got this product
 

00:20:24.080 --> 00:20:26.390 align:start position:0%
left-hand side, we've got this product
details<00:20:24.720><c> section.</c><00:20:25.560><c> And</c><00:20:25.680><c> within</c><00:20:25.880><c> this</c><00:20:26.040><c> detail</c>

00:20:26.390 --> 00:20:26.400 align:start position:0%
details section. And within this detail
 

00:20:26.400 --> 00:20:28.470 align:start position:0%
details section. And within this detail
section,<00:20:26.920><c> we've</c><00:20:27.040><c> got</c><00:20:27.240><c> multiple</c><00:20:27.760><c> blocks</c>

00:20:28.470 --> 00:20:28.480 align:start position:0%
section, we've got multiple blocks
 

00:20:28.480 --> 00:20:31.230 align:start position:0%
section, we've got multiple blocks
featured.<00:20:29.520><c> And</c><00:20:29.720><c> just</c><00:20:29.920><c> as</c><00:20:30.000><c> a</c><00:20:30.080><c> top</c><00:20:30.360><c> tip,</c><00:20:30.800><c> if</c><00:20:30.960><c> you</c>

00:20:31.230 --> 00:20:31.240 align:start position:0%
featured. And just as a top tip, if you
 

00:20:31.240 --> 00:20:33.790 align:start position:0%
featured. And just as a top tip, if you
find<00:20:31.600><c> that</c><00:20:31.760><c> this</c><00:20:32.560><c> small</c><00:20:32.880><c> window</c><00:20:33.360><c> isn't</c><00:20:33.640><c> big</c>

00:20:33.790 --> 00:20:33.800 align:start position:0%
find that this small window isn't big
 

00:20:33.800 --> 00:20:34.670 align:start position:0%
find that this small window isn't big
enough,

00:20:34.670 --> 00:20:34.680 align:start position:0%
enough,
 

00:20:34.680 --> 00:20:36.430 align:start position:0%
enough,
then<00:20:34.760><c> we</c><00:20:34.840><c> can</c><00:20:34.960><c> just</c><00:20:35.280><c> click</c><00:20:35.520><c> on</c><00:20:35.640><c> this,</c><00:20:36.240><c> and</c><00:20:36.320><c> then</c>

00:20:36.430 --> 00:20:36.440 align:start position:0%
then we can just click on this, and then
 

00:20:36.440 --> 00:20:38.590 align:start position:0%
then we can just click on this, and then
drag<00:20:36.760><c> this</c><00:20:36.960><c> down</c><00:20:37.840><c> so</c><00:20:37.960><c> we</c><00:20:38.040><c> can</c><00:20:38.160><c> see</c><00:20:38.320><c> it</c><00:20:38.400><c> a</c><00:20:38.440><c> bit</c>

00:20:38.590 --> 00:20:38.600 align:start position:0%
drag this down so we can see it a bit
 

00:20:38.600 --> 00:20:39.750 align:start position:0%
drag this down so we can see it a bit
clearer.

00:20:39.750 --> 00:20:39.760 align:start position:0%
clearer.
 

00:20:39.760 --> 00:20:41.230 align:start position:0%
clearer.
So,<00:20:39.920><c> the</c><00:20:40.000><c> first</c><00:20:40.280><c> section</c><00:20:40.600><c> we've</c><00:20:40.720><c> got</c><00:20:40.960><c> is</c><00:20:41.120><c> a</c>

00:20:41.230 --> 00:20:41.240 align:start position:0%
So, the first section we've got is a
 

00:20:41.240 --> 00:20:43.550 align:start position:0%
So, the first section we've got is a
header.<00:20:42.120><c> We</c><00:20:42.200><c> can</c><00:20:42.360><c> see</c><00:20:42.520><c> that</c><00:20:42.680><c> it's</c><00:20:42.800><c> got</c><00:20:43.400><c> the</c>

00:20:43.550 --> 00:20:43.560 align:start position:0%
header. We can see that it's got the
 

00:20:43.560 --> 00:20:45.910 align:start position:0%
header. We can see that it's got the
product<00:20:43.920><c> badges</c><00:20:44.520><c> and</c><00:20:44.680><c> product</c><00:20:45.000><c> title</c><00:20:45.680><c> within</c>

00:20:45.910 --> 00:20:45.920 align:start position:0%
product badges and product title within
 

00:20:45.920 --> 00:20:48.230 align:start position:0%
product badges and product title within
it.<00:20:46.440><c> Just</c><00:20:46.680><c> so</c><00:20:46.800><c> you're</c><00:20:46.960><c> aware,</c><00:20:47.680><c> within</c><00:20:48.000><c> this</c>

00:20:48.230 --> 00:20:48.240 align:start position:0%
it. Just so you're aware, within this
 

00:20:48.240 --> 00:20:50.550 align:start position:0%
it. Just so you're aware, within this
product<00:20:48.560><c> badges,</c><00:20:49.280><c> when</c><00:20:49.400><c> I</c><00:20:49.440><c> click</c><00:20:49.680><c> into</c><00:20:49.920><c> it,</c>

00:20:50.550 --> 00:20:50.560 align:start position:0%
product badges, when I click into it,
 

00:20:50.560 --> 00:20:52.230 align:start position:0%
product badges, when I click into it,
you'll<00:20:50.680><c> see</c><00:20:50.880><c> that</c><00:20:51.040><c> there's</c><00:20:51.360><c> some</c><00:20:51.600><c> code</c><00:20:52.040><c> in</c>

00:20:52.230 --> 00:20:52.240 align:start position:0%
you'll see that there's some code in
 

00:20:52.240 --> 00:20:53.870 align:start position:0%
you'll see that there's some code in
here.<00:20:52.640><c> We'll</c><00:20:52.760><c> discuss</c><00:20:53.240><c> product</c><00:20:53.560><c> badges</c><00:20:53.840><c> a</c>

00:20:53.870 --> 00:20:53.880 align:start position:0%
here. We'll discuss product badges a
 

00:20:53.880 --> 00:20:56.110 align:start position:0%
here. We'll discuss product badges a
little<00:20:54.040><c> bit</c><00:20:54.160><c> later,</c><00:20:54.880><c> but</c><00:20:55.120><c> for</c><00:20:55.240><c> this</c><00:20:55.480><c> area,</c><00:20:56.000><c> you</c>

00:20:56.110 --> 00:20:56.120 align:start position:0%
little bit later, but for this area, you
 

00:20:56.120 --> 00:20:57.430 align:start position:0%
little bit later, but for this area, you
just<00:20:56.360><c> don't</c><00:20:56.560><c> need</c><00:20:56.680><c> to</c><00:20:56.760><c> worry</c><00:20:56.920><c> about.</c><00:20:57.320><c> I've</c>

00:20:57.430 --> 00:20:57.440 align:start position:0%
just don't need to worry about. I've
 

00:20:57.440 --> 00:20:58.950 align:start position:0%
just don't need to worry about. I've
just<00:20:57.600><c> coded</c><00:20:57.960><c> it</c><00:20:58.120><c> in,</c><00:20:58.520><c> and</c><00:20:58.640><c> it</c><00:20:58.760><c> will</c>

00:20:58.950 --> 00:20:58.960 align:start position:0%
just coded it in, and it will
 

00:20:58.960 --> 00:21:00.950 align:start position:0%
just coded it in, and it will
automatically<00:20:59.480><c> update</c><00:20:59.840><c> itself.</c><00:21:00.760><c> And</c><00:21:00.800><c> then</c>

00:21:00.950 --> 00:21:00.960 align:start position:0%
automatically update itself. And then
 

00:21:00.960 --> 00:21:03.230 align:start position:0%
automatically update itself. And then
we've<00:21:01.080><c> got</c><00:21:01.400><c> another</c><00:21:01.960><c> review</c><00:21:02.280><c> section.</c><00:21:03.000><c> So,</c>

00:21:03.230 --> 00:21:03.240 align:start position:0%
we've got another review section. So,
 

00:21:03.240 --> 00:21:05.470 align:start position:0%
we've got another review section. So,
this<00:21:03.640><c> again</c><00:21:04.120><c> is</c><00:21:04.280><c> linked</c><00:21:04.560><c> to</c><00:21:04.840><c> our</c><00:21:05.040><c> Judge.me</c>

00:21:05.470 --> 00:21:05.480 align:start position:0%
this again is linked to our Judge.me
 

00:21:05.480 --> 00:21:07.790 align:start position:0%
this again is linked to our Judge.me
stars<00:21:05.800><c> rating,</c><00:21:06.640><c> which</c><00:21:07.200><c> if</c><00:21:07.360><c> you're</c><00:21:07.480><c> already</c><00:21:07.680><c> on</c>

00:21:07.790 --> 00:21:07.800 align:start position:0%
stars rating, which if you're already on
 

00:21:07.800 --> 00:21:08.910 align:start position:0%
stars rating, which if you're already on
Judge.me,<00:21:08.320><c> this</c><00:21:08.520><c> will</c><00:21:08.600><c> link</c><00:21:08.800><c> up</c>

00:21:08.910 --> 00:21:08.920 align:start position:0%
Judge.me, this will link up
 

00:21:08.920 --> 00:21:11.190 align:start position:0%
Judge.me, this will link up
automatically,<00:21:09.960><c> or</c><00:21:10.440><c> you</c><00:21:10.520><c> can</c><00:21:10.640><c> replace</c><00:21:11.040><c> with</c>

00:21:11.190 --> 00:21:11.200 align:start position:0%
automatically, or you can replace with
 

00:21:11.200 --> 00:21:13.710 align:start position:0%
automatically, or you can replace with
your<00:21:11.560><c> current</c><00:21:11.840><c> provider.</c><00:21:12.560><c> Or</c><00:21:12.680><c> alternatively,</c>

00:21:13.710 --> 00:21:13.720 align:start position:0%
your current provider. Or alternatively,
 

00:21:13.720 --> 00:21:15.430 align:start position:0%
your current provider. Or alternatively,
again,<00:21:14.280><c> you</c><00:21:14.360><c> can</c><00:21:14.440><c> just</c><00:21:14.720><c> hide</c><00:21:15.080><c> the</c><00:21:15.200><c> review</c>

00:21:15.430 --> 00:21:15.440 align:start position:0%
again, you can just hide the review
 

00:21:15.440 --> 00:21:17.550 align:start position:0%
again, you can just hide the review
section<00:21:16.040><c> if</c><00:21:16.160><c> you</c><00:21:16.240><c> don't</c><00:21:16.360><c> want</c><00:21:16.600><c> it.</c><00:21:17.120><c> And</c><00:21:17.320><c> then</c>

00:21:17.550 --> 00:21:17.560 align:start position:0%
section if you don't want it. And then
 

00:21:17.560 --> 00:21:19.190 align:start position:0%
section if you don't want it. And then
when<00:21:17.680><c> we</c><00:21:17.800><c> scroll</c><00:21:18.080><c> down,</c><00:21:18.680><c> we've</c><00:21:18.800><c> got</c><00:21:19.040><c> our</c>

00:21:19.190 --> 00:21:19.200 align:start position:0%
when we scroll down, we've got our
 

00:21:19.200 --> 00:21:21.470 align:start position:0%
when we scroll down, we've got our
price,<00:21:19.960><c> we've</c><00:21:20.080><c> got</c><00:21:20.320><c> the</c><00:21:20.400><c> skew,</c><00:21:21.080><c> so</c><00:21:21.200><c> these</c><00:21:21.360><c> will</c>

00:21:21.470 --> 00:21:21.480 align:start position:0%
price, we've got the skew, so these will
 

00:21:21.480 --> 00:21:23.350 align:start position:0%
price, we've got the skew, so these will
just<00:21:21.680><c> automatically</c><00:21:22.280><c> show.</c><00:21:23.000><c> And</c><00:21:23.120><c> then</c><00:21:23.240><c> we've</c>

00:21:23.350 --> 00:21:23.360 align:start position:0%
just automatically show. And then we've
 

00:21:23.360 --> 00:21:26.070 align:start position:0%
just automatically show. And then we've
got<00:21:23.640><c> our</c><00:21:24.280><c> promo</c><00:21:24.680><c> code</c><00:21:24.920><c> section.</c><00:21:25.480><c> So</c><00:21:25.600><c> this</c><00:21:25.880><c> is</c>

00:21:26.070 --> 00:21:26.080 align:start position:0%
got our promo code section. So this is
 

00:21:26.080 --> 00:21:27.990 align:start position:0%
got our promo code section. So this is
an<00:21:26.280><c> optional</c><00:21:26.680><c> section.</c><00:21:27.480><c> If</c><00:21:27.640><c> you've</c><00:21:27.760><c> got</c><00:21:27.960><c> a</c>

00:21:27.990 --> 00:21:28.000 align:start position:0%
an optional section. If you've got a
 

00:21:28.000 --> 00:21:29.750 align:start position:0%
an optional section. If you've got a
sale<00:21:28.440><c> on,</c><00:21:28.800><c> or</c><00:21:28.920><c> if</c><00:21:29.040><c> you</c><00:21:29.120><c> want</c><00:21:29.320><c> to</c><00:21:29.360><c> encourage</c>

00:21:29.750 --> 00:21:29.760 align:start position:0%
sale on, or if you want to encourage
 

00:21:29.760 --> 00:21:31.870 align:start position:0%
sale on, or if you want to encourage
some<00:21:29.880><c> purchases</c><00:21:30.480><c> with</c><00:21:30.760><c> a</c><00:21:30.920><c> code,</c><00:21:31.520><c> then</c><00:21:31.640><c> you</c><00:21:31.720><c> can</c>

00:21:31.870 --> 00:21:31.880 align:start position:0%
some purchases with a code, then you can
 

00:21:31.880 --> 00:21:34.070 align:start position:0%
some purchases with a code, then you can
use<00:21:32.120><c> this</c><00:21:32.280><c> section</c><00:21:32.840><c> here.</c><00:21:33.680><c> And</c><00:21:33.760><c> you</c><00:21:33.840><c> can</c><00:21:33.960><c> just</c>

00:21:34.070 --> 00:21:34.080 align:start position:0%
use this section here. And you can just
 

00:21:34.080 --> 00:21:36.070 align:start position:0%
use this section here. And you can just
click<00:21:34.240><c> into</c><00:21:34.480><c> it</c><00:21:34.760><c> and</c><00:21:34.960><c> customize</c><00:21:35.480><c> the</c><00:21:35.560><c> text</c>

00:21:36.070 --> 00:21:36.080 align:start position:0%
click into it and customize the text
 

00:21:36.080 --> 00:21:38.190 align:start position:0%
click into it and customize the text
however<00:21:36.400><c> you</c><00:21:36.480><c> need.</c><00:21:36.960><c> Or</c><00:21:37.440><c> if</c><00:21:37.600><c> no</c><00:21:37.720><c> promotions</c>

00:21:38.190 --> 00:21:38.200 align:start position:0%
however you need. Or if no promotions
 

00:21:38.200 --> 00:21:41.630 align:start position:0%
however you need. Or if no promotions
are<00:21:38.320><c> on,</c><00:21:38.720><c> we</c><00:21:38.800><c> can</c><00:21:38.920><c> just</c><00:21:39.240><c> hide</c><00:21:39.640><c> this</c><00:21:39.800><c> section.</c>

00:21:41.630 --> 00:21:41.640 align:start position:0%
are on, we can just hide this section.
 

00:21:41.640 --> 00:21:43.830 align:start position:0%
are on, we can just hide this section.
I<00:21:41.720><c> would</c><00:21:42.040><c> advise</c><00:21:42.600><c> hiding</c><00:21:43.040><c> sections</c><00:21:43.640><c> rather</c>

00:21:43.830 --> 00:21:43.840 align:start position:0%
I would advise hiding sections rather
 

00:21:43.840 --> 00:21:45.630 align:start position:0%
I would advise hiding sections rather
than<00:21:44.000><c> deleting,</c><00:21:44.680><c> because</c><00:21:44.920><c> if</c><00:21:45.040><c> you</c><00:21:45.160><c> ever</c><00:21:45.400><c> do</c>

00:21:45.630 --> 00:21:45.640 align:start position:0%
than deleting, because if you ever do
 

00:21:45.640 --> 00:21:47.430 align:start position:0%
than deleting, because if you ever do
want<00:21:45.840><c> this</c><00:21:46.000><c> feature</c><00:21:46.360><c> in</c><00:21:46.480><c> future,</c><00:21:47.200><c> you</c><00:21:47.320><c> can</c>

00:21:47.430 --> 00:21:47.440 align:start position:0%
want this feature in future, you can
 

00:21:47.440 --> 00:21:49.470 align:start position:0%
want this feature in future, you can
just<00:21:47.760><c> unhide</c><00:21:48.160><c> it</c><00:21:48.400><c> and</c><00:21:48.560><c> use</c><00:21:48.720><c> it,</c><00:21:49.080><c> rather</c><00:21:49.320><c> than</c>

00:21:49.470 --> 00:21:49.480 align:start position:0%
just unhide it and use it, rather than
 

00:21:49.480 --> 00:21:51.630 align:start position:0%
just unhide it and use it, rather than
having<00:21:49.680><c> to</c><00:21:49.800><c> rebuild</c><00:21:50.160><c> it</c><00:21:50.240><c> again</c><00:21:50.480><c> from</c><00:21:50.640><c> scratch.</c>

00:21:51.630 --> 00:21:51.640 align:start position:0%
having to rebuild it again from scratch.
 

00:21:51.640 --> 00:21:53.550 align:start position:0%
having to rebuild it again from scratch.
And<00:21:51.720><c> then</c><00:21:51.880><c> below</c><00:21:52.280><c> our</c><00:21:52.560><c> add</c><00:21:52.720><c> to</c><00:21:52.800><c> bag</c><00:21:53.000><c> section,</c>

00:21:53.550 --> 00:21:53.560 align:start position:0%
And then below our add to bag section,
 

00:21:53.560 --> 00:21:56.470 align:start position:0%
And then below our add to bag section,
we've<00:21:53.720><c> got</c><00:21:53.880><c> a</c><00:21:53.920><c> few</c><00:21:54.560><c> USPs.</c><00:21:55.800><c> So</c><00:21:55.920><c> this</c><00:21:56.080><c> is</c><00:21:56.160><c> a</c><00:21:56.200><c> great</c>

00:21:56.470 --> 00:21:56.480 align:start position:0%
we've got a few USPs. So this is a great
 

00:21:56.480 --> 00:21:58.790 align:start position:0%
we've got a few USPs. So this is a great
way<00:21:56.680><c> to</c><00:21:56.920><c> reinforce</c><00:21:57.480><c> trust.</c><00:21:58.440><c> And</c><00:21:58.600><c> you</c><00:21:58.680><c> can</c>

00:21:58.790 --> 00:21:58.800 align:start position:0%
way to reinforce trust. And you can
 

00:21:58.800 --> 00:22:00.510 align:start position:0%
way to reinforce trust. And you can
change<00:21:59.120><c> these</c><00:21:59.360><c> to</c><00:21:59.480><c> however</c><00:21:59.720><c> you</c><00:21:59.800><c> need,</c><00:22:00.280><c> change</c>

00:22:00.510 --> 00:22:00.520 align:start position:0%
change these to however you need, change
 

00:22:00.520 --> 00:22:02.590 align:start position:0%
change these to however you need, change
the<00:22:00.640><c> icons,</c><00:22:01.080><c> change</c><00:22:01.320><c> the</c><00:22:01.360><c> text,</c><00:22:02.040><c> adjust</c><00:22:02.360><c> this</c>

00:22:02.590 --> 00:22:02.600 align:start position:0%
the icons, change the text, adjust this
 

00:22:02.600 --> 00:22:04.710 align:start position:0%
the icons, change the text, adjust this
to<00:22:02.720><c> however</c><00:22:03.120><c> suits</c><00:22:03.400><c> your</c><00:22:03.520><c> brand.</c><00:22:04.440><c> You've</c><00:22:04.520><c> got</c>

00:22:04.710 --> 00:22:04.720 align:start position:0%
to however suits your brand. You've got
 

00:22:04.720 --> 00:22:06.270 align:start position:0%
to however suits your brand. You've got
this<00:22:05.080><c> area,</c><00:22:05.400><c> which</c><00:22:05.640><c> is</c><00:22:05.760><c> your</c><00:22:05.960><c> product</c>

00:22:06.270 --> 00:22:06.280 align:start position:0%
this area, which is your product
 

00:22:06.280 --> 00:22:08.150 align:start position:0%
this area, which is your product
description,<00:22:07.280><c> which</c><00:22:07.480><c> will</c><00:22:07.640><c> automatically</c>

00:22:08.150 --> 00:22:08.160 align:start position:0%
description, which will automatically
 

00:22:08.160 --> 00:22:09.950 align:start position:0%
description, which will automatically
pull<00:22:08.400><c> through</c><00:22:08.920><c> whatever</c><00:22:09.200><c> you've</c><00:22:09.320><c> written</c><00:22:09.840><c> in</c>

00:22:09.950 --> 00:22:09.960 align:start position:0%
pull through whatever you've written in
 

00:22:09.960 --> 00:22:12.390 align:start position:0%
pull through whatever you've written in
the<00:22:10.040><c> back</c><00:22:10.320><c> office</c><00:22:11.000><c> for</c><00:22:11.120><c> that</c><00:22:11.280><c> product.</c>

00:22:12.390 --> 00:22:12.400 align:start position:0%
the back office for that product.
 

00:22:12.400 --> 00:22:14.190 align:start position:0%
the back office for that product.
And<00:22:12.440><c> then</c><00:22:12.560><c> we've</c><00:22:12.720><c> offered</c><00:22:13.200><c> a</c><00:22:13.280><c> few</c><00:22:13.680><c> accordion</c>

00:22:14.190 --> 00:22:14.200 align:start position:0%
And then we've offered a few accordion
 

00:22:14.200 --> 00:22:16.110 align:start position:0%
And then we've offered a few accordion
sections,<00:22:14.880><c> which</c><00:22:15.080><c> we</c><00:22:15.240><c> think</c><00:22:15.560><c> are</c><00:22:15.760><c> relevant</c>

00:22:16.110 --> 00:22:16.120 align:start position:0%
sections, which we think are relevant
 

00:22:16.120 --> 00:22:18.150 align:start position:0%
sections, which we think are relevant
for<00:22:16.360><c> a</c><00:22:16.520><c> jewelry</c><00:22:17.000><c> brand.</c><00:22:17.760><c> If</c><00:22:17.880><c> you're</c><00:22:18.000><c> not</c><00:22:18.120><c> a</c>

00:22:18.150 --> 00:22:18.160 align:start position:0%
for a jewelry brand. If you're not a
 

00:22:18.160 --> 00:22:19.910 align:start position:0%
for a jewelry brand. If you're not a
jewelry<00:22:18.480><c> brand,</c><00:22:19.000><c> then</c><00:22:19.320><c> you</c><00:22:19.400><c> can</c><00:22:19.520><c> still</c><00:22:19.760><c> use</c>

00:22:19.910 --> 00:22:19.920 align:start position:0%
jewelry brand, then you can still use
 

00:22:19.920 --> 00:22:21.950 align:start position:0%
jewelry brand, then you can still use
this<00:22:20.080><c> theme,</c><00:22:20.760><c> you</c><00:22:20.880><c> can</c><00:22:21.000><c> just</c><00:22:21.240><c> adjust</c><00:22:21.560><c> these</c><00:22:21.840><c> to</c>

00:22:21.950 --> 00:22:21.960 align:start position:0%
this theme, you can just adjust these to
 

00:22:21.960 --> 00:22:24.270 align:start position:0%
this theme, you can just adjust these to
whatever<00:22:22.240><c> suits</c><00:22:22.520><c> your</c><00:22:22.720><c> needs.</c><00:22:23.640><c> So</c><00:22:23.800><c> for</c><00:22:24.080><c> each</c>

00:22:24.270 --> 00:22:24.280 align:start position:0%
whatever suits your needs. So for each
 

00:22:24.280 --> 00:22:26.670 align:start position:0%
whatever suits your needs. So for each
accordion,<00:22:25.160><c> if</c><00:22:25.240><c> we</c><00:22:25.320><c> click</c><00:22:25.600><c> into</c><00:22:25.840><c> it,</c>

00:22:26.670 --> 00:22:26.680 align:start position:0%
accordion, if we click into it,
 

00:22:26.680 --> 00:22:28.470 align:start position:0%
accordion, if we click into it,
first<00:22:26.880><c> up</c><00:22:27.000><c> we've</c><00:22:27.120><c> got</c><00:22:27.280><c> the</c><00:22:27.360><c> delivery.</c><00:22:28.120><c> So</c><00:22:28.360><c> when</c>

00:22:28.470 --> 00:22:28.480 align:start position:0%
first up we've got the delivery. So when
 

00:22:28.480 --> 00:22:29.790 align:start position:0%
first up we've got the delivery. So when
we<00:22:28.560><c> click</c><00:22:28.760><c> into</c><00:22:28.920><c> that,</c><00:22:29.440><c> we've</c><00:22:29.560><c> got</c><00:22:29.720><c> the</c>

00:22:29.790 --> 00:22:29.800 align:start position:0%
we click into that, we've got the
 

00:22:29.800 --> 00:22:32.230 align:start position:0%
we click into that, we've got the
delivery<00:22:30.160><c> table,</c><00:22:30.800><c> then</c><00:22:30.920><c> we</c><00:22:31.000><c> can</c><00:22:31.080><c> expand</c><00:22:31.520><c> that,</c>

00:22:32.230 --> 00:22:32.240 align:start position:0%
delivery table, then we can expand that,
 

00:22:32.240 --> 00:22:34.230 align:start position:0%
delivery table, then we can expand that,
and<00:22:32.360><c> then</c><00:22:32.480><c> we've</c><00:22:32.600><c> got</c><00:22:33.080><c> our</c><00:22:33.200><c> delivery</c><00:22:33.600><c> heading,</c>

00:22:34.230 --> 00:22:34.240 align:start position:0%
and then we've got our delivery heading,
 

00:22:34.240 --> 00:22:35.590 align:start position:0%
and then we've got our delivery heading,
along<00:22:34.560><c> with</c><00:22:34.720><c> our</c><00:22:35.040><c> multiple</c><00:22:35.320><c> delivery</c>

00:22:35.590 --> 00:22:35.600 align:start position:0%
along with our multiple delivery
 

00:22:35.600 --> 00:22:37.390 align:start position:0%
along with our multiple delivery
methods.<00:22:36.440><c> So</c><00:22:36.600><c> let's</c><00:22:36.800><c> click</c><00:22:37.000><c> into</c><00:22:37.320><c> the</c>

00:22:37.390 --> 00:22:37.400 align:start position:0%
methods. So let's click into the
 

00:22:37.400 --> 00:22:38.670 align:start position:0%
methods. So let's click into the
delivery<00:22:37.720><c> header.</c>

00:22:38.670 --> 00:22:38.680 align:start position:0%
delivery header.
 

00:22:38.680 --> 00:22:40.270 align:start position:0%
delivery header.
I<00:22:38.760><c> should</c><00:22:38.920><c> expand</c><00:22:39.440><c> this</c><00:22:39.600><c> on</c><00:22:39.720><c> the</c><00:22:39.840><c> right</c><00:22:40.120><c> so</c><00:22:40.200><c> we</c>

00:22:40.270 --> 00:22:40.280 align:start position:0%
I should expand this on the right so we
 

00:22:40.280 --> 00:22:43.190 align:start position:0%
I should expand this on the right so we
can<00:22:40.440><c> see</c><00:22:40.640><c> what</c><00:22:40.760><c> we're</c><00:22:40.880><c> looking</c><00:22:41.120><c> at.</c>

00:22:43.190 --> 00:22:43.200 align:start position:0%
can see what we're looking at.
 

00:22:43.200 --> 00:22:44.830 align:start position:0%
can see what we're looking at.
So<00:22:43.280><c> our</c><00:22:43.400><c> delivery</c><00:22:43.760><c> header,</c><00:22:44.160><c> at</c><00:22:44.240><c> the</c><00:22:44.320><c> moment</c><00:22:44.720><c> we</c>

00:22:44.830 --> 00:22:44.840 align:start position:0%
So our delivery header, at the moment we
 

00:22:44.840 --> 00:22:47.470 align:start position:0%
So our delivery header, at the moment we
have<00:22:44.960><c> got</c><00:22:45.400><c> one,</c><00:22:45.800><c> two,</c><00:22:46.280><c> three</c><00:22:46.680><c> columns.</c>

00:22:47.470 --> 00:22:47.480 align:start position:0%
have got one, two, three columns.
 

00:22:47.480 --> 00:22:50.150 align:start position:0%
have got one, two, three columns.
Method,<00:22:47.840><c> price,</c><00:22:48.120><c> and</c><00:22:48.240><c> time.</c><00:22:48.920><c> If</c><00:22:49.200><c> I</c><00:22:49.320><c> wanted</c><00:22:49.720><c> to</c>

00:22:50.150 --> 00:22:50.160 align:start position:0%
Method, price, and time. If I wanted to
 

00:22:50.160 --> 00:22:52.630 align:start position:0%
Method, price, and time. If I wanted to
remove<00:22:50.520><c> a</c><00:22:50.560><c> column</c><00:22:51.000><c> or</c><00:22:51.200><c> add</c><00:22:51.320><c> a</c><00:22:51.360><c> column,</c><00:22:52.080><c> so</c><00:22:52.200><c> if</c><00:22:52.440><c> I</c>

00:22:52.630 --> 00:22:52.640 align:start position:0%
remove a column or add a column, so if I
 

00:22:52.640 --> 00:22:55.510 align:start position:0%
remove a column or add a column, so if I
added<00:22:52.960><c> one,</c><00:22:53.280><c> let's</c><00:22:53.440><c> just</c><00:22:53.600><c> duplicate</c><00:22:54.120><c> this.</c>

00:22:55.510 --> 00:22:55.520 align:start position:0%
added one, let's just duplicate this.
 

00:22:55.520 --> 00:22:57.350 align:start position:0%
added one, let's just duplicate this.
You'll<00:22:55.640><c> see</c><00:22:55.880><c> that</c><00:22:56.000><c> it</c><00:22:56.120><c> splits</c><00:22:56.440><c> into</c><00:22:57.080><c> four</c>

00:22:57.350 --> 00:22:57.360 align:start position:0%
You'll see that it splits into four
 

00:22:57.360 --> 00:23:00.990 align:start position:0%
You'll see that it splits into four
columns.

00:23:00.990 --> 00:23:01.000 align:start position:0%
 
 

00:23:01.000 --> 00:23:04.070 align:start position:0%
 
Four<00:23:01.160><c> at</c><00:23:01.240><c> the</c><00:23:01.320><c> top.</c><00:23:02.160><c> However,</c><00:23:03.080><c> the</c><00:23:03.200><c> rows</c><00:23:03.560><c> below</c>

00:23:04.070 --> 00:23:04.080 align:start position:0%
Four at the top. However, the rows below
 

00:23:04.080 --> 00:23:06.270 align:start position:0%
Four at the top. However, the rows below
are<00:23:04.200><c> still</c><00:23:04.920><c> only</c><00:23:05.200><c> three.</c>

00:23:06.270 --> 00:23:06.280 align:start position:0%
are still only three.
 

00:23:06.280 --> 00:23:07.830 align:start position:0%
are still only three.
So,<00:23:06.640><c> once</c><00:23:06.920><c> you</c><00:23:07.000><c> do</c><00:23:07.160><c> that,</c><00:23:07.440><c> you'll</c><00:23:07.560><c> just</c><00:23:07.720><c> need</c>

00:23:07.830 --> 00:23:07.840 align:start position:0%
So, once you do that, you'll just need
 

00:23:07.840 --> 00:23:09.270 align:start position:0%
So, once you do that, you'll just need
to<00:23:07.920><c> ensure</c><00:23:08.240><c> that</c><00:23:08.320><c> it</c><00:23:08.400><c> goes</c><00:23:08.680><c> to</c><00:23:08.720><c> each</c><00:23:08.960><c> delivery</c>

00:23:09.270 --> 00:23:09.280 align:start position:0%
to ensure that it goes to each delivery
 

00:23:09.280 --> 00:23:13.190 align:start position:0%
to ensure that it goes to each delivery
method<00:23:10.200><c> and</c><00:23:10.320><c> then</c><00:23:10.760><c> add</c>

00:23:13.190 --> 00:23:13.200 align:start position:0%
method and then add
 

00:23:13.200 --> 00:23:15.830 align:start position:0%
method and then add
a<00:23:13.240><c> new</c><00:23:13.480><c> column.</c>

00:23:15.830 --> 00:23:15.840 align:start position:0%
a new column.
 

00:23:15.840 --> 00:23:17.470 align:start position:0%
a new column.
Like<00:23:16.040><c> that.</c><00:23:16.560><c> So,</c><00:23:16.720><c> just</c><00:23:16.920><c> make</c><00:23:17.080><c> sure</c><00:23:17.200><c> that</c><00:23:17.360><c> all</c>

00:23:17.470 --> 00:23:17.480 align:start position:0%
Like that. So, just make sure that all
 

00:23:17.480 --> 00:23:19.710 align:start position:0%
Like that. So, just make sure that all
your<00:23:17.560><c> delivery</c><00:23:17.920><c> rules</c><00:23:18.280><c> are</c><00:23:18.400><c> set</c><00:23:18.680><c> up</c><00:23:18.840><c> correct.</c>

00:23:19.710 --> 00:23:19.720 align:start position:0%
your delivery rules are set up correct.
 

00:23:19.720 --> 00:23:21.070 align:start position:0%
your delivery rules are set up correct.
And<00:23:19.840><c> the</c><00:23:19.920><c> key</c><00:23:20.160><c> area</c><00:23:20.520><c> for</c><00:23:20.640><c> all</c><00:23:20.840><c> of</c><00:23:20.880><c> these</c>

00:23:21.070 --> 00:23:21.080 align:start position:0%
And the key area for all of these
 

00:23:21.080 --> 00:23:23.350 align:start position:0%
And the key area for all of these
accordions<00:23:22.000><c> is</c><00:23:22.120><c> making</c><00:23:22.400><c> sure</c><00:23:22.640><c> that</c><00:23:22.880><c> these</c>

00:23:23.350 --> 00:23:23.360 align:start position:0%
accordions is making sure that these
 

00:23:23.360 --> 00:23:26.270 align:start position:0%
accordions is making sure that these
links<00:23:24.160><c> are</c><00:23:24.600><c> linking</c><00:23:24.920><c> to</c><00:23:25.000><c> your</c><00:23:25.160><c> correct</c><00:23:25.400><c> pages.</c>

00:23:26.270 --> 00:23:26.280 align:start position:0%
links are linking to your correct pages.
 

00:23:26.280 --> 00:23:28.270 align:start position:0%
links are linking to your correct pages.
And<00:23:26.400><c> we</c><00:23:26.480><c> can</c><00:23:26.640><c> get</c><00:23:26.840><c> to</c><00:23:26.920><c> that</c><00:23:27.120><c> text</c><00:23:27.640><c> by</c><00:23:28.000><c> just</c>

00:23:28.270 --> 00:23:28.280 align:start position:0%
And we can get to that text by just
 

00:23:28.280 --> 00:23:29.910 align:start position:0%
And we can get to that text by just
scrolling<00:23:28.680><c> down</c><00:23:28.920><c> below</c><00:23:29.240><c> these</c><00:23:29.560><c> delivery</c>

00:23:29.910 --> 00:23:29.920 align:start position:0%
scrolling down below these delivery
 

00:23:29.920 --> 00:23:32.630 align:start position:0%
scrolling down below these delivery
methods,<00:23:30.640><c> we'll</c><00:23:30.800><c> see</c><00:23:30.960><c> this</c><00:23:31.200><c> text</c><00:23:31.600><c> field</c><00:23:31.840><c> here.</c>

00:23:32.630 --> 00:23:32.640 align:start position:0%
methods, we'll see this text field here.
 

00:23:32.640 --> 00:23:35.270 align:start position:0%
methods, we'll see this text field here.
Click<00:23:32.880><c> into</c><00:23:33.080><c> that,</c><00:23:33.880><c> adjust</c><00:23:34.160><c> the</c><00:23:34.280><c> text,</c><00:23:35.160><c> and</c>

00:23:35.270 --> 00:23:35.280 align:start position:0%
Click into that, adjust the text, and
 

00:23:35.280 --> 00:23:37.990 align:start position:0%
Click into that, adjust the text, and
then<00:23:35.640><c> click</c><00:23:35.880><c> into</c><00:23:36.480><c> edit</c><00:23:36.720><c> link.</c>

00:23:37.990 --> 00:23:38.000 align:start position:0%
then click into edit link.
 

00:23:38.000 --> 00:23:39.110 align:start position:0%
then click into edit link.
Just<00:23:38.160><c> making</c><00:23:38.400><c> sure</c><00:23:38.560><c> you're</c><00:23:38.680><c> going</c><00:23:38.880><c> to</c><00:23:39.000><c> the</c>

00:23:39.110 --> 00:23:39.120 align:start position:0%
Just making sure you're going to the
 

00:23:39.120 --> 00:23:42.350 align:start position:0%
Just making sure you're going to the
right<00:23:39.400><c> place.</c>

00:23:42.350 --> 00:23:42.360 align:start position:0%
 
 

00:23:42.360 --> 00:23:44.190 align:start position:0%
 
And<00:23:42.440><c> click</c><00:23:42.680><c> done.</c>

00:23:44.190 --> 00:23:44.200 align:start position:0%
And click done.
 

00:23:44.200 --> 00:23:46.070 align:start position:0%
And click done.
And<00:23:44.320><c> then</c><00:23:44.480><c> just</c><00:23:44.640><c> repeat</c><00:23:44.960><c> these</c><00:23:45.120><c> steps</c><00:23:45.520><c> for</c>

00:23:46.070 --> 00:23:46.080 align:start position:0%
And then just repeat these steps for
 

00:23:46.080 --> 00:23:49.030 align:start position:0%
And then just repeat these steps for
your<00:23:46.520><c> return</c><00:23:46.920><c> policy,</c><00:23:47.880><c> size</c><00:23:48.200><c> guide,</c><00:23:48.840><c> and</c>

00:23:49.030 --> 00:23:49.040 align:start position:0%
your return policy, size guide, and
 

00:23:49.040 --> 00:23:51.190 align:start position:0%
your return policy, size guide, and
product<00:23:49.360><c> care.</c><00:23:50.080><c> And</c><00:23:50.240><c> at</c><00:23:50.280><c> any</c><00:23:50.480><c> point</c><00:23:50.880><c> you</c><00:23:51.000><c> want</c>

00:23:51.190 --> 00:23:51.200 align:start position:0%
product care. And at any point you want
 

00:23:51.200 --> 00:23:52.790 align:start position:0%
product care. And at any point you want
to<00:23:51.280><c> preview</c><00:23:51.680><c> this</c><00:23:51.880><c> theme</c><00:23:52.320><c> in</c><00:23:52.400><c> a</c><00:23:52.440><c> separate</c>

00:23:52.790 --> 00:23:52.800 align:start position:0%
to preview this theme in a separate
 

00:23:52.800 --> 00:23:54.910 align:start position:0%
to preview this theme in a separate
window,<00:23:53.360><c> you</c><00:23:53.480><c> can</c><00:23:53.640><c> do</c><00:23:53.840><c> that</c><00:23:54.120><c> by</c><00:23:54.320><c> first</c><00:23:54.720><c> of</c><00:23:54.800><c> all</c>

00:23:54.910 --> 00:23:54.920 align:start position:0%
window, you can do that by first of all
 

00:23:54.920 --> 00:23:57.350 align:start position:0%
window, you can do that by first of all
just<00:23:55.120><c> making</c><00:23:55.360><c> sure</c><00:23:55.520><c> you've</c><00:23:55.680><c> saved</c><00:23:56.280><c> top</c><00:23:56.480><c> right.</c>

00:23:57.350 --> 00:23:57.360 align:start position:0%
just making sure you've saved top right.
 

00:23:57.360 --> 00:23:59.430 align:start position:0%
just making sure you've saved top right.
And<00:23:57.480><c> then</c><00:23:57.880><c> click</c><00:23:58.120><c> on</c><00:23:58.200><c> this</c><00:23:58.720><c> drop-down</c><00:23:59.160><c> menu</c>

00:23:59.430 --> 00:23:59.440 align:start position:0%
And then click on this drop-down menu
 

00:23:59.440 --> 00:24:00.710 align:start position:0%
And then click on this drop-down menu
here.

00:24:00.710 --> 00:24:00.720 align:start position:0%
here.
 

00:24:00.720 --> 00:24:02.350 align:start position:0%
here.
And<00:24:00.800><c> then</c><00:24:00.920><c> click</c><00:24:01.200><c> preview.</c>

00:24:02.350 --> 00:24:02.360 align:start position:0%
And then click preview.
 

00:24:02.360 --> 00:24:03.990 align:start position:0%
And then click preview.
Once<00:24:02.560><c> you</c><00:24:02.640><c> click</c><00:24:02.800><c> on</c><00:24:02.880><c> that,</c><00:24:03.400><c> that'll</c><00:24:03.640><c> open</c><00:24:03.880><c> up</c>

00:24:03.990 --> 00:24:04.000 align:start position:0%
Once you click on that, that'll open up
 

00:24:04.000 --> 00:24:05.910 align:start position:0%
Once you click on that, that'll open up
a<00:24:04.040><c> new</c><00:24:04.280><c> tab</c><00:24:04.920><c> and</c><00:24:05.040><c> you</c><00:24:05.120><c> can</c><00:24:05.320><c> click</c><00:24:05.520><c> around</c>

00:24:05.910 --> 00:24:05.920 align:start position:0%
a new tab and you can click around
 

00:24:05.920 --> 00:24:07.430 align:start position:0%
a new tab and you can click around
making<00:24:06.160><c> sure</c><00:24:06.320><c> the</c><00:24:06.440><c> links</c><00:24:06.720><c> are</c><00:24:06.800><c> taking</c><00:24:07.080><c> them</c><00:24:07.320><c> to</c>

00:24:07.430 --> 00:24:07.440 align:start position:0%
making sure the links are taking them to
 

00:24:07.440 --> 00:24:09.070 align:start position:0%
making sure the links are taking them to
the<00:24:07.520><c> correct</c><00:24:07.760><c> places.</c>

00:24:09.070 --> 00:24:09.080 align:start position:0%
the correct places.
 

00:24:09.080 --> 00:24:10.750 align:start position:0%
the correct places.
So,<00:24:09.200><c> one</c><00:24:09.400><c> thing</c><00:24:09.560><c> we've</c><00:24:09.800><c> built</c><00:24:10.160><c> on</c><00:24:10.280><c> our</c><00:24:10.440><c> theme</c>

00:24:10.750 --> 00:24:10.760 align:start position:0%
So, one thing we've built on our theme
 

00:24:10.760 --> 00:24:12.630 align:start position:0%
So, one thing we've built on our theme
which<00:24:10.960><c> you</c><00:24:11.040><c> can't</c><00:24:11.400><c> see</c><00:24:11.560><c> here</c><00:24:11.800><c> yet</c><00:24:12.240><c> is</c>

00:24:12.630 --> 00:24:12.640 align:start position:0%
which you can't see here yet is
 

00:24:12.640 --> 00:24:15.630 align:start position:0%
which you can't see here yet is
recommended<00:24:13.440><c> upsells</c><00:24:14.040><c> or</c><00:24:14.400><c> pairs</c><00:24:14.840><c> well</c><00:24:15.040><c> with.</c>

00:24:15.630 --> 00:24:15.640 align:start position:0%
recommended upsells or pairs well with.
 

00:24:15.640 --> 00:24:17.950 align:start position:0%
recommended upsells or pairs well with.
Now,<00:24:15.800><c> this</c><00:24:16.040><c> is</c><00:24:16.200><c> using</c><00:24:16.520><c> an</c><00:24:16.680><c> app</c><00:24:16.920><c> called</c><00:24:17.600><c> Search</c>

00:24:17.950 --> 00:24:17.960 align:start position:0%
Now, this is using an app called Search
 

00:24:17.960 --> 00:24:20.110 align:start position:0%
Now, this is using an app called Search
and<00:24:18.040><c> Discovery.</c><00:24:19.000><c> Search</c><00:24:19.320><c> and</c><00:24:19.400><c> Discovery</c><00:24:19.960><c> is</c>

00:24:20.110 --> 00:24:20.120 align:start position:0%
and Discovery. Search and Discovery is
 

00:24:20.120 --> 00:24:22.790 align:start position:0%
and Discovery. Search and Discovery is
an<00:24:20.200><c> app</c><00:24:20.440><c> built</c><00:24:20.760><c> by</c><00:24:20.880><c> Shopify</c><00:24:21.680><c> and</c><00:24:21.840><c> is</c><00:24:21.960><c> free.</c><00:24:22.640><c> So,</c>

00:24:22.790 --> 00:24:22.800 align:start position:0%
an app built by Shopify and is free. So,
 

00:24:22.800 --> 00:24:24.670 align:start position:0%
an app built by Shopify and is free. So,
I<00:24:22.880><c> highly</c><00:24:23.200><c> recommend</c><00:24:23.920><c> installing</c><00:24:24.320><c> it</c><00:24:24.440><c> because</c>

00:24:24.670 --> 00:24:24.680 align:start position:0%
I highly recommend installing it because
 

00:24:24.680 --> 00:24:26.630 align:start position:0%
I highly recommend installing it because
it<00:24:24.800><c> does</c><00:24:25.040><c> this</c><00:24:25.480><c> along</c><00:24:25.720><c> with</c><00:24:25.840><c> a</c><00:24:25.880><c> few</c><00:24:26.200><c> other</c>

00:24:26.630 --> 00:24:26.640 align:start position:0%
it does this along with a few other
 

00:24:26.640 --> 00:24:27.750 align:start position:0%
it does this along with a few other
things,<00:24:26.960><c> too.</c>

00:24:27.750 --> 00:24:27.760 align:start position:0%
things, too.
 

00:24:27.760 --> 00:24:29.110 align:start position:0%
things, too.
So,<00:24:27.880><c> what</c><00:24:28.040><c> you'll</c><00:24:28.160><c> want</c><00:24:28.320><c> to</c><00:24:28.400><c> do</c><00:24:28.680><c> is</c><00:24:28.840><c> head</c><00:24:29.040><c> to</c>

00:24:29.110 --> 00:24:29.120 align:start position:0%
So, what you'll want to do is head to
 

00:24:29.120 --> 00:24:30.830 align:start position:0%
So, what you'll want to do is head to
the<00:24:29.240><c> Shopify</c><00:24:29.680><c> app</c><00:24:29.920><c> store</c>

00:24:30.830 --> 00:24:30.840 align:start position:0%
the Shopify app store
 

00:24:30.840 --> 00:24:33.150 align:start position:0%
the Shopify app store
and<00:24:30.920><c> then</c><00:24:31.080><c> search</c><00:24:31.440><c> for</c><00:24:31.680><c> Search</c><00:24:32.760><c> and</c>

00:24:33.150 --> 00:24:33.160 align:start position:0%
and then search for Search and
 

00:24:33.160 --> 00:24:36.310 align:start position:0%
and then search for Search and
Discovery.

00:24:36.310 --> 00:24:36.320 align:start position:0%
 
 

00:24:36.320 --> 00:24:37.270 align:start position:0%
 
And<00:24:36.360><c> you</c><00:24:36.440><c> can</c><00:24:36.560><c> see</c><00:24:36.720><c> I've</c><00:24:36.800><c> already</c><00:24:37.000><c> got</c><00:24:37.200><c> it</c>

00:24:37.270 --> 00:24:37.280 align:start position:0%
And you can see I've already got it
 

00:24:37.280 --> 00:24:39.430 align:start position:0%
And you can see I've already got it
installed,<00:24:38.040><c> but</c><00:24:38.760><c> if</c><00:24:38.880><c> you</c><00:24:38.960><c> haven't,</c><00:24:39.320><c> just</c>

00:24:39.430 --> 00:24:39.440 align:start position:0%
installed, but if you haven't, just
 

00:24:39.440 --> 00:24:40.870 align:start position:0%
installed, but if you haven't, just
click<00:24:39.640><c> install.</c>

00:24:40.870 --> 00:24:40.880 align:start position:0%
click install.
 

00:24:40.880 --> 00:24:42.030 align:start position:0%
click install.
And<00:24:40.920><c> then</c><00:24:41.040><c> once</c><00:24:41.200><c> it's</c><00:24:41.320><c> installed,</c><00:24:41.840><c> you</c><00:24:41.920><c> can</c>

00:24:42.030 --> 00:24:42.040 align:start position:0%
And then once it's installed, you can
 

00:24:42.040 --> 00:24:44.390 align:start position:0%
And then once it's installed, you can
just<00:24:42.240><c> search</c><00:24:42.560><c> for</c><00:24:42.640><c> the</c><00:24:42.760><c> app,</c>

00:24:44.390 --> 00:24:44.400 align:start position:0%
just search for the app,
 

00:24:44.400 --> 00:24:47.230 align:start position:0%
just search for the app,
open<00:24:44.640><c> it</c><00:24:44.720><c> up,</c>

00:24:47.230 --> 00:24:47.240 align:start position:0%
 
 

00:24:47.240 --> 00:24:49.470 align:start position:0%
 
and<00:24:47.360><c> then</c><00:24:47.800><c> we'll</c><00:24:47.920><c> see</c><00:24:48.200><c> on</c><00:24:48.280><c> the</c><00:24:48.360><c> left-hand</c><00:24:48.800><c> side</c>

00:24:49.470 --> 00:24:49.480 align:start position:0%
and then we'll see on the left-hand side
 

00:24:49.480 --> 00:24:51.030 align:start position:0%
and then we'll see on the left-hand side
recommendations.

00:24:51.030 --> 00:24:51.040 align:start position:0%
recommendations.
 

00:24:51.040 --> 00:24:52.550 align:start position:0%
recommendations.
Click<00:24:51.200><c> into</c><00:24:51.400><c> that.</c>

00:24:52.550 --> 00:24:52.560 align:start position:0%
Click into that.
 

00:24:52.560 --> 00:24:54.830 align:start position:0%
Click into that.
So,<00:24:52.720><c> we'll</c><00:24:52.880><c> search</c><00:24:53.200><c> for</c><00:24:53.280><c> the</c><00:24:53.360><c> product</c><00:24:54.040><c> green</c>

00:24:54.830 --> 00:24:54.840 align:start position:0%
So, we'll search for the product green
 

00:24:54.840 --> 00:24:58.590 align:start position:0%
So, we'll search for the product green
plastic<00:24:56.000><c> bottle,</c>

00:24:58.590 --> 00:24:58.600 align:start position:0%
 
 

00:24:58.600 --> 00:25:01.550 align:start position:0%
 
and<00:24:58.680><c> then</c><00:24:58.920><c> click</c><00:24:59.160><c> into</c><00:24:59.400><c> it.</c>

00:25:01.550 --> 00:25:01.560 align:start position:0%
and then click into it.
 

00:25:01.560 --> 00:25:04.030 align:start position:0%
and then click into it.
And<00:25:01.680><c> then</c><00:25:02.040><c> we</c><00:25:02.160><c> can</c><00:25:02.880><c> go</c><00:25:03.040><c> to</c><00:25:03.160><c> this</c><00:25:03.280><c> section</c><00:25:03.640><c> here,</c>

00:25:04.030 --> 00:25:04.040 align:start position:0%
And then we can go to this section here,
 

00:25:04.040 --> 00:25:06.710 align:start position:0%
And then we can go to this section here,
edit<00:25:04.360><c> complementary</c><00:25:04.880><c> products.</c><00:25:05.880><c> Let's</c><00:25:06.280><c> add</c><00:25:06.640><c> a</c>

00:25:06.710 --> 00:25:06.720 align:start position:0%
edit complementary products. Let's add a
 

00:25:06.720 --> 00:25:07.790 align:start position:0%
edit complementary products. Let's add a
few

00:25:07.790 --> 00:25:07.800 align:start position:0%
few
 

00:25:07.800 --> 00:25:10.270 align:start position:0%
few
to<00:25:07.840><c> that.</c>

00:25:10.270 --> 00:25:10.280 align:start position:0%
to that.
 

00:25:10.280 --> 00:25:12.350 align:start position:0%
to that.
Click<00:25:10.600><c> add.</c>

00:25:12.350 --> 00:25:12.360 align:start position:0%
Click add.
 

00:25:12.360 --> 00:25:14.990 align:start position:0%
Click add.
Then<00:25:12.560><c> hit</c><00:25:12.760><c> save.</c>

00:25:14.990 --> 00:25:15.000 align:start position:0%
Then hit save.
 

00:25:15.000 --> 00:25:16.910 align:start position:0%
Then hit save.
And<00:25:15.080><c> then</c><00:25:15.240><c> let's</c><00:25:15.560><c> refresh</c><00:25:16.080><c> this</c><00:25:16.280><c> area</c><00:25:16.800><c> and</c>

00:25:16.910 --> 00:25:16.920 align:start position:0%
And then let's refresh this area and
 

00:25:16.920 --> 00:25:18.750 align:start position:0%
And then let's refresh this area and
we'll<00:25:17.040><c> see</c><00:25:17.440><c> some</c><00:25:17.840><c> complementary</c><00:25:18.400><c> products</c>

00:25:18.750 --> 00:25:18.760 align:start position:0%
we'll see some complementary products
 

00:25:18.760 --> 00:25:21.190 align:start position:0%
we'll see some complementary products
appear<00:25:19.280><c> just</c><00:25:19.560><c> under</c><00:25:19.720><c> this</c><00:25:19.920><c> product</c><00:25:20.240><c> care.</c>

00:25:21.190 --> 00:25:21.200 align:start position:0%
appear just under this product care.
 

00:25:21.200 --> 00:25:25.070 align:start position:0%
appear just under this product care.
So<00:25:21.280><c> let's</c><00:25:21.520><c> refresh.</c>

00:25:25.070 --> 00:25:25.080 align:start position:0%
 
 

00:25:25.080 --> 00:25:27.150 align:start position:0%
 
Then<00:25:25.280><c> we've</c><00:25:25.400><c> got</c><00:25:25.560><c> this</c><00:25:25.920><c> pairs</c><00:25:26.400><c> well</c><00:25:26.640><c> with,</c>

00:25:27.150 --> 00:25:27.160 align:start position:0%
Then we've got this pairs well with,
 

00:25:27.160 --> 00:25:30.190 align:start position:0%
Then we've got this pairs well with,
which<00:25:27.400><c> works</c><00:25:27.680><c> as</c><00:25:27.880><c> a</c><00:25:28.080><c> carousel</c><00:25:28.880><c> can</c><00:25:29.080><c> slide.</c>

00:25:30.190 --> 00:25:30.200 align:start position:0%
which works as a carousel can slide.
 

00:25:30.200 --> 00:25:31.510 align:start position:0%
which works as a carousel can slide.
And<00:25:30.280><c> if</c><00:25:30.360><c> you</c><00:25:30.440><c> want</c><00:25:30.560><c> to</c><00:25:30.640><c> adjust</c><00:25:31.000><c> what</c><00:25:31.120><c> the</c><00:25:31.200><c> text</c>

00:25:31.510 --> 00:25:31.520 align:start position:0%
And if you want to adjust what the text
 

00:25:31.520 --> 00:25:34.950 align:start position:0%
And if you want to adjust what the text
says,<00:25:32.000><c> just</c><00:25:32.400><c> click</c><00:25:32.600><c> into</c><00:25:32.840><c> it</c><00:25:33.520><c> and</c><00:25:33.800><c> edit</c><00:25:34.080><c> here.</c>

00:25:34.950 --> 00:25:34.960 align:start position:0%
says, just click into it and edit here.
 

00:25:34.960 --> 00:25:36.430 align:start position:0%
says, just click into it and edit here.
Then<00:25:35.080><c> we</c><00:25:35.160><c> come</c><00:25:35.320><c> to</c><00:25:35.400><c> this</c><00:25:35.640><c> review</c><00:25:36.040><c> section</c>

00:25:36.430 --> 00:25:36.440 align:start position:0%
Then we come to this review section
 

00:25:36.440 --> 00:25:38.910 align:start position:0%
Then we come to this review section
here,<00:25:36.920><c> which</c><00:25:37.080><c> again</c><00:25:37.480><c> is</c><00:25:37.640><c> using</c><00:25:37.880><c> Judge.me.</c><00:25:38.680><c> So</c>

00:25:38.910 --> 00:25:38.920 align:start position:0%
here, which again is using Judge.me. So
 

00:25:38.920 --> 00:25:40.110 align:start position:0%
here, which again is using Judge.me. So
we've<00:25:39.160><c> turned</c><00:25:39.440><c> the</c><00:25:39.520><c> setting</c><00:25:39.880><c> on</c><00:25:40.000><c> at</c><00:25:40.040><c> the</c>

00:25:40.110 --> 00:25:40.120 align:start position:0%
we've turned the setting on at the
 

00:25:40.120 --> 00:25:42.190 align:start position:0%
we've turned the setting on at the
moment<00:25:40.640><c> that</c><00:25:40.760><c> if</c><00:25:40.920><c> no</c><00:25:41.280><c> reviews</c><00:25:41.680><c> are</c><00:25:41.760><c> showing,</c>

00:25:42.190 --> 00:25:42.200 align:start position:0%
moment that if no reviews are showing,
 

00:25:42.200 --> 00:25:44.190 align:start position:0%
moment that if no reviews are showing,
then<00:25:42.400><c> this</c><00:25:42.600><c> widget</c><00:25:42.960><c> will</c><00:25:43.080><c> hide.</c><00:25:43.720><c> But</c><00:25:43.840><c> just</c><00:25:44.080><c> to</c>

00:25:44.190 --> 00:25:44.200 align:start position:0%
then this widget will hide. But just to
 

00:25:44.200 --> 00:25:45.550 align:start position:0%
then this widget will hide. But just to
show<00:25:44.400><c> you</c><00:25:44.520><c> what</c><00:25:44.640><c> it</c><00:25:44.720><c> looks</c><00:25:44.920><c> like</c><00:25:45.120><c> on</c><00:25:45.400><c> the</c>

00:25:45.550 --> 00:25:45.560 align:start position:0%
show you what it looks like on the
 

00:25:45.560 --> 00:25:48.430 align:start position:0%
show you what it looks like on the
front,<00:25:46.280><c> let's</c><00:25:46.480><c> go</c><00:25:46.720><c> to</c><00:25:47.080><c> a</c><00:25:47.160><c> product.</c>

00:25:48.430 --> 00:25:48.440 align:start position:0%
front, let's go to a product.
 

00:25:48.440 --> 00:25:50.030 align:start position:0%
front, let's go to a product.
And<00:25:48.720><c> you'll</c><00:25:48.880><c> see</c><00:25:49.040><c> the</c><00:25:49.120><c> stars</c><00:25:49.680><c> underneath</c><00:25:49.960><c> the</c>

00:25:50.030 --> 00:25:50.040 align:start position:0%
And you'll see the stars underneath the
 

00:25:50.040 --> 00:25:51.990 align:start position:0%
And you'll see the stars underneath the
title.<00:25:50.800><c> So</c><00:25:50.920><c> when</c><00:25:51.080><c> I</c><00:25:51.120><c> click</c><00:25:51.400><c> on</c><00:25:51.480><c> that,</c><00:25:51.920><c> it'll</c>

00:25:51.990 --> 00:25:52.000 align:start position:0%
title. So when I click on that, it'll
 

00:25:52.000 --> 00:25:53.990 align:start position:0%
title. So when I click on that, it'll
scroll<00:25:52.240><c> me</c><00:25:52.320><c> down</c><00:25:52.600><c> to</c><00:25:52.720><c> this</c><00:25:52.920><c> section</c><00:25:53.240><c> here.</c><00:25:53.880><c> So</c>

00:25:53.990 --> 00:25:54.000 align:start position:0%
scroll me down to this section here. So
 

00:25:54.000 --> 00:25:55.710 align:start position:0%
scroll me down to this section here. So
this<00:25:54.200><c> is</c><00:25:54.280><c> what</c><00:25:54.400><c> it</c><00:25:54.520><c> will</c><00:25:54.600><c> look</c><00:25:54.800><c> like.</c><00:25:55.440><c> But</c><00:25:55.560><c> as</c>

00:25:55.710 --> 00:25:55.720 align:start position:0%
this is what it will look like. But as
 

00:25:55.720 --> 00:25:57.510 align:start position:0%
this is what it will look like. But as
always,<00:25:56.320><c> if</c><00:25:56.440><c> you</c><00:25:56.520><c> don't</c><00:25:56.800><c> want</c><00:25:57.040><c> it</c><00:25:57.360><c> and</c><00:25:57.440><c> you</c>

00:25:57.510 --> 00:25:57.520 align:start position:0%
always, if you don't want it and you
 

00:25:57.520 --> 00:25:59.030 align:start position:0%
always, if you don't want it and you
don't<00:25:57.720><c> have</c><00:25:57.840><c> reviews,</c><00:25:58.560><c> you</c><00:25:58.640><c> can</c><00:25:58.720><c> just</c><00:25:58.880><c> click</c>

00:25:59.030 --> 00:25:59.040 align:start position:0%
don't have reviews, you can just click
 

00:25:59.040 --> 00:26:01.670 align:start position:0%
don't have reviews, you can just click
into<00:25:59.560><c> the</c><00:25:59.680><c> review</c><00:26:00.000><c> section</c><00:26:00.880><c> and</c><00:26:01.000><c> then</c><00:26:01.480><c> hide</c>

00:26:01.670 --> 00:26:01.680 align:start position:0%
into the review section and then hide
 

00:26:01.680 --> 00:26:02.510 align:start position:0%
into the review section and then hide
it.

00:26:02.510 --> 00:26:02.520 align:start position:0%
it.
 

00:26:02.520 --> 00:26:03.830 align:start position:0%
it.
You've<00:26:02.600><c> got</c><00:26:02.800><c> this</c><00:26:03.080><c> you</c><00:26:03.200><c> may</c><00:26:03.360><c> also</c><00:26:03.600><c> like</c>

00:26:03.830 --> 00:26:03.840 align:start position:0%
You've got this you may also like
 

00:26:03.840 --> 00:26:05.270 align:start position:0%
You've got this you may also like
section,<00:26:04.400><c> which</c><00:26:04.600><c> will</c><00:26:04.760><c> automatically</c>

00:26:05.270 --> 00:26:05.280 align:start position:0%
section, which will automatically
 

00:26:05.280 --> 00:26:07.670 align:start position:0%
section, which will automatically
populate<00:26:05.880><c> from</c><00:26:06.280><c> Shopify.</c><00:26:07.240><c> But</c><00:26:07.320><c> you</c><00:26:07.360><c> can</c><00:26:07.480><c> also</c>

00:26:07.670 --> 00:26:07.680 align:start position:0%
populate from Shopify. But you can also
 

00:26:07.680 --> 00:26:09.350 align:start position:0%
populate from Shopify. But you can also
use<00:26:07.840><c> the</c><00:26:07.960><c> search</c><00:26:08.240><c> and</c><00:26:08.320><c> discovery</c><00:26:08.800><c> app</c><00:26:09.080><c> if</c><00:26:09.240><c> you</c>

00:26:09.350 --> 00:26:09.360 align:start position:0%
use the search and discovery app if you
 

00:26:09.360 --> 00:26:11.590 align:start position:0%
use the search and discovery app if you
do<00:26:09.600><c> want</c><00:26:09.840><c> to</c><00:26:10.120><c> force</c><00:26:10.760><c> what</c><00:26:10.920><c> is</c><00:26:11.040><c> shown</c><00:26:11.400><c> as</c><00:26:11.560><c> a</c>

00:26:11.590 --> 00:26:11.600 align:start position:0%
do want to force what is shown as a
 

00:26:11.600 --> 00:26:13.910 align:start position:0%
do want to force what is shown as a
recommendation.<00:26:12.800><c> And</c><00:26:12.920><c> that</c><00:26:13.080><c> is</c><00:26:13.200><c> done</c><00:26:13.520><c> by</c><00:26:13.640><c> just</c>

00:26:13.910 --> 00:26:13.920 align:start position:0%
recommendation. And that is done by just
 

00:26:13.920 --> 00:26:16.190 align:start position:0%
recommendation. And that is done by just
scrolling<00:26:14.360><c> down</c><00:26:15.320><c> below</c><00:26:15.640><c> this</c><00:26:15.800><c> section</c><00:26:16.080><c> we</c>

00:26:16.190 --> 00:26:16.200 align:start position:0%
scrolling down below this section we
 

00:26:16.200 --> 00:26:18.070 align:start position:0%
scrolling down below this section we
worked<00:26:16.440><c> on</c><00:26:16.560><c> just</c><00:26:16.760><c> a</c><00:26:16.800><c> minute</c><00:26:16.960><c> ago.</c>

00:26:18.070 --> 00:26:18.080 align:start position:0%
worked on just a minute ago.
 

00:26:18.080 --> 00:26:20.390 align:start position:0%
worked on just a minute ago.
You'll<00:26:18.200><c> see</c><00:26:18.600><c> edit</c><00:26:18.960><c> related</c><00:26:19.360><c> products.</c>

00:26:20.390 --> 00:26:20.400 align:start position:0%
You'll see edit related products.
 

00:26:20.400 --> 00:26:21.870 align:start position:0%
You'll see edit related products.
So<00:26:20.560><c> these</c><00:26:20.800><c> are</c><00:26:20.960><c> auto</c><00:26:21.200><c> generated</c><00:26:21.720><c> at</c><00:26:21.800><c> the</c>

00:26:21.870 --> 00:26:21.880 align:start position:0%
So these are auto generated at the
 

00:26:21.880 --> 00:26:24.470 align:start position:0%
So these are auto generated at the
moment,<00:26:22.480><c> but</c><00:26:22.640><c> you</c><00:26:22.760><c> can</c><00:26:23.160><c> browse</c><00:26:24.040><c> and</c><00:26:24.240><c> show</c>

00:26:24.470 --> 00:26:24.480 align:start position:0%
moment, but you can browse and show
 

00:26:24.480 --> 00:26:26.790 align:start position:0%
moment, but you can browse and show
whatever<00:26:24.800><c> items</c><00:26:25.040><c> you</c><00:26:25.120><c> need.</c><00:26:25.880><c> Then</c><00:26:26.200><c> finally</c><00:26:26.680><c> on</c>

00:26:26.790 --> 00:26:26.800 align:start position:0%
whatever items you need. Then finally on
 

00:26:26.800 --> 00:26:28.670 align:start position:0%
whatever items you need. Then finally on
the<00:26:26.880><c> product</c><00:26:27.120><c> page,</c><00:26:27.640><c> we've</c><00:26:27.760><c> got</c><00:26:27.920><c> these</c><00:26:28.200><c> two</c>

00:26:28.670 --> 00:26:28.680 align:start position:0%
the product page, we've got these two
 

00:26:28.680 --> 00:26:30.750 align:start position:0%
the product page, we've got these two
editorial<00:26:29.200><c> sections.</c><00:26:30.160><c> And</c><00:26:30.280><c> the</c><00:26:30.360><c> reason</c><00:26:30.640><c> why</c>

00:26:30.750 --> 00:26:30.760 align:start position:0%
editorial sections. And the reason why
 

00:26:30.760 --> 00:26:32.910 align:start position:0%
editorial sections. And the reason why
we<00:26:30.920><c> put</c><00:26:31.160><c> these</c><00:26:31.440><c> editorial</c><00:26:31.960><c> blocks</c><00:26:32.360><c> on</c><00:26:32.520><c> the</c>

00:26:32.910 --> 00:26:32.920 align:start position:0%
we put these editorial blocks on the
 

00:26:32.920 --> 00:26:34.710 align:start position:0%
we put these editorial blocks on the
product<00:26:33.240><c> page</c><00:26:33.640><c> as</c><00:26:33.840><c> well</c><00:26:34.120><c> as</c><00:26:34.280><c> the</c><00:26:34.360><c> collection</c>

00:26:34.710 --> 00:26:34.720 align:start position:0%
product page as well as the collection
 

00:26:34.720 --> 00:26:36.830 align:start position:0%
product page as well as the collection
page<00:26:35.240><c> is</c><00:26:35.360><c> that</c><00:26:35.520><c> you</c><00:26:35.640><c> can</c><00:26:35.760><c> get</c><00:26:35.920><c> traffic</c><00:26:36.400><c> landing</c>

00:26:36.830 --> 00:26:36.840 align:start position:0%
page is that you can get traffic landing
 

00:26:36.840 --> 00:26:38.510 align:start position:0%
page is that you can get traffic landing
directly<00:26:37.400><c> on</c><00:26:37.560><c> your</c><00:26:37.680><c> product</c><00:26:38.080><c> and</c><00:26:38.200><c> collection</c>

00:26:38.510 --> 00:26:38.520 align:start position:0%
directly on your product and collection
 

00:26:38.520 --> 00:26:40.710 align:start position:0%
directly on your product and collection
pages.<00:26:39.360><c> And</c><00:26:39.480><c> it's</c><00:26:39.600><c> a</c><00:26:39.640><c> real</c><00:26:39.880><c> good</c><00:26:40.040><c> way</c><00:26:40.280><c> to</c>

00:26:40.710 --> 00:26:40.720 align:start position:0%
pages. And it's a real good way to
 

00:26:40.720 --> 00:26:42.990 align:start position:0%
pages. And it's a real good way to
introduce<00:26:41.160><c> your</c><00:26:41.280><c> brand,</c><00:26:41.920><c> tell</c><00:26:42.160><c> your</c><00:26:42.280><c> story,</c>

00:26:42.990 --> 00:26:43.000 align:start position:0%
introduce your brand, tell your story,
 

00:26:43.000 --> 00:26:45.390 align:start position:0%
introduce your brand, tell your story,
build<00:26:43.240><c> trust,</c><00:26:43.760><c> etc.</c><00:26:44.520><c> So</c><00:26:44.640><c> you</c><00:26:44.760><c> can</c><00:26:45.000><c> make</c><00:26:45.200><c> these</c>

00:26:45.390 --> 00:26:45.400 align:start position:0%
build trust, etc. So you can make these
 

00:26:45.400 --> 00:26:47.630 align:start position:0%
build trust, etc. So you can make these
sections<00:26:45.760><c> differently</c><00:26:46.080><c> if</c><00:26:46.200><c> you</c><00:26:46.320><c> want,</c><00:26:47.040><c> but</c>

00:26:47.630 --> 00:26:47.640 align:start position:0%
sections differently if you want, but
 

00:26:47.640 --> 00:26:49.710 align:start position:0%
sections differently if you want, but
for<00:26:47.720><c> me,</c><00:26:48.280><c> I'm</c><00:26:48.480><c> happy</c><00:26:48.800><c> using</c><00:26:49.040><c> the</c><00:26:49.120><c> exact</c><00:26:49.440><c> same</c>

00:26:49.710 --> 00:26:49.720 align:start position:0%
for me, I'm happy using the exact same
 

00:26:49.720 --> 00:26:51.390 align:start position:0%
for me, I'm happy using the exact same
that<00:26:49.840><c> we've</c><00:26:49.960><c> got</c><00:26:50.160><c> on</c><00:26:50.240><c> the</c><00:26:50.320><c> homepage.</c><00:26:51.160><c> So</c><00:26:51.320><c> I</c>

00:26:51.390 --> 00:26:51.400 align:start position:0%
that we've got on the homepage. So I
 

00:26:51.400 --> 00:26:53.230 align:start position:0%
that we've got on the homepage. So I
just<00:26:51.560><c> need</c><00:26:51.680><c> to</c><00:26:51.800><c> copy</c><00:26:52.080><c> and</c><00:26:52.200><c> paste.</c><00:26:52.880><c> And</c><00:26:53.000><c> to</c><00:26:53.080><c> do</c>

00:26:53.230 --> 00:26:53.240 align:start position:0%
just need to copy and paste. And to do
 

00:26:53.240 --> 00:26:54.870 align:start position:0%
just need to copy and paste. And to do
that,<00:26:53.680><c> I'll</c><00:26:53.800><c> just</c><00:26:53.960><c> head</c><00:26:54.160><c> back</c><00:26:54.400><c> to</c><00:26:54.480><c> the</c><00:26:54.680><c> home</c>

00:26:54.870 --> 00:26:54.880 align:start position:0%
that, I'll just head back to the home
 

00:26:54.880 --> 00:26:56.830 align:start position:0%
that, I'll just head back to the home
page.

00:26:56.830 --> 00:26:56.840 align:start position:0%
page.
 

00:26:56.840 --> 00:27:00.230 align:start position:0%
page.
Scroll<00:26:57.280><c> down</c><00:26:58.200><c> to</c><00:26:58.320><c> this</c><00:26:58.760><c> section</c><00:26:59.160><c> here,</c>

00:27:00.230 --> 00:27:00.240 align:start position:0%
Scroll down to this section here,
 

00:27:00.240 --> 00:27:01.990 align:start position:0%
Scroll down to this section here,
making<00:27:00.560><c> sure</c><00:27:00.760><c> that</c><00:27:00.880><c> I've</c><00:27:01.040><c> got</c><00:27:01.400><c> the</c><00:27:01.520><c> whole</c>

00:27:01.990 --> 00:27:02.000 align:start position:0%
making sure that I've got the whole
 

00:27:02.000 --> 00:27:04.270 align:start position:0%
making sure that I've got the whole
editorial<00:27:02.560><c> section</c><00:27:02.960><c> highlighted.</c>

00:27:04.270 --> 00:27:04.280 align:start position:0%
editorial section highlighted.
 

00:27:04.280 --> 00:27:06.790 align:start position:0%
editorial section highlighted.
So,<00:27:04.400><c> you</c><00:27:04.480><c> click</c><00:27:04.680><c> on</c><00:27:04.800><c> editorial,</c><00:27:05.800><c> right</c><00:27:06.040><c> click,</c>

00:27:06.790 --> 00:27:06.800 align:start position:0%
So, you click on editorial, right click,
 

00:27:06.800 --> 00:27:08.230 align:start position:0%
So, you click on editorial, right click,
copy,

00:27:08.230 --> 00:27:08.240 align:start position:0%
copy,
 

00:27:08.240 --> 00:27:11.510 align:start position:0%
copy,
head<00:27:08.400><c> back</c><00:27:08.600><c> to</c><00:27:08.720><c> our</c><00:27:08.840><c> product</c><00:27:09.120><c> template.</c>

00:27:11.510 --> 00:27:11.520 align:start position:0%
head back to our product template.
 

00:27:11.520 --> 00:27:13.110 align:start position:0%
head back to our product template.
And<00:27:11.600><c> then</c><00:27:11.720><c> I</c><00:27:11.760><c> want</c><00:27:12.080><c> it</c><00:27:12.360><c> after</c><00:27:12.680><c> this</c><00:27:12.880><c> you</c><00:27:13.000><c> may</c>

00:27:13.110 --> 00:27:13.120 align:start position:0%
And then I want it after this you may
 

00:27:13.120 --> 00:27:15.510 align:start position:0%
And then I want it after this you may
also<00:27:13.320><c> like</c><00:27:13.520><c> section,</c><00:27:13.960><c> so</c><00:27:14.560><c> click</c><00:27:14.760><c> into</c><00:27:14.920><c> that</c>

00:27:15.510 --> 00:27:15.520 align:start position:0%
also like section, so click into that
 

00:27:15.520 --> 00:27:17.230 align:start position:0%
also like section, so click into that
and<00:27:15.640><c> then</c><00:27:16.000><c> right</c><00:27:16.280><c> click</c><00:27:16.520><c> on</c><00:27:16.800><c> recommended</c>

00:27:17.230 --> 00:27:17.240 align:start position:0%
and then right click on recommended
 

00:27:17.240 --> 00:27:20.470 align:start position:0%
and then right click on recommended
products<00:27:18.080><c> and</c><00:27:18.160><c> then</c><00:27:18.320><c> paste</c><00:27:18.760><c> after.</c>

00:27:20.470 --> 00:27:20.480 align:start position:0%
products and then paste after.
 

00:27:20.480 --> 00:27:22.270 align:start position:0%
products and then paste after.
And<00:27:20.680><c> then</c><00:27:20.800><c> that</c><00:27:20.960><c> is</c><00:27:21.080><c> copied</c><00:27:21.400><c> over.</c>

00:27:22.270 --> 00:27:22.280 align:start position:0%
And then that is copied over.
 

00:27:22.280 --> 00:27:23.830 align:start position:0%
And then that is copied over.
Obviously,<00:27:22.680><c> we've</c><00:27:22.800><c> not</c><00:27:22.920><c> made</c><00:27:23.080><c> any</c><00:27:23.240><c> changes</c><00:27:23.720><c> on</c>

00:27:23.830 --> 00:27:23.840 align:start position:0%
Obviously, we've not made any changes on
 

00:27:23.840 --> 00:27:25.670 align:start position:0%
Obviously, we've not made any changes on
the<00:27:23.920><c> home</c><00:27:24.120><c> page,</c><00:27:24.480><c> so</c><00:27:24.640><c> it's</c><00:27:24.840><c> not</c><00:27:25.160><c> any</c><00:27:25.360><c> different</c>

00:27:25.670 --> 00:27:25.680 align:start position:0%
the home page, so it's not any different
 

00:27:25.680 --> 00:27:27.310 align:start position:0%
the home page, so it's not any different
right<00:27:25.840><c> now,</c><00:27:26.440><c> but</c><00:27:26.560><c> that's</c><00:27:26.720><c> just</c><00:27:26.880><c> a</c><00:27:26.960><c> real</c><00:27:27.120><c> good</c>

00:27:27.310 --> 00:27:27.320 align:start position:0%
right now, but that's just a real good
 

00:27:27.320 --> 00:27:29.190 align:start position:0%
right now, but that's just a real good
way<00:27:27.520><c> to</c><00:27:27.800><c> copy</c><00:27:28.120><c> and</c><00:27:28.240><c> paste</c><00:27:28.520><c> sections</c><00:27:29.040><c> from</c>

00:27:29.190 --> 00:27:29.200 align:start position:0%
way to copy and paste sections from
 

00:27:29.200 --> 00:27:31.230 align:start position:0%
way to copy and paste sections from
different<00:27:29.520><c> templates</c><00:27:30.480><c> to</c><00:27:30.640><c> other</c><00:27:30.880><c> areas</c><00:27:31.120><c> of</c>

00:27:31.230 --> 00:27:31.240 align:start position:0%
different templates to other areas of
 

00:27:31.240 --> 00:27:33.350 align:start position:0%
different templates to other areas of
your<00:27:31.360><c> site</c><00:27:31.880><c> without</c><00:27:32.160><c> doing</c><00:27:32.320><c> it</c><00:27:32.400><c> all</c><00:27:32.520><c> manually.</c>

00:27:33.350 --> 00:27:33.360 align:start position:0%
your site without doing it all manually.
 

00:27:33.360 --> 00:27:36.270 align:start position:0%
your site without doing it all manually.
So,<00:27:33.480><c> let's</c><00:27:33.880><c> save</c><00:27:34.160><c> the</c><00:27:34.240><c> product</c><00:27:34.520><c> template.</c>

00:27:36.270 --> 00:27:36.280 align:start position:0%
So, let's save the product template.
 

00:27:36.280 --> 00:27:37.950 align:start position:0%
So, let's save the product template.
Next<00:27:36.640><c> up,</c><00:27:36.840><c> we'll</c><00:27:37.000><c> head</c><00:27:37.200><c> to</c><00:27:37.280><c> the</c><00:27:37.440><c> collection</c>

00:27:37.950 --> 00:27:37.960 align:start position:0%
Next up, we'll head to the collection
 

00:27:37.960 --> 00:27:41.350 align:start position:0%
Next up, we'll head to the collection
template.

00:27:41.350 --> 00:27:41.360 align:start position:0%
 
 

00:27:41.360 --> 00:27:43.070 align:start position:0%
 
Now,<00:27:41.640><c> with</c><00:27:41.840><c> our</c><00:27:41.960><c> collection</c><00:27:42.320><c> template,</c><00:27:42.960><c> we</c>

00:27:43.070 --> 00:27:43.080 align:start position:0%
Now, with our collection template, we
 

00:27:43.080 --> 00:27:44.510 align:start position:0%
Now, with our collection template, we
can<00:27:43.280><c> do</c><00:27:43.480><c> the</c><00:27:43.600><c> same</c><00:27:43.920><c> that</c><00:27:44.040><c> we</c><00:27:44.120><c> did</c><00:27:44.320><c> with</c><00:27:44.440><c> our</c>

00:27:44.510 --> 00:27:44.520 align:start position:0%
can do the same that we did with our
 

00:27:44.520 --> 00:27:46.590 align:start position:0%
can do the same that we did with our
products.<00:27:45.360><c> So,</c><00:27:45.840><c> at</c><00:27:45.920><c> the</c><00:27:46.000><c> moment,</c><00:27:46.480><c> we're</c>

00:27:46.590 --> 00:27:46.600 align:start position:0%
products. So, at the moment, we're
 

00:27:46.600 --> 00:27:49.190 align:start position:0%
products. So, at the moment, we're
previewing<00:27:47.120><c> the</c><00:27:47.560><c> front</c><00:27:47.880><c> page.</c><00:27:48.680><c> If</c><00:27:48.840><c> I</c><00:27:48.920><c> want</c><00:27:49.120><c> to</c>

00:27:49.190 --> 00:27:49.200 align:start position:0%
previewing the front page. If I want to
 

00:27:49.200 --> 00:27:51.030 align:start position:0%
previewing the front page. If I want to
look<00:27:49.480><c> at</c><00:27:49.680><c> the</c><00:27:50.080><c> main</c><00:27:50.400><c> collection,</c><00:27:50.920><c> for</c>

00:27:51.030 --> 00:27:51.040 align:start position:0%
look at the main collection, for
 

00:27:51.040 --> 00:27:54.190 align:start position:0%
look at the main collection, for
example,<00:27:51.840><c> I'll</c><00:27:51.960><c> click</c><00:27:52.240><c> into</c><00:27:52.480><c> that.</c>

00:27:54.190 --> 00:27:54.200 align:start position:0%
example, I'll click into that.
 

00:27:54.200 --> 00:27:56.150 align:start position:0%
example, I'll click into that.
So,<00:27:54.600><c> all</c><00:27:54.800><c> three</c><00:27:55.040><c> of</c><00:27:55.120><c> these</c><00:27:55.320><c> areas,</c><00:27:55.880><c> your</c>

00:27:56.150 --> 00:27:56.160 align:start position:0%
So, all three of these areas, your
 

00:27:56.160 --> 00:27:58.710 align:start position:0%
So, all three of these areas, your
image,<00:27:56.760><c> your</c><00:27:57.000><c> title,</c><00:27:57.560><c> and</c><00:27:57.720><c> your</c><00:27:57.840><c> text</c><00:27:58.360><c> is</c><00:27:58.560><c> all</c>

00:27:58.710 --> 00:27:58.720 align:start position:0%
image, your title, and your text is all
 

00:27:58.720 --> 00:28:01.110 align:start position:0%
image, your title, and your text is all
linked<00:27:59.080><c> dynamically.</c><00:28:00.200><c> Now,</c><00:28:00.400><c> I'd</c><00:28:00.600><c> leave</c><00:28:00.840><c> this</c>

00:28:01.110 --> 00:28:01.120 align:start position:0%
linked dynamically. Now, I'd leave this
 

00:28:01.120 --> 00:28:03.390 align:start position:0%
linked dynamically. Now, I'd leave this
as<00:28:01.320><c> it</c><00:28:01.440><c> is.</c><00:28:01.720><c> Don't</c><00:28:02.000><c> edit</c><00:28:02.200><c> this</c><00:28:02.440><c> because</c><00:28:03.200><c> this</c>

00:28:03.390 --> 00:28:03.400 align:start position:0%
as it is. Don't edit this because this
 

00:28:03.400 --> 00:28:05.150 align:start position:0%
as it is. Don't edit this because this
is<00:28:03.560><c> a</c><00:28:03.600><c> template</c><00:28:04.160><c> that's</c><00:28:04.360><c> being</c><00:28:04.560><c> used</c><00:28:04.760><c> across</c>

00:28:05.150 --> 00:28:05.160 align:start position:0%
is a template that's being used across
 

00:28:05.160 --> 00:28:06.910 align:start position:0%
is a template that's being used across
all<00:28:05.360><c> collections.</c><00:28:06.200><c> So,</c><00:28:06.320><c> if</c><00:28:06.440><c> I</c><00:28:06.520><c> were</c><00:28:06.640><c> to</c><00:28:06.760><c> go</c>

00:28:06.910 --> 00:28:06.920 align:start position:0%
all collections. So, if I were to go
 

00:28:06.920 --> 00:28:10.190 align:start position:0%
all collections. So, if I were to go
into<00:28:07.160><c> here</c><00:28:07.960><c> and</c><00:28:08.400><c> put</c><00:28:08.600><c> in</c><00:28:08.720><c> some</c><00:28:08.920><c> extra</c><00:28:09.160><c> text,</c>

00:28:10.190 --> 00:28:10.200 align:start position:0%
into here and put in some extra text,
 

00:28:10.200 --> 00:28:12.310 align:start position:0%
into here and put in some extra text,
then<00:28:10.400><c> that</c><00:28:10.640><c> will</c><00:28:10.760><c> show</c><00:28:10.920><c> on</c><00:28:11.080><c> every</c><00:28:11.320><c> collection.</c>

00:28:12.310 --> 00:28:12.320 align:start position:0%
then that will show on every collection.
 

00:28:12.320 --> 00:28:14.430 align:start position:0%
then that will show on every collection.
If<00:28:12.720><c> that's</c><00:28:13.000><c> okay</c><00:28:13.520><c> and</c><00:28:13.640><c> you</c><00:28:13.720><c> want</c><00:28:13.920><c> that,</c><00:28:14.200><c> then</c>

00:28:14.430 --> 00:28:14.440 align:start position:0%
If that's okay and you want that, then
 

00:28:14.440 --> 00:28:16.270 align:start position:0%
If that's okay and you want that, then
great,<00:28:15.040><c> but</c><00:28:15.200><c> just</c><00:28:15.360><c> be</c><00:28:15.440><c> aware</c><00:28:15.760><c> that</c><00:28:15.960><c> this</c><00:28:16.120><c> is</c>

00:28:16.270 --> 00:28:16.280 align:start position:0%
great, but just be aware that this is
 

00:28:16.280 --> 00:28:18.670 align:start position:0%
great, but just be aware that this is
one<00:28:16.480><c> template</c><00:28:16.960><c> used</c><00:28:17.160><c> across</c><00:28:17.560><c> all.</c><00:28:18.360><c> I'll</c><00:28:18.480><c> just</c>

00:28:18.670 --> 00:28:18.680 align:start position:0%
one template used across all. I'll just
 

00:28:18.680 --> 00:28:20.430 align:start position:0%
one template used across all. I'll just
delete<00:28:18.920><c> that</c><00:28:19.640><c> and</c><00:28:19.760><c> put</c><00:28:19.920><c> it</c><00:28:20.000><c> back</c><00:28:20.200><c> to</c><00:28:20.280><c> what</c><00:28:20.400><c> it</c>

00:28:20.430 --> 00:28:20.440 align:start position:0%
delete that and put it back to what it
 

00:28:20.440 --> 00:28:21.230 align:start position:0%
delete that and put it back to what it
was.

00:28:21.230 --> 00:28:21.240 align:start position:0%
was.
 

00:28:21.240 --> 00:28:23.070 align:start position:0%
was.
And<00:28:21.360><c> just</c><00:28:21.520><c> below</c><00:28:21.720><c> the</c><00:28:21.840><c> header,</c><00:28:22.480><c> we</c><00:28:22.640><c> have</c><00:28:22.800><c> this</c>

00:28:23.070 --> 00:28:23.080 align:start position:0%
And just below the header, we have this
 

00:28:23.080 --> 00:28:26.110 align:start position:0%
And just below the header, we have this
filtering<00:28:23.760><c> and</c><00:28:23.920><c> sorting</c><00:28:24.320><c> bar.</c><00:28:25.040><c> This</c><00:28:25.240><c> is</c><00:28:25.440><c> also</c>

00:28:26.110 --> 00:28:26.120 align:start position:0%
filtering and sorting bar. This is also
 

00:28:26.120 --> 00:28:28.190 align:start position:0%
filtering and sorting bar. This is also
linked<00:28:26.400><c> up</c><00:28:26.600><c> to</c><00:28:27.280><c> the</c><00:28:27.360><c> search</c><00:28:27.720><c> and</c><00:28:27.800><c> discovery</c>

00:28:28.190 --> 00:28:28.200 align:start position:0%
linked up to the search and discovery
 

00:28:28.200 --> 00:28:30.510 align:start position:0%
linked up to the search and discovery
app<00:28:28.360><c> by</c><00:28:28.480><c> Shopify.</c><00:28:29.440><c> So,</c><00:28:29.720><c> we've</c><00:28:29.920><c> got</c>

00:28:30.510 --> 00:28:30.520 align:start position:0%
app by Shopify. So, we've got
 

00:28:30.520 --> 00:28:33.350 align:start position:0%
app by Shopify. So, we've got
availability,<00:28:31.680><c> product</c><00:28:31.960><c> type,</c><00:28:32.400><c> price,</c><00:28:32.920><c> tags,</c>

00:28:33.350 --> 00:28:33.360 align:start position:0%
availability, product type, price, tags,
 

00:28:33.360 --> 00:28:35.990 align:start position:0%
availability, product type, price, tags,
and<00:28:33.520><c> USP</c><00:28:34.280><c> set</c><00:28:34.560><c> up</c><00:28:34.680><c> currently.</c><00:28:35.520><c> So,</c><00:28:35.640><c> let's</c><00:28:35.800><c> just</c>

00:28:35.990 --> 00:28:36.000 align:start position:0%
and USP set up currently. So, let's just
 

00:28:36.000 --> 00:28:37.710 align:start position:0%
and USP set up currently. So, let's just
head<00:28:36.200><c> back</c><00:28:36.480><c> to</c><00:28:36.600><c> the</c><00:28:36.920><c> search</c><00:28:37.200><c> and</c><00:28:37.280><c> discovery</c>

00:28:37.710 --> 00:28:37.720 align:start position:0%
head back to the search and discovery
 

00:28:37.720 --> 00:28:39.750 align:start position:0%
head back to the search and discovery
app.

00:28:39.750 --> 00:28:39.760 align:start position:0%
app.
 

00:28:39.760 --> 00:28:42.830 align:start position:0%
app.
Click<00:28:39.960><c> into</c><00:28:40.400><c> search</c><00:28:40.720><c> and</c><00:28:40.800><c> discovery.</c>

00:28:42.830 --> 00:28:42.840 align:start position:0%
Click into search and discovery.
 

00:28:42.840 --> 00:28:43.870 align:start position:0%
Click into search and discovery.
Then<00:28:43.040><c> instead</c><00:28:43.320><c> of</c><00:28:43.400><c> clicking</c><00:28:43.640><c> into</c>

00:28:43.870 --> 00:28:43.880 align:start position:0%
Then instead of clicking into
 

00:28:43.880 --> 00:28:45.630 align:start position:0%
Then instead of clicking into
recommendations<00:28:44.600><c> this</c><00:28:44.760><c> time,</c><00:28:45.360><c> we're</c><00:28:45.480><c> going</c>

00:28:45.630 --> 00:28:45.640 align:start position:0%
recommendations this time, we're going
 

00:28:45.640 --> 00:28:47.830 align:start position:0%
recommendations this time, we're going
to<00:28:45.720><c> click</c><00:28:45.960><c> on</c><00:28:46.160><c> filters.</c>

00:28:47.830 --> 00:28:47.840 align:start position:0%
to click on filters.
 

00:28:47.840 --> 00:28:49.430 align:start position:0%
to click on filters.
And<00:28:47.960><c> here,</c><00:28:48.320><c> we've</c><00:28:48.480><c> got</c><00:28:48.720><c> all</c><00:28:48.840><c> of</c><00:28:48.960><c> our</c><00:28:49.040><c> filters</c>

00:28:49.430 --> 00:28:49.440 align:start position:0%
And here, we've got all of our filters
 

00:28:49.440 --> 00:28:51.830 align:start position:0%
And here, we've got all of our filters
set<00:28:49.680><c> up.</c><00:28:50.320><c> If</c><00:28:50.480><c> I</c><00:28:50.560><c> wanted</c><00:28:51.080><c> the</c><00:28:51.160><c> price</c><00:28:51.600><c> to</c><00:28:51.720><c> be</c>

00:28:51.830 --> 00:28:51.840 align:start position:0%
set up. If I wanted the price to be
 

00:28:51.840 --> 00:28:53.510 align:start position:0%
set up. If I wanted the price to be
shown<00:28:52.160><c> before</c><00:28:52.640><c> the</c><00:28:52.720><c> product</c><00:28:52.960><c> type,</c><00:28:53.320><c> I</c><00:28:53.400><c> can</c>

00:28:53.510 --> 00:28:53.520 align:start position:0%
shown before the product type, I can
 

00:28:53.520 --> 00:28:55.470 align:start position:0%
shown before the product type, I can
just<00:28:53.760><c> click,</c><00:28:54.240><c> drag,</c>

00:28:55.470 --> 00:28:55.480 align:start position:0%
just click, drag,
 

00:28:55.480 --> 00:28:58.190 align:start position:0%
just click, drag,
pop<00:28:55.600><c> it</c><00:28:55.680><c> above,</c><00:28:56.280><c> and</c><00:28:56.360><c> then</c><00:28:56.480><c> hit</c><00:28:56.640><c> save.</c>

00:28:58.190 --> 00:28:58.200 align:start position:0%
pop it above, and then hit save.
 

00:28:58.200 --> 00:29:02.030 align:start position:0%
pop it above, and then hit save.
And<00:28:58.280><c> let's</c><00:28:58.440><c> refresh</c><00:28:58.800><c> this.</c>

00:29:02.030 --> 00:29:02.040 align:start position:0%
 
 

00:29:02.040 --> 00:29:03.270 align:start position:0%
 
And<00:29:02.120><c> we've</c><00:29:02.240><c> got</c><00:29:02.360><c> the</c><00:29:02.440><c> price</c><00:29:02.960><c> before</c><00:29:03.200><c> the</c>

00:29:03.270 --> 00:29:03.280 align:start position:0%
And we've got the price before the
 

00:29:03.280 --> 00:29:05.230 align:start position:0%
And we've got the price before the
product<00:29:03.520><c> type.</c><00:29:04.360><c> If</c><00:29:04.560><c> I</c><00:29:04.640><c> wanted</c><00:29:04.960><c> to</c><00:29:05.040><c> go</c><00:29:05.120><c> and</c>

00:29:05.230 --> 00:29:05.240 align:start position:0%
product type. If I wanted to go and
 

00:29:05.240 --> 00:29:07.150 align:start position:0%
product type. If I wanted to go and
create<00:29:05.600><c> a</c><00:29:05.680><c> new</c><00:29:06.040><c> filter,</c>

00:29:07.150 --> 00:29:07.160 align:start position:0%
create a new filter,
 

00:29:07.160 --> 00:29:09.150 align:start position:0%
create a new filter,
then<00:29:07.720><c> I</c><00:29:07.800><c> would</c><00:29:07.920><c> do</c><00:29:08.080><c> that</c><00:29:08.560><c> by</c><00:29:08.680><c> going</c><00:29:08.920><c> back</c><00:29:09.040><c> to</c>

00:29:09.150 --> 00:29:09.160 align:start position:0%
then I would do that by going back to
 

00:29:09.160 --> 00:29:11.910 align:start position:0%
then I would do that by going back to
here,<00:29:09.840><c> top</c><00:29:10.080><c> right,</c><00:29:10.360><c> click</c><00:29:10.600><c> on</c><00:29:10.760><c> add</c><00:29:10.960><c> filter.</c>

00:29:11.910 --> 00:29:11.920 align:start position:0%
here, top right, click on add filter.
 

00:29:11.920 --> 00:29:13.910 align:start position:0%
here, top right, click on add filter.
You<00:29:11.960><c> can</c><00:29:12.120><c> select</c><00:29:12.440><c> a</c><00:29:12.480><c> source,</c><00:29:13.440><c> and</c><00:29:13.520><c> you</c><00:29:13.600><c> can</c><00:29:13.720><c> use</c>

00:29:13.910 --> 00:29:13.920 align:start position:0%
You can select a source, and you can use
 

00:29:13.920 --> 00:29:15.870 align:start position:0%
You can select a source, and you can use
any<00:29:14.080><c> of</c><00:29:14.160><c> these</c><00:29:14.360><c> that</c><00:29:14.440><c> are</c><00:29:14.480><c> set</c><00:29:14.760><c> up.</c><00:29:15.440><c> Or</c><00:29:15.640><c> you</c><00:29:15.760><c> can</c>

00:29:15.870 --> 00:29:15.880 align:start position:0%
any of these that are set up. Or you can
 

00:29:15.880 --> 00:29:18.190 align:start position:0%
any of these that are set up. Or you can
set<00:29:16.160><c> up</c><00:29:16.360><c> new</c><00:29:16.760><c> meta</c><00:29:17.080><c> fields.</c><00:29:17.840><c> So,</c><00:29:17.920><c> if</c><00:29:18.000><c> you</c><00:29:18.080><c> have</c>

00:29:18.190 --> 00:29:18.200 align:start position:0%
set up new meta fields. So, if you have
 

00:29:18.200 --> 00:29:20.310 align:start position:0%
set up new meta fields. So, if you have
lots<00:29:18.400><c> of</c><00:29:18.480><c> product</c><00:29:18.760><c> meta</c><00:29:19.000><c> fields</c><00:29:19.440><c> like</c><00:29:19.840><c> size,</c>

00:29:20.310 --> 00:29:20.320 align:start position:0%
lots of product meta fields like size,
 

00:29:20.320 --> 00:29:23.750 align:start position:0%
lots of product meta fields like size,
material,<00:29:21.160><c> color,</c><00:29:21.960><c> dimensions,</c><00:29:22.880><c> etc.,</c><00:29:23.640><c> you</c>

00:29:23.750 --> 00:29:23.760 align:start position:0%
material, color, dimensions, etc., you
 

00:29:23.760 --> 00:29:25.190 align:start position:0%
material, color, dimensions, etc., you
can<00:29:23.920><c> link</c><00:29:24.120><c> the</c><00:29:24.200><c> filter</c><00:29:24.600><c> up</c><00:29:24.840><c> to</c><00:29:24.960><c> one</c><00:29:25.080><c> of</c><00:29:25.160><c> the</c>

00:29:25.190 --> 00:29:25.200 align:start position:0%
can link the filter up to one of the
 

00:29:25.200 --> 00:29:27.550 align:start position:0%
can link the filter up to one of the
product<00:29:25.480><c> meta</c><00:29:25.720><c> fields,</c><00:29:26.520><c> and</c><00:29:26.640><c> then</c>

00:29:27.550 --> 00:29:27.560 align:start position:0%
product meta fields, and then
 

00:29:27.560 --> 00:29:29.390 align:start position:0%
product meta fields, and then
click<00:29:27.760><c> save,</c><00:29:28.560><c> and</c><00:29:28.640><c> then</c><00:29:28.800><c> you'll</c><00:29:28.920><c> see</c><00:29:29.240><c> that</c>

00:29:29.390 --> 00:29:29.400 align:start position:0%
click save, and then you'll see that
 

00:29:29.400 --> 00:29:31.670 align:start position:0%
click save, and then you'll see that
that<00:29:30.000><c> will</c><00:29:30.120><c> be</c><00:29:30.240><c> shown</c><00:29:30.560><c> here.</c><00:29:31.240><c> And</c><00:29:31.360><c> once</c><00:29:31.560><c> you've</c>

00:29:31.670 --> 00:29:31.680 align:start position:0%
that will be shown here. And once you've
 

00:29:31.680 --> 00:29:33.230 align:start position:0%
that will be shown here. And once you've
saved<00:29:31.920><c> that,</c><00:29:32.520><c> that</c><00:29:32.640><c> will</c><00:29:32.760><c> then</c><00:29:32.920><c> give</c><00:29:33.120><c> your</c>

00:29:33.230 --> 00:29:33.240 align:start position:0%
saved that, that will then give your
 

00:29:33.240 --> 00:29:35.710 align:start position:0%
saved that, that will then give your
customers<00:29:33.720><c> the</c><00:29:33.800><c> ability</c><00:29:34.320><c> to</c><00:29:34.560><c> filter</c><00:29:35.360><c> across</c>

00:29:35.710 --> 00:29:35.720 align:start position:0%
customers the ability to filter across
 

00:29:35.720 --> 00:29:39.470 align:start position:0%
customers the ability to filter across
here<00:29:36.000><c> by</c><00:29:36.520><c> material,</c><00:29:37.240><c> say</c><00:29:38.160><c> gold</c><00:29:38.600><c> or</c><00:29:38.720><c> silver.</c>

00:29:39.470 --> 00:29:39.480 align:start position:0%
here by material, say gold or silver.
 

00:29:39.480 --> 00:29:41.070 align:start position:0%
here by material, say gold or silver.
And<00:29:39.600><c> this</c><00:29:39.760><c> just</c><00:29:39.920><c> really</c><00:29:40.120><c> helps</c><00:29:40.360><c> customers</c><00:29:40.920><c> to</c>

00:29:41.070 --> 00:29:41.080 align:start position:0%
And this just really helps customers to
 

00:29:41.080 --> 00:29:42.670 align:start position:0%
And this just really helps customers to
find<00:29:41.520><c> exactly</c><00:29:41.960><c> what</c><00:29:42.080><c> it</c><00:29:42.160><c> is</c><00:29:42.280><c> they're</c><00:29:42.400><c> looking</c>

00:29:42.670 --> 00:29:42.680 align:start position:0%
find exactly what it is they're looking
 

00:29:42.680 --> 00:29:44.950 align:start position:0%
find exactly what it is they're looking
for.<00:29:43.360><c> And</c><00:29:43.520><c> likewise,</c><00:29:44.440><c> the</c><00:29:44.520><c> bottom</c><00:29:44.800><c> of</c><00:29:44.880><c> the</c>

00:29:44.950 --> 00:29:44.960 align:start position:0%
for. And likewise, the bottom of the
 

00:29:44.960 --> 00:29:46.550 align:start position:0%
for. And likewise, the bottom of the
collection,<00:29:45.320><c> we've</c><00:29:45.440><c> got</c><00:29:45.640><c> these</c><00:29:45.960><c> editorial</c>

00:29:46.550 --> 00:29:46.560 align:start position:0%
collection, we've got these editorial
 

00:29:46.560 --> 00:29:48.710 align:start position:0%
collection, we've got these editorial
sections,<00:29:47.400><c> which</c><00:29:47.600><c> again,</c><00:29:48.080><c> you</c><00:29:48.200><c> can</c><00:29:48.320><c> copy</c><00:29:48.600><c> and</c>

00:29:48.710 --> 00:29:48.720 align:start position:0%
sections, which again, you can copy and
 

00:29:48.720 --> 00:29:50.550 align:start position:0%
sections, which again, you can copy and
paste<00:29:49.120><c> from</c><00:29:49.360><c> either</c><00:29:49.600><c> your</c><00:29:49.840><c> home</c><00:29:50.080><c> page</c><00:29:50.440><c> or</c>

00:29:50.550 --> 00:29:50.560 align:start position:0%
paste from either your home page or
 

00:29:50.560 --> 00:29:52.350 align:start position:0%
paste from either your home page or
product<00:29:50.800><c> page</c><00:29:51.000><c> templates.</c><00:29:51.960><c> And</c><00:29:52.120><c> once</c><00:29:52.280><c> you're</c>

00:29:52.350 --> 00:29:52.360 align:start position:0%
product page templates. And once you're
 

00:29:52.360 --> 00:29:53.830 align:start position:0%
product page templates. And once you're
happy,<00:29:52.880><c> just</c><00:29:53.080><c> make</c><00:29:53.240><c> sure</c><00:29:53.400><c> that</c><00:29:53.520><c> this</c>

00:29:53.830 --> 00:29:53.840 align:start position:0%
happy, just make sure that this
 

00:29:53.840 --> 00:29:55.950 align:start position:0%
happy, just make sure that this
collection<00:29:54.200><c> template</c><00:29:54.640><c> is</c><00:29:54.760><c> saved.</c>

00:29:55.950 --> 00:29:55.960 align:start position:0%
collection template is saved.
 

00:29:55.960 --> 00:29:57.430 align:start position:0%
collection template is saved.
Now,<00:29:56.120><c> let's</c><00:29:56.320><c> head</c><00:29:56.440><c> to</c><00:29:56.520><c> the</c><00:29:56.600><c> next</c><00:29:56.920><c> section,</c>

00:29:57.430 --> 00:29:57.440 align:start position:0%
Now, let's head to the next section,
 

00:29:57.440 --> 00:29:59.670 align:start position:0%
Now, let's head to the next section,
which<00:29:57.600><c> is</c><00:29:57.720><c> our</c><00:29:57.840><c> checkout.</c><00:29:58.800><c> So,</c><00:29:59.360><c> click</c><00:29:59.520><c> on</c><00:29:59.600><c> the</c>

00:29:59.670 --> 00:29:59.680 align:start position:0%
which is our checkout. So, click on the
 

00:29:59.680 --> 00:30:01.550 align:start position:0%
which is our checkout. So, click on the
menu,<00:30:00.240><c> and</c><00:30:00.320><c> then</c><00:30:00.440><c> head</c><00:30:00.680><c> to</c><00:30:00.840><c> checkout</c><00:30:01.400><c> and</c>

00:30:01.550 --> 00:30:01.560 align:start position:0%
menu, and then head to checkout and
 

00:30:01.560 --> 00:30:04.270 align:start position:0%
menu, and then head to checkout and
customer<00:30:01.960><c> accounts.</c>

00:30:04.270 --> 00:30:04.280 align:start position:0%
customer accounts.
 

00:30:04.280 --> 00:30:05.430 align:start position:0%
customer accounts.
And<00:30:04.360><c> from</c><00:30:04.520><c> here</c><00:30:04.680><c> we</c><00:30:04.800><c> can</c><00:30:04.880><c> adjust</c><00:30:05.200><c> how</c><00:30:05.320><c> the</c>

00:30:05.430 --> 00:30:05.440 align:start position:0%
And from here we can adjust how the
 

00:30:05.440 --> 00:30:07.150 align:start position:0%
And from here we can adjust how the
checkout<00:30:05.880><c> looks.</c><00:30:06.480><c> So,</c><00:30:06.600><c> we</c><00:30:06.680><c> can</c><00:30:06.840><c> make</c><00:30:07.000><c> sure</c>

00:30:07.150 --> 00:30:07.160 align:start position:0%
checkout looks. So, we can make sure
 

00:30:07.160 --> 00:30:09.230 align:start position:0%
checkout looks. So, we can make sure
that<00:30:07.280><c> the</c><00:30:07.400><c> logo</c><00:30:07.760><c> is</c><00:30:07.880><c> correct,</c><00:30:08.600><c> the</c><00:30:08.640><c> colors,</c>

00:30:09.230 --> 00:30:09.240 align:start position:0%
that the logo is correct, the colors,
 

00:30:09.240 --> 00:30:10.510 align:start position:0%
that the logo is correct, the colors,
the<00:30:09.360><c> font,</c>

00:30:10.510 --> 00:30:10.520 align:start position:0%
the font,
 

00:30:10.520 --> 00:30:13.470 align:start position:0%
the font,
call<00:30:10.680><c> to</c><00:30:10.800><c> actions,</c><00:30:11.720><c> the</c><00:30:11.800><c> buttons,</c><00:30:12.440><c> etc.</c><00:30:13.360><c> The</c>

00:30:13.470 --> 00:30:13.480 align:start position:0%
call to actions, the buttons, etc. The
 

00:30:13.480 --> 00:30:15.270 align:start position:0%
call to actions, the buttons, etc. The
one<00:30:13.640><c> thing</c><00:30:13.760><c> to</c><00:30:13.840><c> be</c><00:30:13.960><c> aware</c><00:30:14.240><c> of</c><00:30:14.360><c> here,</c><00:30:15.040><c> is</c><00:30:15.160><c> you'll</c>

00:30:15.270 --> 00:30:15.280 align:start position:0%
one thing to be aware of here, is you'll
 

00:30:15.280 --> 00:30:17.470 align:start position:0%
one thing to be aware of here, is you'll
see<00:30:15.440><c> at</c><00:30:15.520><c> the</c><00:30:15.600><c> top</c><00:30:15.840><c> here,</c><00:30:16.360><c> we've</c><00:30:16.480><c> got</c><00:30:16.760><c> customize</c>

00:30:17.470 --> 00:30:17.480 align:start position:0%
see at the top here, we've got customize
 

00:30:17.480 --> 00:30:20.350 align:start position:0%
see at the top here, we've got customize
live.<00:30:18.400><c> So,</c><00:30:18.520><c> this</c><00:30:18.800><c> is</c><00:30:19.040><c> currently</c><00:30:19.800><c> our</c><00:30:20.000><c> live</c>

00:30:20.350 --> 00:30:20.360 align:start position:0%
live. So, this is currently our live
 

00:30:20.360 --> 00:30:22.430 align:start position:0%
live. So, this is currently our live
checkout.<00:30:21.120><c> So,</c><00:30:21.200><c> whatever</c><00:30:21.520><c> changes</c><00:30:22.000><c> I</c><00:30:22.080><c> make</c>

00:30:22.430 --> 00:30:22.440 align:start position:0%
checkout. So, whatever changes I make
 

00:30:22.440 --> 00:30:24.670 align:start position:0%
checkout. So, whatever changes I make
here,<00:30:23.120><c> will</c><00:30:23.360><c> automatically</c><00:30:23.880><c> show</c><00:30:24.520><c> on</c><00:30:24.600><c> the</c>

00:30:24.670 --> 00:30:24.680 align:start position:0%
here, will automatically show on the
 

00:30:24.680 --> 00:30:25.830 align:start position:0%
here, will automatically show on the
live<00:30:24.920><c> store.</c>

00:30:25.830 --> 00:30:25.840 align:start position:0%
live store.
 

00:30:25.840 --> 00:30:27.710 align:start position:0%
live store.
If<00:30:25.960><c> you're</c><00:30:26.080><c> okay</c><00:30:26.320><c> with</c><00:30:26.440><c> that,</c><00:30:26.640><c> that's</c><00:30:26.920><c> fine.</c>

00:30:27.710 --> 00:30:27.720 align:start position:0%
If you're okay with that, that's fine.
 

00:30:27.720 --> 00:30:29.750 align:start position:0%
If you're okay with that, that's fine.
It's<00:30:28.160><c> It's</c><00:30:28.400><c> only</c><00:30:28.680><c> your</c><00:30:28.920><c> styling</c><00:30:29.400><c> really</c><00:30:29.640><c> that</c>

00:30:29.750 --> 00:30:29.760 align:start position:0%
It's It's only your styling really that
 

00:30:29.760 --> 00:30:30.990 align:start position:0%
It's It's only your styling really that
you<00:30:29.880><c> edit</c><00:30:30.120><c> here.</c>

00:30:30.990 --> 00:30:31.000 align:start position:0%
you edit here.
 

00:30:31.000 --> 00:30:32.310 align:start position:0%
you edit here.
But<00:30:31.040><c> if</c><00:30:31.120><c> you</c><00:30:31.240><c> are</c><00:30:31.360><c> in</c><00:30:31.400><c> the</c><00:30:31.480><c> process</c><00:30:31.880><c> of</c><00:30:32.000><c> like</c>

00:30:32.310 --> 00:30:32.320 align:start position:0%
But if you are in the process of like
 

00:30:32.320 --> 00:30:34.390 align:start position:0%
But if you are in the process of like
completely<00:30:32.880><c> changing</c><00:30:33.240><c> your</c><00:30:33.360><c> brand</c><00:30:33.680><c> colors,</c>

00:30:34.390 --> 00:30:34.400 align:start position:0%
completely changing your brand colors,
 

00:30:34.400 --> 00:30:35.750 align:start position:0%
completely changing your brand colors,
then<00:30:34.520><c> I</c><00:30:34.560><c> would</c><00:30:34.720><c> recommend</c><00:30:35.200><c> creating</c><00:30:35.520><c> a</c><00:30:35.560><c> new</c>

00:30:35.750 --> 00:30:35.760 align:start position:0%
then I would recommend creating a new
 

00:30:35.760 --> 00:30:37.950 align:start position:0%
then I would recommend creating a new
checkout<00:30:36.240><c> that</c><00:30:36.320><c> you</c><00:30:36.400><c> can</c><00:30:36.520><c> style</c><00:30:36.920><c> up,</c><00:30:37.680><c> and</c><00:30:37.800><c> then</c>

00:30:37.950 --> 00:30:37.960 align:start position:0%
checkout that you can style up, and then
 

00:30:37.960 --> 00:30:39.790 align:start position:0%
checkout that you can style up, and then
once<00:30:38.200><c> you</c><00:30:38.320><c> launch</c><00:30:38.600><c> your</c><00:30:38.760><c> new</c><00:30:39.000><c> theme,</c><00:30:39.560><c> you</c><00:30:39.640><c> can</c>

00:30:39.790 --> 00:30:39.800 align:start position:0%
once you launch your new theme, you can
 

00:30:39.800 --> 00:30:41.950 align:start position:0%
once you launch your new theme, you can
launch<00:30:40.080><c> your</c><00:30:40.200><c> new</c><00:30:40.400><c> theme</c><00:30:41.120><c> and</c><00:30:41.440><c> this</c><00:30:41.680><c> new</c>

00:30:41.950 --> 00:30:41.960 align:start position:0%
launch your new theme and this new
 

00:30:41.960 --> 00:30:44.110 align:start position:0%
launch your new theme and this new
checkout<00:30:42.520><c> together.</c><00:30:43.440><c> To</c><00:30:43.520><c> create</c><00:30:43.920><c> a</c><00:30:43.960><c> new</c>

00:30:44.110 --> 00:30:44.120 align:start position:0%
checkout together. To create a new
 

00:30:44.120 --> 00:30:45.950 align:start position:0%
checkout together. To create a new
checkout,<00:30:44.720><c> what</c><00:30:44.880><c> you</c><00:30:44.920><c> need</c><00:30:45.080><c> to</c><00:30:45.160><c> do</c><00:30:45.480><c> is</c><00:30:45.640><c> head</c><00:30:45.880><c> to</c>

00:30:45.950 --> 00:30:45.960 align:start position:0%
checkout, what you need to do is head to
 

00:30:45.960 --> 00:30:49.590 align:start position:0%
checkout, what you need to do is head to
your<00:30:46.120><c> settings</c><00:30:46.920><c> within</c><00:30:47.160><c> Shopify.</c>

00:30:49.590 --> 00:30:49.600 align:start position:0%
your settings within Shopify.
 

00:30:49.600 --> 00:30:52.470 align:start position:0%
your settings within Shopify.
So,<00:30:49.920><c> bottom</c><00:30:50.280><c> left,</c><00:30:50.760><c> click</c><00:30:51.000><c> on</c><00:30:51.200><c> settings.</c>

00:30:52.470 --> 00:30:52.480 align:start position:0%
So, bottom left, click on settings.
 

00:30:52.480 --> 00:30:55.070 align:start position:0%
So, bottom left, click on settings.
Then<00:30:52.600><c> let's</c><00:30:52.760><c> click</c><00:30:52.960><c> on</c><00:30:53.120><c> checkout.</c>

00:30:55.070 --> 00:30:55.080 align:start position:0%
Then let's click on checkout.
 

00:30:55.080 --> 00:30:56.390 align:start position:0%
Then let's click on checkout.
So,<00:30:55.160><c> you</c><00:30:55.240><c> can</c><00:30:55.360><c> see</c><00:30:55.920><c> we've</c><00:30:56.040><c> got</c><00:30:56.160><c> that</c>

00:30:56.390 --> 00:30:56.400 align:start position:0%
So, you can see we've got that
 

00:30:56.400 --> 00:30:58.750 align:start position:0%
So, you can see we've got that
customized<00:30:57.040><c> live</c><00:30:57.360><c> that</c><00:30:57.480><c> we're</c><00:30:57.600><c> just</c><00:30:57.800><c> in.</c>

00:30:58.750 --> 00:30:58.760 align:start position:0%
customized live that we're just in.
 

00:30:58.760 --> 00:31:00.510 align:start position:0%
customized live that we're just in.
But<00:30:58.840><c> if</c><00:30:58.960><c> I</c><00:30:59.040><c> wanted</c><00:30:59.360><c> to</c><00:30:59.440><c> create</c><00:30:59.640><c> a</c><00:30:59.680><c> new</c><00:30:59.880><c> one,</c><00:31:00.400><c> all</c>

00:31:00.510 --> 00:31:00.520 align:start position:0%
But if I wanted to create a new one, all
 

00:31:00.520 --> 00:31:03.190 align:start position:0%
But if I wanted to create a new one, all
I<00:31:00.560><c> need</c><00:31:00.680><c> to</c><00:31:00.760><c> do</c><00:31:01.000><c> is</c><00:31:01.120><c> click</c><00:31:01.320><c> on</c><00:31:01.520><c> duplicate.</c>

00:31:03.190 --> 00:31:03.200 align:start position:0%
I need to do is click on duplicate.
 

00:31:03.200 --> 00:31:06.150 align:start position:0%
I need to do is click on duplicate.
Then<00:31:03.520><c> click</c><00:31:03.720><c> into</c><00:31:03.880><c> customize.</c>

00:31:06.150 --> 00:31:06.160 align:start position:0%
Then click into customize.
 

00:31:06.160 --> 00:31:08.030 align:start position:0%
Then click into customize.
Now<00:31:06.280><c> I</c><00:31:06.360><c> can</c><00:31:06.520><c> edit</c><00:31:06.720><c> this</c><00:31:06.880><c> one</c><00:31:07.040><c> up.</c><00:31:07.760><c> You</c><00:31:07.800><c> can</c><00:31:07.920><c> then</c>

00:31:08.030 --> 00:31:08.040 align:start position:0%
Now I can edit this one up. You can then
 

00:31:08.040 --> 00:31:09.830 align:start position:0%
Now I can edit this one up. You can then
just<00:31:08.240><c> head</c><00:31:08.400><c> back</c><00:31:08.600><c> into</c><00:31:08.760><c> this</c><00:31:08.920><c> checkout</c><00:31:09.280><c> theme</c>

00:31:09.830 --> 00:31:09.840 align:start position:0%
just head back into this checkout theme
 

00:31:09.840 --> 00:31:12.550 align:start position:0%
just head back into this checkout theme
and<00:31:09.960><c> then</c><00:31:10.080><c> click</c><00:31:10.320><c> on</c><00:31:10.440><c> the</c><00:31:10.560><c> top</c><00:31:10.800><c> right</c><00:31:11.240><c> publish.</c>

00:31:12.550 --> 00:31:12.560 align:start position:0%
and then click on the top right publish.
 

00:31:12.560 --> 00:31:13.990 align:start position:0%
and then click on the top right publish.
And<00:31:12.640><c> once</c><00:31:12.840><c> you've</c><00:31:12.920><c> saved</c><00:31:13.160><c> the</c><00:31:13.240><c> checkout,</c><00:31:13.880><c> you</c>

00:31:13.990 --> 00:31:14.000 align:start position:0%
And once you've saved the checkout, you
 

00:31:14.000 --> 00:31:15.550 align:start position:0%
And once you've saved the checkout, you
can<00:31:14.120><c> then</c><00:31:14.280><c> head</c><00:31:14.520><c> back</c><00:31:14.720><c> into</c><00:31:14.920><c> the</c><00:31:15.000><c> Valentina</c>

00:31:15.550 --> 00:31:15.560 align:start position:0%
can then head back into the Valentina
 

00:31:15.560 --> 00:31:19.670 align:start position:0%
can then head back into the Valentina
theme<00:31:16.160><c> and</c><00:31:16.640><c> continue</c><00:31:17.040><c> editing.</c>

00:31:19.670 --> 00:31:19.680 align:start position:0%
 
 

00:31:19.680 --> 00:31:22.950 align:start position:0%
 
Next<00:31:20.040><c> up</c><00:31:20.360><c> is</c><00:31:20.600><c> the</c><00:31:20.880><c> page</c><00:31:21.320><c> templates.</c><00:31:22.400><c> So,</c><00:31:22.680><c> under</c>

00:31:22.950 --> 00:31:22.960 align:start position:0%
Next up is the page templates. So, under
 

00:31:22.960 --> 00:31:24.710 align:start position:0%
Next up is the page templates. So, under
pages,<00:31:24.040><c> you'll</c><00:31:24.160><c> see</c><00:31:24.320><c> that</c><00:31:24.440><c> we've</c><00:31:24.560><c> got</c>

00:31:24.710 --> 00:31:24.720 align:start position:0%
pages, you'll see that we've got
 

00:31:24.720 --> 00:31:26.950 align:start position:0%
pages, you'll see that we've got
multiple<00:31:25.120><c> layouts</c><00:31:25.600><c> set</c><00:31:25.880><c> up.</c><00:31:26.600><c> So,</c><00:31:26.640><c> you</c><00:31:26.720><c> can</c><00:31:26.800><c> go</c>

00:31:26.950 --> 00:31:26.960 align:start position:0%
multiple layouts set up. So, you can go
 

00:31:26.960 --> 00:31:28.510 align:start position:0%
multiple layouts set up. So, you can go
through<00:31:27.240><c> each</c><00:31:27.400><c> one</c><00:31:27.520><c> of</c><00:31:27.600><c> these</c><00:31:27.720><c> templates,</c>

00:31:28.510 --> 00:31:28.520 align:start position:0%
through each one of these templates,
 

00:31:28.520 --> 00:31:29.670 align:start position:0%
through each one of these templates,
ensuring<00:31:28.960><c> that</c><00:31:29.120><c> you're</c><00:31:29.240><c> happy</c><00:31:29.480><c> with</c><00:31:29.600><c> the</c>

00:31:29.670 --> 00:31:29.680 align:start position:0%
ensuring that you're happy with the
 

00:31:29.680 --> 00:31:32.390 align:start position:0%
ensuring that you're happy with the
layout,<00:31:30.480><c> the</c><00:31:30.560><c> content,</c><00:31:31.400><c> and</c><00:31:31.560><c> all</c><00:31:31.680><c> the</c><00:31:31.760><c> links,</c>

00:31:32.390 --> 00:31:32.400 align:start position:0%
layout, the content, and all the links,
 

00:31:32.400 --> 00:31:33.910 align:start position:0%
layout, the content, and all the links,
so<00:31:32.520><c> it's</c><00:31:32.640><c> working</c><00:31:33.000><c> correctly</c><00:31:33.600><c> for</c><00:31:33.760><c> your</c>

00:31:33.910 --> 00:31:33.920 align:start position:0%
so it's working correctly for your
 

00:31:33.920 --> 00:31:35.790 align:start position:0%
so it's working correctly for your
brand.<00:31:34.760><c> So,</c><00:31:34.800><c> let's</c><00:31:34.960><c> just</c><00:31:35.120><c> hop</c><00:31:35.280><c> into</c><00:31:35.440><c> a</c><00:31:35.520><c> few</c><00:31:35.720><c> of</c>

00:31:35.790 --> 00:31:35.800 align:start position:0%
brand. So, let's just hop into a few of
 

00:31:35.800 --> 00:31:37.630 align:start position:0%
brand. So, let's just hop into a few of
these<00:31:36.000><c> page</c><00:31:36.240><c> templates</c><00:31:36.960><c> so</c><00:31:37.080><c> I</c><00:31:37.120><c> can</c><00:31:37.280><c> show</c><00:31:37.520><c> you</c>

00:31:37.630 --> 00:31:37.640 align:start position:0%
these page templates so I can show you
 

00:31:37.640 --> 00:31:39.830 align:start position:0%
these page templates so I can show you
some<00:31:37.800><c> examples.</c><00:31:38.720><c> First</c><00:31:39.000><c> up</c><00:31:39.200><c> is</c><00:31:39.320><c> the</c><00:31:39.440><c> contact</c>

00:31:39.830 --> 00:31:39.840 align:start position:0%
some examples. First up is the contact
 

00:31:39.840 --> 00:31:41.590 align:start position:0%
some examples. First up is the contact
page.

00:31:41.590 --> 00:31:41.600 align:start position:0%
page.
 

00:31:41.600 --> 00:31:42.990 align:start position:0%
page.
And<00:31:41.680><c> then</c><00:31:41.800><c> the</c><00:31:41.880><c> key</c><00:31:42.080><c> thing</c><00:31:42.280><c> here</c><00:31:42.600><c> is</c><00:31:42.760><c> just</c>

00:31:42.990 --> 00:31:43.000 align:start position:0%
And then the key thing here is just
 

00:31:43.000 --> 00:31:45.030 align:start position:0%
And then the key thing here is just
making<00:31:43.280><c> sure</c><00:31:43.400><c> that</c><00:31:43.560><c> this</c><00:31:43.760><c> content</c><00:31:44.120><c> is</c><00:31:44.240><c> correct</c>

00:31:45.030 --> 00:31:45.040 align:start position:0%
making sure that this content is correct
 

00:31:45.040 --> 00:31:46.870 align:start position:0%
making sure that this content is correct
and<00:31:45.240><c> you're</c><00:31:45.480><c> linking</c><00:31:45.880><c> to</c><00:31:45.960><c> the</c><00:31:46.040><c> correct</c><00:31:46.320><c> page</c>

00:31:46.870 --> 00:31:46.880 align:start position:0%
and you're linking to the correct page
 

00:31:46.880 --> 00:31:48.630 align:start position:0%
and you're linking to the correct page
if<00:31:47.080><c> you</c><00:31:47.160><c> have</c><00:31:47.280><c> a</c><00:31:47.360><c> link.</c>

00:31:48.630 --> 00:31:48.640 align:start position:0%
if you have a link.
 

00:31:48.640 --> 00:31:50.190 align:start position:0%
if you have a link.
And<00:31:48.720><c> the</c><00:31:48.800><c> contact</c><00:31:49.200><c> form</c><00:31:49.520><c> will</c><00:31:49.680><c> automatically</c>

00:31:50.190 --> 00:31:50.200 align:start position:0%
And the contact form will automatically
 

00:31:50.200 --> 00:31:53.150 align:start position:0%
And the contact form will automatically
link<00:31:50.440><c> up</c><00:31:50.640><c> to</c><00:31:50.800><c> your</c><00:31:51.280><c> store</c><00:31:51.760><c> email</c><00:31:52.000><c> address.</c>

00:31:53.150 --> 00:31:53.160 align:start position:0%
link up to your store email address.
 

00:31:53.160 --> 00:31:56.990 align:start position:0%
link up to your store email address.
Then<00:31:53.280><c> we</c><00:31:53.400><c> have</c><00:31:53.800><c> our</c><00:31:54.360><c> delivery</c><00:31:54.800><c> page.</c>

00:31:56.990 --> 00:31:57.000 align:start position:0%
Then we have our delivery page.
 

00:31:57.000 --> 00:31:58.790 align:start position:0%
Then we have our delivery page.
Now,<00:31:57.160><c> like</c><00:31:57.400><c> on</c><00:31:57.520><c> our</c><00:31:57.600><c> product</c><00:31:57.960><c> page,</c><00:31:58.520><c> this</c><00:31:58.680><c> is</c>

00:31:58.790 --> 00:31:58.800 align:start position:0%
Now, like on our product page, this is
 

00:31:58.800 --> 00:32:00.550 align:start position:0%
Now, like on our product page, this is
set<00:31:59.000><c> up</c><00:31:59.120><c> in</c><00:31:59.240><c> the</c><00:31:59.320><c> same</c><00:31:59.680><c> manner.</c><00:32:00.200><c> So,</c><00:32:00.320><c> we</c><00:32:00.400><c> have</c>

00:32:00.550 --> 00:32:00.560 align:start position:0%
set up in the same manner. So, we have
 

00:32:00.560 --> 00:32:03.110 align:start position:0%
set up in the same manner. So, we have
our<00:32:00.680><c> delivery</c><00:32:01.000><c> heading,</c><00:32:01.880><c> delivery</c><00:32:02.240><c> rows,</c><00:32:03.000><c> and</c>

00:32:03.110 --> 00:32:03.120 align:start position:0%
our delivery heading, delivery rows, and
 

00:32:03.120 --> 00:32:05.470 align:start position:0%
our delivery heading, delivery rows, and
you<00:32:03.200><c> can</c><00:32:03.400><c> add</c><00:32:03.560><c> in</c><00:32:03.920><c> additional</c><00:32:04.360><c> columns</c><00:32:05.200><c> or</c>

00:32:05.470 --> 00:32:05.480 align:start position:0%
you can add in additional columns or
 

00:32:05.480 --> 00:32:07.350 align:start position:0%
you can add in additional columns or
hide<00:32:05.760><c> columns</c><00:32:06.240><c> that</c><00:32:06.360><c> you</c><00:32:06.440><c> don't</c><00:32:06.640><c> need.</c><00:32:07.200><c> But</c>

00:32:07.350 --> 00:32:07.360 align:start position:0%
hide columns that you don't need. But
 

00:32:07.360 --> 00:32:09.150 align:start position:0%
hide columns that you don't need. But
again,<00:32:07.720><c> just</c><00:32:07.960><c> work</c><00:32:08.160><c> down</c><00:32:08.400><c> this</c><00:32:08.600><c> list,</c><00:32:08.920><c> making</c>

00:32:09.150 --> 00:32:09.160 align:start position:0%
again, just work down this list, making
 

00:32:09.160 --> 00:32:11.550 align:start position:0%
again, just work down this list, making
sure<00:32:09.320><c> it's</c><00:32:09.480><c> all</c><00:32:09.680><c> correct,</c><00:32:10.440><c> all</c><00:32:10.600><c> the</c><00:32:10.720><c> content,</c>

00:32:11.550 --> 00:32:11.560 align:start position:0%
sure it's all correct, all the content,
 

00:32:11.560 --> 00:32:13.670 align:start position:0%
sure it's all correct, all the content,
click<00:32:11.800><c> into</c><00:32:12.000><c> each</c><00:32:12.160><c> section,</c><00:32:13.200><c> making</c><00:32:13.480><c> sure</c>

00:32:13.670 --> 00:32:13.680 align:start position:0%
click into each section, making sure
 

00:32:13.680 --> 00:32:15.190 align:start position:0%
click into each section, making sure
you're<00:32:13.800><c> happy</c><00:32:14.280><c> and</c><00:32:14.440><c> it</c><00:32:14.520><c> is</c><00:32:14.600><c> correct</c><00:32:15.000><c> for</c><00:32:15.080><c> your</c>

00:32:15.190 --> 00:32:15.200 align:start position:0%
you're happy and it is correct for your
 

00:32:15.200 --> 00:32:16.870 align:start position:0%
you're happy and it is correct for your
brand.

00:32:16.870 --> 00:32:16.880 align:start position:0%
brand.
 

00:32:16.880 --> 00:32:18.990 align:start position:0%
brand.
And<00:32:16.920><c> you</c><00:32:17.000><c> have</c><00:32:17.120><c> a</c><00:32:17.200><c> final</c><00:32:17.600><c> CTA</c><00:32:18.280><c> at</c><00:32:18.360><c> the</c><00:32:18.400><c> bottom,</c>

00:32:18.990 --> 00:32:19.000 align:start position:0%
And you have a final CTA at the bottom,
 

00:32:19.000 --> 00:32:20.110 align:start position:0%
And you have a final CTA at the bottom,
which<00:32:19.160><c> we</c><00:32:19.280><c> are</c><00:32:19.360><c> linking</c><00:32:19.640><c> to</c><00:32:19.760><c> the</c><00:32:19.960><c> all</c>

00:32:20.110 --> 00:32:20.120 align:start position:0%
which we are linking to the all
 

00:32:20.120 --> 00:32:21.950 align:start position:0%
which we are linking to the all
collections<00:32:20.640><c> URL</c><00:32:21.040><c> for</c><00:32:21.160><c> now.</c>

00:32:21.950 --> 00:32:21.960 align:start position:0%
collections URL for now.
 

00:32:21.960 --> 00:32:24.270 align:start position:0%
collections URL for now.
If<00:32:22.040><c> you</c><00:32:22.160><c> want</c><00:32:22.360><c> that</c><00:32:22.560><c> to</c><00:32:22.640><c> go</c><00:32:22.800><c> to,</c><00:32:23.400><c> say,</c><00:32:24.120><c> your</c>

00:32:24.270 --> 00:32:24.280 align:start position:0%
If you want that to go to, say, your
 

00:32:24.280 --> 00:32:25.790 align:start position:0%
If you want that to go to, say, your
best<00:32:24.520><c> sellers,</c><00:32:24.880><c> you'll</c><00:32:25.040><c> just</c><00:32:25.440><c> click</c><00:32:25.680><c> into</c>

00:32:25.790 --> 00:32:25.800 align:start position:0%
best sellers, you'll just click into
 

00:32:25.800 --> 00:32:29.470 align:start position:0%
best sellers, you'll just click into
collections<00:32:26.560><c> and</c><00:32:27.000><c> change</c><00:32:27.560><c> accordingly.</c>

00:32:29.470 --> 00:32:29.480 align:start position:0%
collections and change accordingly.
 

00:32:29.480 --> 00:32:33.110 align:start position:0%
collections and change accordingly.
We<00:32:29.640><c> have</c><00:32:30.000><c> an</c><00:32:30.280><c> FAQs</c><00:32:30.880><c> page.</c>

00:32:33.110 --> 00:32:33.120 align:start position:0%
We have an FAQs page.
 

00:32:33.120 --> 00:32:34.750 align:start position:0%
We have an FAQs page.
So,<00:32:33.240><c> for</c><00:32:33.480><c> each</c><00:32:33.880><c> one</c><00:32:34.040><c> of</c><00:32:34.120><c> these</c><00:32:34.520><c> is</c><00:32:34.680><c> an</c>

00:32:34.750 --> 00:32:34.760 align:start position:0%
So, for each one of these is an
 

00:32:34.760 --> 00:32:36.590 align:start position:0%
So, for each one of these is an
accordion.<00:32:35.680><c> So,</c><00:32:35.760><c> you</c><00:32:35.840><c> can</c><00:32:35.960><c> either</c><00:32:36.120><c> click</c><00:32:36.360><c> into</c>

00:32:36.590 --> 00:32:36.600 align:start position:0%
accordion. So, you can either click into
 

00:32:36.600 --> 00:32:39.150 align:start position:0%
accordion. So, you can either click into
each<00:32:36.840><c> one</c><00:32:37.480><c> or</c><00:32:37.960><c> the</c><00:32:38.040><c> left-hand</c><00:32:38.440><c> side</c><00:32:38.800><c> use</c><00:32:39.000><c> this</c>

00:32:39.150 --> 00:32:39.160 align:start position:0%
each one or the left-hand side use this
 

00:32:39.160 --> 00:32:40.430 align:start position:0%
each one or the left-hand side use this
navigation

00:32:40.430 --> 00:32:40.440 align:start position:0%
navigation
 

00:32:40.440 --> 00:32:42.590 align:start position:0%
navigation
and<00:32:40.560><c> then</c><00:32:40.720><c> expand</c><00:32:41.200><c> each</c><00:32:41.440><c> question.</c>

00:32:42.590 --> 00:32:42.600 align:start position:0%
and then expand each question.
 

00:32:42.600 --> 00:32:44.950 align:start position:0%
and then expand each question.
So,<00:32:42.760><c> we've</c><00:32:42.880><c> got</c><00:32:43.160><c> our</c><00:32:43.960><c> question</c><00:32:44.600><c> within</c><00:32:44.840><c> the</c>

00:32:44.950 --> 00:32:44.960 align:start position:0%
So, we've got our question within the
 

00:32:44.960 --> 00:32:46.990 align:start position:0%
So, we've got our question within the
accordion<00:32:45.440><c> row,</c><00:32:46.040><c> and</c><00:32:46.160><c> then</c><00:32:46.280><c> below</c><00:32:46.600><c> that</c><00:32:46.880><c> we</c>

00:32:46.990 --> 00:32:47.000 align:start position:0%
accordion row, and then below that we
 

00:32:47.000 --> 00:32:49.870 align:start position:0%
accordion row, and then below that we
have<00:32:47.160><c> a</c><00:32:47.240><c> text</c><00:32:47.600><c> field,</c><00:32:48.200><c> which</c><00:32:48.400><c> is</c><00:32:48.560><c> our</c><00:32:48.800><c> answer.</c>

00:32:49.870 --> 00:32:49.880 align:start position:0%
have a text field, which is our answer.
 

00:32:49.880 --> 00:32:52.070 align:start position:0%
have a text field, which is our answer.
And<00:32:49.960><c> if</c><00:32:50.080><c> you</c><00:32:50.200><c> want</c><00:32:50.440><c> to</c><00:32:51.160><c> add</c><00:32:51.480><c> or</c><00:32:51.560><c> remove</c><00:32:51.920><c> these</c>

00:32:52.070 --> 00:32:52.080 align:start position:0%
And if you want to add or remove these
 

00:32:52.080 --> 00:32:54.910 align:start position:0%
And if you want to add or remove these
questions,<00:32:52.920><c> you</c><00:32:53.000><c> can</c><00:32:53.200><c> do</c><00:32:53.440><c> so</c><00:32:53.720><c> by</c><00:32:54.080><c> just</c>

00:32:54.910 --> 00:32:54.920 align:start position:0%
questions, you can do so by just
 

00:32:54.920 --> 00:32:56.710 align:start position:0%
questions, you can do so by just
hovering<00:32:55.200><c> over</c><00:32:55.600><c> and</c><00:32:55.760><c> clicking</c><00:32:56.040><c> either</c><00:32:56.280><c> the</c>

00:32:56.710 --> 00:32:56.720 align:start position:0%
hovering over and clicking either the
 

00:32:56.720 --> 00:32:59.270 align:start position:0%
hovering over and clicking either the
the<00:32:56.840><c> delete</c><00:32:57.640><c> or</c><00:32:57.800><c> the</c><00:32:57.920><c> hide</c><00:32:58.200><c> button.</c><00:32:59.040><c> Or</c><00:32:59.120><c> if</c><00:32:59.240><c> you</c>

00:32:59.270 --> 00:32:59.280 align:start position:0%
the delete or the hide button. Or if you
 

00:32:59.280 --> 00:33:01.070 align:start position:0%
the delete or the hide button. Or if you
need<00:32:59.440><c> more,</c><00:32:59.880><c> just</c><00:33:00.200><c> right</c><00:33:00.400><c> click</c><00:33:00.800><c> and</c>

00:33:01.070 --> 00:33:01.080 align:start position:0%
need more, just right click and
 

00:33:01.080 --> 00:33:02.510 align:start position:0%
need more, just right click and
duplicate.

00:33:02.510 --> 00:33:02.520 align:start position:0%
duplicate.
 

00:33:02.520 --> 00:33:03.990 align:start position:0%
duplicate.
And<00:33:02.600><c> if</c><00:33:02.720><c> you</c><00:33:02.800><c> ever</c><00:33:02.920><c> needed</c><00:33:03.200><c> to</c><00:33:03.320><c> move</c><00:33:03.800><c> one</c><00:33:03.920><c> of</c>

00:33:03.990 --> 00:33:04.000 align:start position:0%
And if you ever needed to move one of
 

00:33:04.000 --> 00:33:05.710 align:start position:0%
And if you ever needed to move one of
these<00:33:04.160><c> questions</c><00:33:04.640><c> to</c><00:33:04.760><c> another</c><00:33:05.160><c> section,</c><00:33:05.600><c> for</c>

00:33:05.710 --> 00:33:05.720 align:start position:0%
these questions to another section, for
 

00:33:05.720 --> 00:33:07.790 align:start position:0%
these questions to another section, for
example,<00:33:06.680><c> what</c><00:33:06.800><c> we'll</c><00:33:06.920><c> do</c><00:33:07.240><c> is</c><00:33:07.360><c> just</c><00:33:07.560><c> click</c>

00:33:07.790 --> 00:33:07.800 align:start position:0%
example, what we'll do is just click
 

00:33:07.800 --> 00:33:10.350 align:start position:0%
example, what we'll do is just click
into<00:33:08.840><c> where</c><00:33:09.000><c> you</c><00:33:09.080><c> deliver.</c><00:33:09.840><c> Let's</c><00:33:10.080><c> say</c><00:33:10.240><c> we</c>

00:33:10.350 --> 00:33:10.360 align:start position:0%
into where you deliver. Let's say we
 

00:33:10.360 --> 00:33:12.670 align:start position:0%
into where you deliver. Let's say we
want<00:33:10.520><c> to</c><00:33:10.600><c> put</c><00:33:10.760><c> that</c><00:33:10.920><c> under</c><00:33:11.240><c> order</c><00:33:11.520><c> issues.</c>

00:33:12.670 --> 00:33:12.680 align:start position:0%
want to put that under order issues.
 

00:33:12.680 --> 00:33:14.790 align:start position:0%
want to put that under order issues.
So,<00:33:13.000><c> where</c><00:33:13.240><c> do</c><00:33:13.360><c> you</c><00:33:13.440><c> deliver?</c><00:33:14.400><c> Just</c><00:33:14.560><c> click</c><00:33:14.720><c> to</c>

00:33:14.790 --> 00:33:14.800 align:start position:0%
So, where do you deliver? Just click to
 

00:33:14.800 --> 00:33:16.390 align:start position:0%
So, where do you deliver? Just click to
the<00:33:14.880><c> left</c><00:33:15.120><c> of</c><00:33:15.200><c> that</c><00:33:15.320><c> accordion,</c><00:33:16.200><c> and</c><00:33:16.280><c> we</c><00:33:16.320><c> can</c>

00:33:16.390 --> 00:33:16.400 align:start position:0%
the left of that accordion, and we can
 

00:33:16.400 --> 00:33:17.230 align:start position:0%
the left of that accordion, and we can
just

00:33:17.230 --> 00:33:17.240 align:start position:0%
just
 

00:33:17.240 --> 00:33:20.110 align:start position:0%
just
pull<00:33:17.440><c> that</c><00:33:17.600><c> down.</c>

00:33:20.110 --> 00:33:20.120 align:start position:0%
pull that down.
 

00:33:20.120 --> 00:33:22.710 align:start position:0%
pull that down.
And<00:33:20.240><c> let's</c><00:33:20.480><c> pop</c><00:33:20.760><c> that</c><00:33:21.200><c> under</c><00:33:21.520><c> here.</c>

00:33:22.710 --> 00:33:22.720 align:start position:0%
And let's pop that under here.
 

00:33:22.720 --> 00:33:24.830 align:start position:0%
And let's pop that under here.
So,<00:33:22.880><c> that</c><00:33:23.040><c> is</c><00:33:23.160><c> now</c><00:33:23.360><c> under</c><00:33:23.520><c> the</c><00:33:23.800><c> heading</c><00:33:24.560><c> order</c>

00:33:24.830 --> 00:33:24.840 align:start position:0%
So, that is now under the heading order
 

00:33:24.840 --> 00:33:26.830 align:start position:0%
So, that is now under the heading order
issues.<00:33:25.680><c> We</c><00:33:25.760><c> have</c><00:33:25.880><c> a</c><00:33:25.920><c> little</c><00:33:26.080><c> divider,</c><00:33:26.720><c> which</c>

00:33:26.830 --> 00:33:26.840 align:start position:0%
issues. We have a little divider, which
 

00:33:26.840 --> 00:33:28.910 align:start position:0%
issues. We have a little divider, which
is<00:33:26.960><c> that</c><00:33:27.200><c> faint</c><00:33:27.520><c> line</c><00:33:27.960><c> there.</c>

00:33:28.910 --> 00:33:28.920 align:start position:0%
is that faint line there.
 

00:33:28.920 --> 00:33:30.350 align:start position:0%
is that faint line there.
And<00:33:29.000><c> then</c><00:33:29.120><c> the</c><00:33:29.200><c> first</c><00:33:29.480><c> question</c><00:33:29.840><c> is,</c><00:33:30.040><c> where</c><00:33:30.240><c> do</c>

00:33:30.350 --> 00:33:30.360 align:start position:0%
And then the first question is, where do
 

00:33:30.360 --> 00:33:32.150 align:start position:0%
And then the first question is, where do
you<00:33:30.400><c> deliver?</c><00:33:31.240><c> So,</c><00:33:31.320><c> I</c><00:33:31.360><c> just</c><00:33:31.560><c> wanted</c><00:33:31.800><c> to</c><00:33:31.920><c> show</c>

00:33:32.150 --> 00:33:32.160 align:start position:0%
you deliver? So, I just wanted to show
 

00:33:32.160 --> 00:33:34.070 align:start position:0%
you deliver? So, I just wanted to show
how<00:33:32.400><c> easy</c><00:33:32.680><c> that</c><00:33:32.920><c> was</c><00:33:33.200><c> to</c><00:33:33.320><c> move</c><00:33:33.680><c> questions</c>

00:33:34.070 --> 00:33:34.080 align:start position:0%
how easy that was to move questions
 

00:33:34.080 --> 00:33:36.190 align:start position:0%
how easy that was to move questions
around,<00:33:34.560><c> above,</c><00:33:35.040><c> below,</c><00:33:35.440><c> or</c><00:33:35.680><c> even</c><00:33:36.040><c> to</c>

00:33:36.190 --> 00:33:36.200 align:start position:0%
around, above, below, or even to
 

00:33:36.200 --> 00:33:37.670 align:start position:0%
around, above, below, or even to
different<00:33:36.520><c> sections.</c>

00:33:37.670 --> 00:33:37.680 align:start position:0%
different sections.
 

00:33:37.680 --> 00:33:38.870 align:start position:0%
different sections.
So,<00:33:37.800><c> just</c><00:33:38.040><c> ensure</c><00:33:38.280><c> you're</c><00:33:38.400><c> happy</c><00:33:38.640><c> with</c><00:33:38.800><c> all</c>

00:33:38.870 --> 00:33:38.880 align:start position:0%
So, just ensure you're happy with all
 

00:33:38.880 --> 00:33:40.870 align:start position:0%
So, just ensure you're happy with all
these<00:33:39.040><c> questions.</c><00:33:40.200><c> And</c><00:33:40.280><c> there's</c><00:33:40.400><c> a</c><00:33:40.480><c> final</c>

00:33:40.870 --> 00:33:40.880 align:start position:0%
these questions. And there's a final
 

00:33:40.880 --> 00:33:42.710 align:start position:0%
these questions. And there's a final
rich<00:33:41.080><c> text</c><00:33:41.400><c> area</c><00:33:41.680><c> here</c><00:33:41.840><c> at</c><00:33:41.920><c> the</c><00:33:42.000><c> bottom</c><00:33:42.600><c> where</c>

00:33:42.710 --> 00:33:42.720 align:start position:0%
rich text area here at the bottom where
 

00:33:42.720 --> 00:33:44.670 align:start position:0%
rich text area here at the bottom where
you<00:33:42.800><c> can</c><00:33:42.960><c> just</c><00:33:43.680><c> change</c><00:33:43.920><c> the</c><00:33:44.000><c> heading,</c><00:33:44.440><c> change</c>

00:33:44.670 --> 00:33:44.680 align:start position:0%
you can just change the heading, change
 

00:33:44.680 --> 00:33:46.150 align:start position:0%
you can just change the heading, change
the<00:33:44.760><c> text,</c><00:33:45.560><c> and</c><00:33:45.640><c> then</c><00:33:45.720><c> there's</c><00:33:45.840><c> a</c><00:33:45.880><c> call</c><00:33:46.080><c> to</c>

00:33:46.150 --> 00:33:46.160 align:start position:0%
the text, and then there's a call to
 

00:33:46.160 --> 00:33:47.950 align:start position:0%
the text, and then there's a call to
action,<00:33:46.600><c> which</c><00:33:46.800><c> will</c><00:33:46.880><c> go</c><00:33:47.040><c> to</c><00:33:47.240><c> our</c><00:33:47.600><c> contact</c>

00:33:47.950 --> 00:33:47.960 align:start position:0%
action, which will go to our contact
 

00:33:47.960 --> 00:33:49.230 align:start position:0%
action, which will go to our contact
page.

00:33:49.230 --> 00:33:49.240 align:start position:0%
page.
 

00:33:49.240 --> 00:33:51.470 align:start position:0%
page.
Next<00:33:49.560><c> up</c><00:33:49.760><c> is</c><00:33:49.920><c> our</c><00:33:50.080><c> story</c><00:33:50.480><c> page.</c><00:33:51.240><c> So,</c><00:33:51.320><c> you</c><00:33:51.400><c> can</c>

00:33:51.470 --> 00:33:51.480 align:start position:0%
Next up is our story page. So, you can
 

00:33:51.480 --> 00:33:53.790 align:start position:0%
Next up is our story page. So, you can
adjust<00:33:51.720><c> the</c><00:33:51.840><c> intro</c><00:33:52.080><c> copy,</c><00:33:52.920><c> the</c><00:33:53.120><c> images</c><00:33:53.640><c> and</c>

00:33:53.790 --> 00:33:53.800 align:start position:0%
adjust the intro copy, the images and
 

00:33:53.800 --> 00:33:55.030 align:start position:0%
adjust the intro copy, the images and
text

00:33:55.030 --> 00:33:55.040 align:start position:0%
text
 

00:33:55.040 --> 00:33:56.630 align:start position:0%
text
all<00:33:55.200><c> the</c><00:33:55.240><c> way</c><00:33:55.360><c> down</c>

00:33:56.630 --> 00:33:56.640 align:start position:0%
all the way down
 

00:33:56.640 --> 00:33:59.030 align:start position:0%
all the way down
along<00:33:56.920><c> with</c><00:33:57.600><c> a</c><00:33:57.680><c> three-column</c><00:33:58.240><c> layout</c><00:33:58.520><c> here,</c>

00:33:59.030 --> 00:33:59.040 align:start position:0%
along with a three-column layout here,
 

00:33:59.040 --> 00:34:00.750 align:start position:0%
along with a three-column layout here,
which<00:33:59.240><c> again,</c><00:33:59.760><c> if</c><00:33:59.880><c> you</c><00:33:59.960><c> need</c><00:34:00.120><c> more</c><00:34:00.280><c> columns,</c>

00:34:00.750 --> 00:34:00.760 align:start position:0%
which again, if you need more columns,
 

00:34:00.760 --> 00:34:03.110 align:start position:0%
which again, if you need more columns,
just<00:34:01.000><c> feel</c><00:34:01.160><c> free</c><00:34:01.400><c> to</c><00:34:02.320><c> right</c><00:34:02.520><c> click</c><00:34:02.880><c> and</c>

00:34:03.110 --> 00:34:03.120 align:start position:0%
just feel free to right click and
 

00:34:03.120 --> 00:34:04.590 align:start position:0%
just feel free to right click and
duplicate,<00:34:03.960><c> and</c><00:34:04.040><c> that's</c><00:34:04.240><c> how</c><00:34:04.280><c> it</c><00:34:04.360><c> goes</c><00:34:04.440><c> into</c>

00:34:04.590 --> 00:34:04.600 align:start position:0%
duplicate, and that's how it goes into
 

00:34:04.600 --> 00:34:05.550 align:start position:0%
duplicate, and that's how it goes into
four.

00:34:05.550 --> 00:34:05.560 align:start position:0%
four.
 

00:34:05.560 --> 00:34:07.670 align:start position:0%
four.
Just<00:34:05.800><c> always</c><00:34:06.120><c> check</c><00:34:06.600><c> how</c><00:34:06.760><c> it</c><00:34:06.880><c> looks</c><00:34:07.080><c> on</c><00:34:07.160><c> mobile</c>

00:34:07.670 --> 00:34:07.680 align:start position:0%
Just always check how it looks on mobile
 

00:34:07.680 --> 00:34:12.110 align:start position:0%
Just always check how it looks on mobile
to<00:34:07.760><c> make</c><00:34:07.920><c> sure</c><00:34:08.040><c> you're</c><00:34:08.159><c> happy.</c>

00:34:12.110 --> 00:34:12.120 align:start position:0%
 
 

00:34:12.120 --> 00:34:13.389 align:start position:0%
 
And<00:34:12.200><c> you've</c><00:34:12.280><c> got</c><00:34:12.399><c> a</c><00:34:12.440><c> lot</c><00:34:12.639><c> of</c><00:34:12.720><c> choice</c><00:34:13.080><c> for</c><00:34:13.200><c> the</c>

00:34:13.389 --> 00:34:13.399 align:start position:0%
And you've got a lot of choice for the
 

00:34:13.399 --> 00:34:15.190 align:start position:0%
And you've got a lot of choice for the
icons.<00:34:14.040><c> So,</c><00:34:14.120><c> you</c><00:34:14.200><c> can</c><00:34:14.320><c> just</c><00:34:14.639><c> click</c><00:34:14.879><c> onto</c><00:34:15.080><c> an</c>

00:34:15.190 --> 00:34:15.200 align:start position:0%
icons. So, you can just click onto an
 

00:34:15.200 --> 00:34:17.230 align:start position:0%
icons. So, you can just click onto an
icon

00:34:17.230 --> 00:34:17.240 align:start position:0%
icon
 

00:34:17.240 --> 00:34:21.430 align:start position:0%
icon
and<00:34:17.360><c> then</c><00:34:17.639><c> choose</c><00:34:18.000><c> from</c><00:34:18.120><c> the</c><00:34:18.200><c> drop-down.</c>

00:34:21.430 --> 00:34:21.440 align:start position:0%
 
 

00:34:21.440 --> 00:34:22.830 align:start position:0%
 
Like<00:34:21.560><c> that.</c>

00:34:22.830 --> 00:34:22.840 align:start position:0%
Like that.
 

00:34:22.840 --> 00:34:24.430 align:start position:0%
Like that.
Then<00:34:23.000><c> we</c><00:34:23.120><c> have</c><00:34:23.280><c> this</c><00:34:23.480><c> section</c><00:34:24.080><c> where</c><00:34:24.159><c> we</c><00:34:24.280><c> can</c>

00:34:24.430 --> 00:34:24.440 align:start position:0%
Then we have this section where we can
 

00:34:24.440 --> 00:34:26.710 align:start position:0%
Then we have this section where we can
feature<00:34:24.760><c> specific</c><00:34:25.320><c> collections,</c><00:34:26.360><c> like</c><00:34:26.600><c> we</c>

00:34:26.710 --> 00:34:26.720 align:start position:0%
feature specific collections, like we
 

00:34:26.720 --> 00:34:28.510 align:start position:0%
feature specific collections, like we
did<00:34:26.879><c> on</c><00:34:26.960><c> the</c><00:34:27.040><c> homepage.</c><00:34:28.120><c> So,</c><00:34:28.240><c> for</c><00:34:28.360><c> this</c>

00:34:28.510 --> 00:34:28.520 align:start position:0%
did on the homepage. So, for this
 

00:34:28.520 --> 00:34:30.270 align:start position:0%
did on the homepage. So, for this
example,<00:34:29.159><c> I</c><00:34:29.240><c> want</c><00:34:29.440><c> to</c><00:34:29.520><c> use</c><00:34:29.600><c> the</c><00:34:29.679><c> exact</c><00:34:30.040><c> same</c>

00:34:30.270 --> 00:34:30.280 align:start position:0%
example, I want to use the exact same
 

00:34:30.280 --> 00:34:32.590 align:start position:0%
example, I want to use the exact same
setup<00:34:30.840><c> that</c><00:34:30.919><c> we've</c><00:34:31.040><c> got</c><00:34:31.159><c> on</c><00:34:31.240><c> the</c><00:34:31.360><c> home</c><00:34:31.520><c> page.</c>

00:34:32.590 --> 00:34:32.600 align:start position:0%
setup that we've got on the home page.
 

00:34:32.600 --> 00:34:37.070 align:start position:0%
setup that we've got on the home page.
So,<00:34:32.840><c> let's</c><00:34:33.120><c> go</c><00:34:33.320><c> to</c><00:34:33.399><c> the</c><00:34:33.520><c> home</c><00:34:33.720><c> page</c><00:34:33.960><c> template.</c>

00:34:37.070 --> 00:34:37.080 align:start position:0%
 
 

00:34:37.080 --> 00:34:39.470 align:start position:0%
 
Scroll<00:34:37.480><c> down</c><00:34:37.720><c> to</c><00:34:37.840><c> the</c><00:34:37.960><c> featured</c><00:34:38.280><c> sections.</c>

00:34:39.470 --> 00:34:39.480 align:start position:0%
Scroll down to the featured sections.
 

00:34:39.480 --> 00:34:41.629 align:start position:0%
Scroll down to the featured sections.
And<00:34:39.560><c> then,</c><00:34:40.240><c> click</c><00:34:40.440><c> into</c><00:34:40.600><c> that.</c>

00:34:41.629 --> 00:34:41.639 align:start position:0%
And then, click into that.
 

00:34:41.639 --> 00:34:44.149 align:start position:0%
And then, click into that.
Right<00:34:41.840><c> click,</c><00:34:42.600><c> copy.</c>

00:34:44.149 --> 00:34:44.159 align:start position:0%
Right click, copy.
 

00:34:44.159 --> 00:34:48.510 align:start position:0%
Right click, copy.
Head<00:34:44.280><c> back</c><00:34:44.520><c> to</c><00:34:44.679><c> our</c><00:34:44.840><c> story</c><00:34:45.200><c> page.</c>

00:34:48.510 --> 00:34:48.520 align:start position:0%
 
 

00:34:48.520 --> 00:34:51.350 align:start position:0%
 
And<00:34:48.679><c> I</c><00:34:48.760><c> want</c><00:34:49.040><c> it</c><00:34:49.320><c> after</c><00:34:49.600><c> this</c><00:34:49.760><c> section.</c>

00:34:51.350 --> 00:34:51.360 align:start position:0%
And I want it after this section.
 

00:34:51.360 --> 00:34:54.750 align:start position:0%
And I want it after this section.
Right<00:34:51.600><c> click.</c><00:34:52.440><c> Paste</c><00:34:52.760><c> after.</c>

00:34:54.750 --> 00:34:54.760 align:start position:0%
Right click. Paste after.
 

00:34:54.760 --> 00:34:56.270 align:start position:0%
Right click. Paste after.
Then,<00:34:55.120><c> I</c><00:34:55.200><c> can</c><00:34:55.360><c> just</c><00:34:55.520><c> remove</c><00:34:55.879><c> this</c><00:34:56.120><c> other</c>

00:34:56.270 --> 00:34:56.280 align:start position:0%
Then, I can just remove this other
 

00:34:56.280 --> 00:35:01.270 align:start position:0%
Then, I can just remove this other
section<00:34:56.760><c> that</c><00:34:56.879><c> we</c><00:34:57.000><c> don't</c><00:34:57.240><c> need</c><00:34:57.400><c> anymore.</c>

00:35:01.270 --> 00:35:01.280 align:start position:0%
 
 

00:35:01.280 --> 00:35:03.910 align:start position:0%
 
Then,<00:35:01.640><c> hit</c><00:35:01.840><c> save.</c>

00:35:03.910 --> 00:35:03.920 align:start position:0%
Then, hit save.
 

00:35:03.920 --> 00:35:07.470 align:start position:0%
Then, hit save.
We<00:35:04.080><c> also</c><00:35:04.320><c> have</c><00:35:04.480><c> a</c><00:35:04.560><c> product</c><00:35:05.000><c> care</c><00:35:05.320><c> template.</c>

00:35:07.470 --> 00:35:07.480 align:start position:0%
We also have a product care template.
 

00:35:07.480 --> 00:35:09.110 align:start position:0%
We also have a product care template.
Which<00:35:07.640><c> is</c><00:35:07.720><c> another</c><00:35:08.040><c> great</c><00:35:08.280><c> way</c><00:35:08.520><c> to</c><00:35:08.640><c> just</c><00:35:08.880><c> help</c>

00:35:09.110 --> 00:35:09.120 align:start position:0%
Which is another great way to just help
 

00:35:09.120 --> 00:35:11.150 align:start position:0%
Which is another great way to just help
your<00:35:09.200><c> customers</c><00:35:10.080><c> understand</c><00:35:10.640><c> your</c><00:35:10.760><c> products</c>

00:35:11.150 --> 00:35:11.160 align:start position:0%
your customers understand your products
 

00:35:11.160 --> 00:35:13.270 align:start position:0%
your customers understand your products
and<00:35:11.280><c> how</c><00:35:11.400><c> to</c><00:35:11.520><c> care</c><00:35:11.720><c> for</c><00:35:11.840><c> them.</c><00:35:12.360><c> But,</c><00:35:12.800><c> again,</c>

00:35:13.270 --> 00:35:13.280 align:start position:0%
and how to care for them. But, again,
 

00:35:13.280 --> 00:35:14.630 align:start position:0%
and how to care for them. But, again,
these<00:35:13.520><c> templates</c><00:35:14.000><c> are</c><00:35:14.120><c> completely</c>

00:35:14.630 --> 00:35:14.640 align:start position:0%
these templates are completely
 

00:35:14.640 --> 00:35:16.470 align:start position:0%
these templates are completely
customizable.<00:35:15.480><c> If</c><00:35:15.680><c> you</c><00:35:15.760><c> don't</c><00:35:16.000><c> want</c><00:35:16.160><c> to</c><00:35:16.240><c> use</c>

00:35:16.470 --> 00:35:16.480 align:start position:0%
customizable. If you don't want to use
 

00:35:16.480 --> 00:35:18.510 align:start position:0%
customizable. If you don't want to use
it,<00:35:16.720><c> you</c><00:35:16.800><c> don't</c><00:35:17.000><c> have</c><00:35:17.200><c> to.</c><00:35:17.880><c> You</c><00:35:17.960><c> can</c><00:35:18.120><c> change</c>

00:35:18.510 --> 00:35:18.520 align:start position:0%
it, you don't have to. You can change
 

00:35:18.520 --> 00:35:21.110 align:start position:0%
it, you don't have to. You can change
it,<00:35:19.040><c> hide</c><00:35:19.280><c> or</c><00:35:19.400><c> show</c><00:35:19.640><c> sections,</c><00:35:20.720><c> add</c><00:35:20.880><c> in</c><00:35:21.000><c> new</c>

00:35:21.110 --> 00:35:21.120 align:start position:0%
it, hide or show sections, add in new
 

00:35:21.120 --> 00:35:23.190 align:start position:0%
it, hide or show sections, add in new
sections,<00:35:21.760><c> etc.</c>

00:35:23.190 --> 00:35:23.200 align:start position:0%
sections, etc.
 

00:35:23.200 --> 00:35:24.950 align:start position:0%
sections, etc.
You<00:35:23.280><c> then</c><00:35:23.480><c> got</c><00:35:23.840><c> your</c><00:35:24.040><c> size</c><00:35:24.400><c> guide</c><00:35:24.760><c> and</c>

00:35:24.950 --> 00:35:24.960 align:start position:0%
You then got your size guide and
 

00:35:24.960 --> 00:35:26.430 align:start position:0%
You then got your size guide and
stockists.

00:35:26.430 --> 00:35:26.440 align:start position:0%
stockists.
 

00:35:26.440 --> 00:35:28.630 align:start position:0%
stockists.
So,<00:35:26.640><c> on</c><00:35:26.800><c> your</c><00:35:26.920><c> size</c><00:35:27.240><c> guide,</c><00:35:28.120><c> like</c><00:35:28.400><c> with</c><00:35:28.520><c> your</c>

00:35:28.630 --> 00:35:28.640 align:start position:0%
So, on your size guide, like with your
 

00:35:28.640 --> 00:35:30.830 align:start position:0%
So, on your size guide, like with your
delivery<00:35:29.000><c> tables,</c><00:35:29.600><c> you</c><00:35:29.680><c> can</c><00:35:29.800><c> adjust</c><00:35:30.160><c> these</c>

00:35:30.830 --> 00:35:30.840 align:start position:0%
delivery tables, you can adjust these
 

00:35:30.840 --> 00:35:32.630 align:start position:0%
delivery tables, you can adjust these
however<00:35:31.120><c> you</c><00:35:31.200><c> need.</c><00:35:31.960><c> And</c><00:35:32.040><c> then,</c><00:35:32.160><c> below</c><00:35:32.440><c> these</c>

00:35:32.630 --> 00:35:32.640 align:start position:0%
however you need. And then, below these
 

00:35:32.640 --> 00:35:34.990 align:start position:0%
however you need. And then, below these
tables,<00:35:33.040><c> we</c><00:35:33.160><c> have</c><00:35:33.280><c> these</c><00:35:33.480><c> nice</c><00:35:33.880><c> info</c><00:35:34.240><c> blocks</c>

00:35:34.990 --> 00:35:35.000 align:start position:0%
tables, we have these nice info blocks
 

00:35:35.000 --> 00:35:37.030 align:start position:0%
tables, we have these nice info blocks
that<00:35:35.320><c> we've</c><00:35:35.520><c> just</c><00:35:35.720><c> used</c><00:35:35.880><c> an</c><00:35:35.960><c> example</c><00:35:36.440><c> here</c><00:35:36.760><c> on</c>

00:35:37.030 --> 00:35:37.040 align:start position:0%
that we've just used an example here on
 

00:35:37.040 --> 00:35:39.270 align:start position:0%
that we've just used an example here on
how<00:35:37.240><c> to</c><00:35:37.400><c> find</c><00:35:37.720><c> your</c><00:35:37.840><c> perfect</c><00:35:38.240><c> necklace</c><00:35:38.600><c> length</c>

00:35:39.270 --> 00:35:39.280 align:start position:0%
how to find your perfect necklace length
 

00:35:39.280 --> 00:35:40.910 align:start position:0%
how to find your perfect necklace length
with<00:35:39.440><c> some</c><00:35:39.560><c> instructions,</c><00:35:40.280><c> but</c><00:35:40.680><c> you</c><00:35:40.760><c> can</c>

00:35:40.910 --> 00:35:40.920 align:start position:0%
with some instructions, but you can
 

00:35:40.920 --> 00:35:44.510 align:start position:0%
with some instructions, but you can
change<00:35:41.280><c> these</c><00:35:41.640><c> to</c><00:35:41.760><c> however</c><00:35:42.040><c> you</c><00:35:42.160><c> see</c><00:35:42.320><c> fit.</c>

00:35:44.510 --> 00:35:44.520 align:start position:0%
change these to however you see fit.
 

00:35:44.520 --> 00:35:46.230 align:start position:0%
change these to however you see fit.
And<00:35:44.880><c> finally,</c>

00:35:46.230 --> 00:35:46.240 align:start position:0%
And finally,
 

00:35:46.240 --> 00:35:49.030 align:start position:0%
And finally,
we've<00:35:46.400><c> got</c><00:35:46.600><c> the</c><00:35:46.920><c> stockist</c><00:35:47.560><c> template.</c>

00:35:49.030 --> 00:35:49.040 align:start position:0%
we've got the stockist template.
 

00:35:49.040 --> 00:35:50.790 align:start position:0%
we've got the stockist template.
So,<00:35:49.200><c> if</c><00:35:49.360><c> your</c><00:35:49.520><c> products</c><00:35:49.880><c> are</c><00:35:49.920><c> being</c><00:35:50.160><c> stocked</c>

00:35:50.790 --> 00:35:50.800 align:start position:0%
So, if your products are being stocked
 

00:35:50.800 --> 00:35:52.750 align:start position:0%
So, if your products are being stocked
in<00:35:50.920><c> multiple</c><00:35:51.240><c> locations,</c><00:35:52.120><c> you</c><00:35:52.200><c> can</c><00:35:52.360><c> highlight</c>

00:35:52.750 --> 00:35:52.760 align:start position:0%
in multiple locations, you can highlight
 

00:35:52.760 --> 00:35:54.550 align:start position:0%
in multiple locations, you can highlight
these<00:35:53.080><c> on</c><00:35:53.200><c> this</c><00:35:53.400><c> template.</c><00:35:54.240><c> So,</c><00:35:54.320><c> we've</c><00:35:54.400><c> got</c><00:35:54.520><c> a</c>

00:35:54.550 --> 00:35:54.560 align:start position:0%
these on this template. So, we've got a
 

00:35:54.560 --> 00:35:56.550 align:start position:0%
these on this template. So, we've got a
three-column<00:35:55.080><c> layout</c><00:35:55.400><c> at</c><00:35:55.480><c> the</c><00:35:55.560><c> moment.</c><00:35:56.360><c> Let's</c>

00:35:56.550 --> 00:35:56.560 align:start position:0%
three-column layout at the moment. Let's
 

00:35:56.560 --> 00:35:58.590 align:start position:0%
three-column layout at the moment. Let's
just<00:35:56.760><c> expand</c><00:35:57.200><c> this</c><00:35:57.400><c> a</c><00:35:57.440><c> bit.</c>

00:35:58.590 --> 00:35:58.600 align:start position:0%
just expand this a bit.
 

00:35:58.600 --> 00:36:00.350 align:start position:0%
just expand this a bit.
So,<00:35:58.880><c> we've</c><00:35:58.960><c> got</c><00:35:59.120><c> three</c><00:35:59.320><c> columns</c><00:36:00.000><c> as</c><00:36:00.120><c> shown</c>

00:36:00.350 --> 00:36:00.360 align:start position:0%
So, we've got three columns as shown
 

00:36:00.360 --> 00:36:01.230 align:start position:0%
So, we've got three columns as shown
here.

00:36:01.230 --> 00:36:01.240 align:start position:0%
here.
 

00:36:01.240 --> 00:36:03.270 align:start position:0%
here.
If<00:36:01.440><c> we</c><00:36:01.560><c> expand</c><00:36:02.000><c> column</c><00:36:02.320><c> one,</c>

00:36:03.270 --> 00:36:03.280 align:start position:0%
If we expand column one,
 

00:36:03.280 --> 00:36:06.030 align:start position:0%
If we expand column one,
you'll<00:36:03.360><c> see</c><00:36:03.520><c> that</c><00:36:03.640><c> we've</c><00:36:03.760><c> got</c><00:36:04.080><c> location</c><00:36:05.160><c> set,</c>

00:36:06.030 --> 00:36:06.040 align:start position:0%
you'll see that we've got location set,
 

00:36:06.040 --> 00:36:08.190 align:start position:0%
you'll see that we've got location set,
which<00:36:06.240><c> is</c><00:36:06.400><c> the</c><00:36:06.520><c> London.</c><00:36:07.200><c> If</c><00:36:07.440><c> I</c><00:36:07.520><c> wanted</c><00:36:07.920><c> to</c>

00:36:08.190 --> 00:36:08.200 align:start position:0%
which is the London. If I wanted to
 

00:36:08.200 --> 00:36:10.910 align:start position:0%
which is the London. If I wanted to
duplicate<00:36:08.800><c> this</c><00:36:09.040><c> location,</c><00:36:09.920><c> right</c><00:36:10.160><c> click</c><00:36:10.720><c> and</c>

00:36:10.910 --> 00:36:10.920 align:start position:0%
duplicate this location, right click and
 

00:36:10.920 --> 00:36:12.910 align:start position:0%
duplicate this location, right click and
duplicate.

00:36:12.910 --> 00:36:12.920 align:start position:0%
duplicate.
 

00:36:12.920 --> 00:36:15.670 align:start position:0%
duplicate.
So,<00:36:13.040><c> that</c><00:36:13.240><c> is</c><00:36:13.320><c> now</c><00:36:13.520><c> sitting</c><00:36:14.520><c> in</c><00:36:14.640><c> position</c><00:36:15.120><c> two</c>

00:36:15.670 --> 00:36:15.680 align:start position:0%
So, that is now sitting in position two
 

00:36:15.680 --> 00:36:17.310 align:start position:0%
So, that is now sitting in position two
under<00:36:15.920><c> column</c><00:36:16.240><c> one.</c>

00:36:17.310 --> 00:36:17.320 align:start position:0%
under column one.
 

00:36:17.320 --> 00:36:19.950 align:start position:0%
under column one.
As<00:36:17.480><c> shown</c><00:36:17.760><c> like</c><00:36:17.960><c> that.</c><00:36:18.840><c> If</c><00:36:19.000><c> I</c><00:36:19.120><c> wanted</c><00:36:19.520><c> to</c><00:36:19.640><c> move</c>

00:36:19.950 --> 00:36:19.960 align:start position:0%
As shown like that. If I wanted to move
 

00:36:19.960 --> 00:36:22.910 align:start position:0%
As shown like that. If I wanted to move
this<00:36:20.360><c> second</c><00:36:20.800><c> London</c><00:36:21.160><c> location</c><00:36:21.800><c> to</c><00:36:22.240><c> column</c>

00:36:22.910 --> 00:36:22.920 align:start position:0%
this second London location to column
 

00:36:22.920 --> 00:36:25.230 align:start position:0%
this second London location to column
three<00:36:23.480><c> in</c><00:36:23.720><c> position</c><00:36:24.160><c> one,</c>

00:36:25.230 --> 00:36:25.240 align:start position:0%
three in position one,
 

00:36:25.240 --> 00:36:27.470 align:start position:0%
three in position one,
all<00:36:25.400><c> I</c><00:36:25.440><c> need</c><00:36:25.640><c> to</c><00:36:25.720><c> do</c><00:36:26.360><c> is</c><00:36:26.600><c> let's</c><00:36:26.840><c> just</c><00:36:27.000><c> expand</c>

00:36:27.470 --> 00:36:27.480 align:start position:0%
all I need to do is let's just expand
 

00:36:27.480 --> 00:36:28.910 align:start position:0%
all I need to do is let's just expand
column<00:36:27.800><c> three.</c>

00:36:28.910 --> 00:36:28.920 align:start position:0%
column three.
 

00:36:28.920 --> 00:36:31.470 align:start position:0%
column three.
And<00:36:29.120><c> I'll</c><00:36:29.240><c> just</c><00:36:29.600><c> drag</c><00:36:30.120><c> that</c><00:36:30.360><c> location</c><00:36:31.160><c> to</c>

00:36:31.470 --> 00:36:31.480 align:start position:0%
And I'll just drag that location to
 

00:36:31.480 --> 00:36:32.790 align:start position:0%
And I'll just drag that location to
above

00:36:32.790 --> 00:36:32.800 align:start position:0%
above
 

00:36:32.800 --> 00:36:34.950 align:start position:0%
above
in<00:36:33.040><c> column</c><00:36:33.320><c> three.</c>

00:36:34.950 --> 00:36:34.960 align:start position:0%
in column three.
 

00:36:34.960 --> 00:36:37.390 align:start position:0%
in column three.
And<00:36:35.120><c> just</c><00:36:35.320><c> like</c><00:36:35.400><c> that,</c><00:36:35.840><c> we've</c><00:36:36.000><c> got</c><00:36:36.640><c> London</c>

00:36:37.390 --> 00:36:37.400 align:start position:0%
And just like that, we've got London
 

00:36:37.400 --> 00:36:38.990 align:start position:0%
And just like that, we've got London
above<00:36:37.680><c> Bath.</c>

00:36:38.990 --> 00:36:39.000 align:start position:0%
above Bath.
 

00:36:39.000 --> 00:36:40.630 align:start position:0%
above Bath.
And<00:36:39.240><c> with</c><00:36:39.400><c> these</c><00:36:39.640><c> three</c><00:36:39.840><c> columns,</c><00:36:40.360><c> they</c><00:36:40.520><c> will</c>

00:36:40.630 --> 00:36:40.640 align:start position:0%
And with these three columns, they will
 

00:36:40.640 --> 00:36:43.950 align:start position:0%
And with these three columns, they will
stack<00:36:41.120><c> in</c><00:36:41.320><c> order.</c><00:36:41.880><c> So,</c><00:36:42.760><c> it'll</c><00:36:42.880><c> go</c><00:36:43.200><c> London,</c>

00:36:43.950 --> 00:36:43.960 align:start position:0%
stack in order. So, it'll go London,
 

00:36:43.960 --> 00:36:47.310 align:start position:0%
stack in order. So, it'll go London,
Birmingham,<00:36:44.640><c> London,</c><00:36:45.000><c> Bath.</c>

00:36:47.310 --> 00:36:47.320 align:start position:0%
Birmingham, London, Bath.
 

00:36:47.320 --> 00:36:49.350 align:start position:0%
Birmingham, London, Bath.
London,<00:36:47.800><c> Birmingham,</c><00:36:48.280><c> London,</c><00:36:48.680><c> Bath.</c><00:36:49.200><c> That's</c>

00:36:49.350 --> 00:36:49.360 align:start position:0%
London, Birmingham, London, Bath. That's
 

00:36:49.360 --> 00:36:51.670 align:start position:0%
London, Birmingham, London, Bath. That's
right.

00:36:51.670 --> 00:36:51.680 align:start position:0%
 
 

00:36:51.680 --> 00:36:53.310 align:start position:0%
 
And<00:36:51.880><c> let's</c><00:36:52.080><c> just</c><00:36:52.240><c> say</c><00:36:52.400><c> you</c><00:36:52.560><c> only</c><00:36:52.800><c> wanted</c><00:36:53.160><c> two</c>

00:36:53.310 --> 00:36:53.320 align:start position:0%
And let's just say you only wanted two
 

00:36:53.320 --> 00:36:55.110 align:start position:0%
And let's just say you only wanted two
columns.<00:36:54.160><c> All</c><00:36:54.280><c> you</c><00:36:54.360><c> need</c><00:36:54.440><c> to</c><00:36:54.520><c> do</c><00:36:54.640><c> there</c><00:36:55.000><c> is</c>

00:36:55.110 --> 00:36:55.120 align:start position:0%
columns. All you need to do there is
 

00:36:55.120 --> 00:36:57.870 align:start position:0%
columns. All you need to do there is
just<00:36:55.320><c> hide</c><00:36:55.760><c> column</c><00:36:56.080><c> three.</c>

00:36:57.870 --> 00:36:57.880 align:start position:0%
just hide column three.
 

00:36:57.880 --> 00:36:59.910 align:start position:0%
just hide column three.
And<00:36:58.080><c> then</c><00:36:58.200><c> that</c><00:36:58.320><c> will</c><00:36:58.920><c> dynamically</c><00:36:59.560><c> fill</c><00:36:59.840><c> the</c>

00:36:59.910 --> 00:36:59.920 align:start position:0%
And then that will dynamically fill the
 

00:36:59.920 --> 00:37:02.190 align:start position:0%
And then that will dynamically fill the
page<00:37:00.960><c> with</c><00:37:01.200><c> however</c><00:37:01.520><c> many</c><00:37:01.720><c> columns</c><00:37:02.080><c> you've</c>

00:37:02.190 --> 00:37:02.200 align:start position:0%
page with however many columns you've
 

00:37:02.200 --> 00:37:04.390 align:start position:0%
page with however many columns you've
got.<00:37:02.520><c> So,</c><00:37:02.680><c> in</c><00:37:02.760><c> this</c><00:37:02.920><c> example,</c><00:37:03.800><c> from</c><00:37:03.920><c> three</c><00:37:04.240><c> to</c>

00:37:04.390 --> 00:37:04.400 align:start position:0%
got. So, in this example, from three to
 

00:37:04.400 --> 00:37:05.230 align:start position:0%
got. So, in this example, from three to
two.

00:37:05.230 --> 00:37:05.240 align:start position:0%
two.
 

00:37:05.240 --> 00:37:07.630 align:start position:0%
two.
Then<00:37:05.520><c> hit</c><00:37:05.680><c> save.</c>

00:37:07.630 --> 00:37:07.640 align:start position:0%
Then hit save.
 

00:37:07.640 --> 00:37:09.870 align:start position:0%
Then hit save.
Next<00:37:08.000><c> up</c><00:37:08.200><c> is</c><00:37:08.320><c> our</c><00:37:08.440><c> blog</c><00:37:08.720><c> template.</c><00:37:09.640><c> So,</c><00:37:09.720><c> let's</c>

00:37:09.870 --> 00:37:09.880 align:start position:0%
Next up is our blog template. So, let's
 

00:37:09.880 --> 00:37:13.070 align:start position:0%
Next up is our blog template. So, let's
click<00:37:10.080><c> into</c><00:37:10.360><c> blogs</c><00:37:10.800><c> and</c><00:37:11.040><c> default</c><00:37:11.480><c> blog.</c>

00:37:13.070 --> 00:37:13.080 align:start position:0%
click into blogs and default blog.
 

00:37:13.080 --> 00:37:14.510 align:start position:0%
click into blogs and default blog.
So,<00:37:13.320><c> what</c><00:37:13.400><c> we</c><00:37:13.480><c> need</c><00:37:13.560><c> to</c><00:37:13.640><c> do</c><00:37:13.920><c> is</c><00:37:14.080><c> get</c><00:37:14.240><c> this</c><00:37:14.440><c> to</c>

00:37:14.510 --> 00:37:14.520 align:start position:0%
So, what we need to do is get this to
 

00:37:14.520 --> 00:37:16.390 align:start position:0%
So, what we need to do is get this to
link<00:37:14.720><c> up</c><00:37:14.880><c> to</c><00:37:15.080><c> our</c><00:37:15.240><c> blog.</c><00:37:15.880><c> So,</c><00:37:16.000><c> let's</c><00:37:16.200><c> click</c>

00:37:16.390 --> 00:37:16.400 align:start position:0%
link up to our blog. So, let's click
 

00:37:16.400 --> 00:37:18.190 align:start position:0%
link up to our blog. So, let's click
into<00:37:16.600><c> the</c><00:37:16.680><c> blog</c><00:37:16.920><c> post</c><00:37:17.200><c> grid.</c>

00:37:18.190 --> 00:37:18.200 align:start position:0%
into the blog post grid.
 

00:37:18.200 --> 00:37:20.350 align:start position:0%
into the blog post grid.
Drag<00:37:18.640><c> this</c><00:37:18.840><c> up</c><00:37:18.960><c> a</c><00:37:19.000><c> bit.</c>

00:37:20.350 --> 00:37:20.360 align:start position:0%
Drag this up a bit.
 

00:37:20.360 --> 00:37:23.030 align:start position:0%
Drag this up a bit.
And<00:37:20.600><c> we</c><00:37:20.760><c> want</c><00:37:20.920><c> to</c><00:37:21.000><c> replace</c><00:37:21.480><c> this</c><00:37:21.800><c> from</c><00:37:22.040><c> journal</c>

00:37:23.030 --> 00:37:23.040 align:start position:0%
And we want to replace this from journal
 

00:37:23.040 --> 00:37:24.670 align:start position:0%
And we want to replace this from journal
to<00:37:23.280><c> whatever</c><00:37:23.680><c> our</c><00:37:23.760><c> blog</c><00:37:23.960><c> is</c><00:37:24.080><c> called,</c><00:37:24.400><c> which</c><00:37:24.560><c> is</c>

00:37:24.670 --> 00:37:24.680 align:start position:0%
to whatever our blog is called, which is
 

00:37:24.680 --> 00:37:27.230 align:start position:0%
to whatever our blog is called, which is
called<00:37:25.040><c> news.</c><00:37:25.840><c> Click</c><00:37:26.040><c> on</c><00:37:26.160><c> start.</c><00:37:26.920><c> And</c><00:37:27.040><c> we</c><00:37:27.120><c> can</c>

00:37:27.230 --> 00:37:27.240 align:start position:0%
called news. Click on start. And we can
 

00:37:27.240 --> 00:37:29.350 align:start position:0%
called news. Click on start. And we can
now<00:37:27.440><c> see</c><00:37:27.600><c> that</c><00:37:27.720><c> the</c><00:37:27.840><c> title,</c><00:37:28.480><c> the</c><00:37:28.640><c> copy,</c><00:37:29.200><c> and</c>

00:37:29.350 --> 00:37:29.360 align:start position:0%
now see that the title, the copy, and
 

00:37:29.360 --> 00:37:30.630 align:start position:0%
now see that the title, the copy, and
the<00:37:29.560><c> articles</c><00:37:30.080><c> are</c><00:37:30.160><c> pulling</c><00:37:30.400><c> through</c>

00:37:30.630 --> 00:37:30.640 align:start position:0%
the articles are pulling through
 

00:37:30.640 --> 00:37:31.590 align:start position:0%
the articles are pulling through
correct.

00:37:31.590 --> 00:37:31.600 align:start position:0%
correct.
 

00:37:31.600 --> 00:37:33.150 align:start position:0%
correct.
That's<00:37:31.840><c> all</c><00:37:31.920><c> we</c><00:37:32.000><c> need</c><00:37:32.120><c> to</c><00:37:32.160><c> do</c><00:37:32.240><c> on</c><00:37:32.320><c> that</c><00:37:32.480><c> page.</c>

00:37:33.150 --> 00:37:33.160 align:start position:0%
That's all we need to do on that page.
 

00:37:33.160 --> 00:37:34.750 align:start position:0%
That's all we need to do on that page.
So,<00:37:33.320><c> hit</c><00:37:33.480><c> save.</c>

00:37:34.750 --> 00:37:34.760 align:start position:0%
So, hit save.
 

00:37:34.760 --> 00:37:36.510 align:start position:0%
So, hit save.
Now,<00:37:35.080><c> we</c><00:37:35.160><c> need</c><00:37:35.280><c> to</c><00:37:35.360><c> look</c><00:37:35.520><c> at</c><00:37:35.640><c> the</c><00:37:35.800><c> individual</c>

00:37:36.510 --> 00:37:36.520 align:start position:0%
Now, we need to look at the individual
 

00:37:36.520 --> 00:37:38.630 align:start position:0%
Now, we need to look at the individual
blog<00:37:36.960><c> article</c><00:37:37.360><c> layout.</c><00:37:37.880><c> So,</c><00:37:38.000><c> for</c><00:37:38.120><c> that,</c><00:37:38.400><c> we</c><00:37:38.480><c> go</c>

00:37:38.630 --> 00:37:38.640 align:start position:0%
blog article layout. So, for that, we go
 

00:37:38.640 --> 00:37:43.390 align:start position:0%
blog article layout. So, for that, we go
to<00:37:38.840><c> blog</c><00:37:39.080><c> posts</c><00:37:39.960><c> and</c><00:37:40.200><c> default</c><00:37:40.600><c> blog</c><00:37:40.800><c> post.</c>

00:37:43.390 --> 00:37:43.400 align:start position:0%
 
 

00:37:43.400 --> 00:37:45.750 align:start position:0%
 
So,<00:37:43.560><c> on</c><00:37:43.640><c> your</c><00:37:43.760><c> blog</c><00:37:44.080><c> article</c><00:37:44.440><c> template,</c><00:37:45.480><c> this</c>

00:37:45.750 --> 00:37:45.760 align:start position:0%
So, on your blog article template, this
 

00:37:45.760 --> 00:37:47.670 align:start position:0%
So, on your blog article template, this
black<00:37:46.240><c> background</c><00:37:46.760><c> here</c><00:37:47.040><c> is</c><00:37:47.280><c> actually</c><00:37:47.600><c> an</c>

00:37:47.670 --> 00:37:47.680 align:start position:0%
black background here is actually an
 

00:37:47.680 --> 00:37:49.870 align:start position:0%
black background here is actually an
image.<00:37:48.600><c> And</c><00:37:48.720><c> this</c><00:37:48.920><c> image</c><00:37:49.240><c> is</c><00:37:49.360><c> whatever</c><00:37:49.680><c> you've</c>

00:37:49.870 --> 00:37:49.880 align:start position:0%
image. And this image is whatever you've
 

00:37:49.880 --> 00:37:52.350 align:start position:0%
image. And this image is whatever you've
set<00:37:50.520><c> on</c><00:37:50.760><c> your</c><00:37:50.880><c> blog</c><00:37:51.120><c> post.</c><00:37:51.880><c> So,</c><00:37:52.000><c> let</c><00:37:52.120><c> me</c><00:37:52.200><c> just</c>

00:37:52.350 --> 00:37:52.360 align:start position:0%
set on your blog post. So, let me just
 

00:37:52.360 --> 00:37:53.790 align:start position:0%
set on your blog post. So, let me just
show<00:37:52.480><c> you</c><00:37:52.600><c> what</c><00:37:52.720><c> I</c><00:37:52.760><c> mean.</c><00:37:53.360><c> Let's</c><00:37:53.480><c> click</c><00:37:53.680><c> on</c>

00:37:53.790 --> 00:37:53.800 align:start position:0%
show you what I mean. Let's click on
 

00:37:53.800 --> 00:37:57.510 align:start position:0%
show you what I mean. Let's click on
this<00:37:54.280><c> icon</c><00:37:54.640><c> here.</c><00:37:55.520><c> Open</c><00:37:56.000><c> up</c><00:37:56.080><c> the</c><00:37:56.120><c> blog</c><00:37:56.320><c> post.</c>

00:37:57.510 --> 00:37:57.520 align:start position:0%
this icon here. Open up the blog post.
 

00:37:57.520 --> 00:37:59.190 align:start position:0%
this icon here. Open up the blog post.
So,<00:37:57.720><c> I've</c><00:37:57.840><c> actually</c><00:37:58.040><c> got</c><00:37:58.200><c> this</c><00:37:58.640><c> test</c><00:37:59.000><c> blog</c>

00:37:59.190 --> 00:37:59.200 align:start position:0%
So, I've actually got this test blog
 

00:37:59.200 --> 00:38:00.870 align:start position:0%
So, I've actually got this test blog
post<00:37:59.440><c> header</c><00:37:59.680><c> here.</c>

00:38:00.870 --> 00:38:00.880 align:start position:0%
post header here.
 

00:38:00.880 --> 00:38:04.230 align:start position:0%
post header here.
The<00:38:01.000><c> title</c><00:38:02.040><c> along</c><00:38:02.400><c> with</c><00:38:02.560><c> some</c><00:38:02.840><c> dummy</c><00:38:03.160><c> text.</c>

00:38:04.230 --> 00:38:04.240 align:start position:0%
The title along with some dummy text.
 

00:38:04.240 --> 00:38:06.510 align:start position:0%
The title along with some dummy text.
Head<00:38:04.480><c> back</c><00:38:04.680><c> to</c><00:38:04.800><c> our</c><00:38:04.920><c> theme.</c><00:38:05.640><c> You'll</c><00:38:05.800><c> see</c><00:38:06.280><c> that</c>

00:38:06.510 --> 00:38:06.520 align:start position:0%
Head back to our theme. You'll see that
 

00:38:06.520 --> 00:38:09.190 align:start position:0%
Head back to our theme. You'll see that
that<00:38:06.800><c> is</c><00:38:06.960><c> the</c><00:38:07.040><c> image</c><00:38:07.440><c> behind.</c><00:38:08.400><c> This</c><00:38:08.680><c> title</c><00:38:09.120><c> is</c>

00:38:09.190 --> 00:38:09.200 align:start position:0%
that is the image behind. This title is
 

00:38:09.200 --> 00:38:11.270 align:start position:0%
that is the image behind. This title is
being<00:38:09.440><c> pulled</c><00:38:09.720><c> dynamically</c><00:38:10.800><c> along</c><00:38:11.080><c> with</c><00:38:11.200><c> the</c>

00:38:11.270 --> 00:38:11.280 align:start position:0%
being pulled dynamically along with the
 

00:38:11.280 --> 00:38:13.150 align:start position:0%
being pulled dynamically along with the
content<00:38:11.920><c> here.</c>

00:38:13.150 --> 00:38:13.160 align:start position:0%
content here.
 

00:38:13.160 --> 00:38:14.430 align:start position:0%
content here.
So,<00:38:13.320><c> there's</c><00:38:13.480><c> actually</c><00:38:13.760><c> nothing</c><00:38:14.120><c> you</c><00:38:14.200><c> need</c><00:38:14.360><c> to</c>

00:38:14.430 --> 00:38:14.440 align:start position:0%
So, there's actually nothing you need to
 

00:38:14.440 --> 00:38:16.870 align:start position:0%
So, there's actually nothing you need to
do<00:38:14.800><c> on</c><00:38:14.960><c> this</c><00:38:15.160><c> top</c><00:38:15.440><c> part</c><00:38:15.680><c> of</c><00:38:15.760><c> the</c><00:38:15.800><c> section.</c><00:38:16.720><c> The</c>

00:38:16.870 --> 00:38:16.880 align:start position:0%
do on this top part of the section. The
 

00:38:16.880 --> 00:38:18.750 align:start position:0%
do on this top part of the section. The
title,<00:38:17.440><c> the</c><00:38:17.600><c> image,</c><00:38:18.000><c> and</c><00:38:18.080><c> the</c><00:38:18.160><c> content</c><00:38:18.640><c> will</c>

00:38:18.750 --> 00:38:18.760 align:start position:0%
title, the image, and the content will
 

00:38:18.760 --> 00:38:20.590 align:start position:0%
title, the image, and the content will
pull<00:38:19.000><c> through</c><00:38:19.240><c> dynamically.</c>

00:38:20.590 --> 00:38:20.600 align:start position:0%
pull through dynamically.
 

00:38:20.600 --> 00:38:22.110 align:start position:0%
pull through dynamically.
The<00:38:20.760><c> only</c><00:38:20.960><c> thing</c><00:38:21.120><c> we</c><00:38:21.160><c> need</c><00:38:21.320><c> to</c><00:38:21.440><c> do</c><00:38:21.760><c> is</c><00:38:21.920><c> at</c><00:38:22.040><c> the</c>

00:38:22.110 --> 00:38:22.120 align:start position:0%
The only thing we need to do is at the
 

00:38:22.120 --> 00:38:23.990 align:start position:0%
The only thing we need to do is at the
bottom<00:38:22.640><c> we</c><00:38:22.760><c> are</c><00:38:22.840><c> linking</c><00:38:23.200><c> to</c><00:38:23.400><c> related</c><00:38:23.800><c> blog</c>

00:38:23.990 --> 00:38:24.000 align:start position:0%
bottom we are linking to related blog
 

00:38:24.000 --> 00:38:25.470 align:start position:0%
bottom we are linking to related blog
posts.

00:38:25.470 --> 00:38:25.480 align:start position:0%
posts.
 

00:38:25.480 --> 00:38:27.190 align:start position:0%
posts.
So<00:38:25.600><c> we</c><00:38:25.720><c> just</c><00:38:26.000><c> again</c><00:38:26.360><c> need</c><00:38:26.520><c> to</c><00:38:26.640><c> link</c><00:38:26.840><c> this</c><00:38:27.080><c> to</c>

00:38:27.190 --> 00:38:27.200 align:start position:0%
So we just again need to link this to
 

00:38:27.200 --> 00:38:29.150 align:start position:0%
So we just again need to link this to
our<00:38:27.360><c> blog</c><00:38:27.880><c> category.</c>

00:38:29.150 --> 00:38:29.160 align:start position:0%
our blog category.
 

00:38:29.160 --> 00:38:31.230 align:start position:0%
our blog category.
Which<00:38:29.480><c> isn't</c><00:38:29.760><c> called</c><00:38:29.920><c> journal,</c><00:38:30.480><c> it</c><00:38:30.600><c> is</c><00:38:30.760><c> called</c>

00:38:31.230 --> 00:38:31.240 align:start position:0%
Which isn't called journal, it is called
 

00:38:31.240 --> 00:38:33.590 align:start position:0%
Which isn't called journal, it is called
news.

00:38:33.590 --> 00:38:33.600 align:start position:0%
news.
 

00:38:33.600 --> 00:38:35.710 align:start position:0%
news.
Then<00:38:33.800><c> hit</c><00:38:34.280><c> save.</c>

00:38:35.710 --> 00:38:35.720 align:start position:0%
Then hit save.
 

00:38:35.720 --> 00:38:38.270 align:start position:0%
Then hit save.
And<00:38:35.800><c> the</c><00:38:35.880><c> final</c><00:38:36.200><c> section</c><00:38:36.480><c> guys</c><00:38:36.960><c> is</c><00:38:37.240><c> the</c><00:38:37.480><c> 404</c>

00:38:38.270 --> 00:38:38.280 align:start position:0%
And the final section guys is the 404
 

00:38:38.280 --> 00:38:40.750 align:start position:0%
And the final section guys is the 404
page.<00:38:39.000><c> So</c><00:38:39.240><c> we</c><00:38:39.360><c> scroll</c><00:38:39.680><c> down</c><00:38:39.880><c> here,</c><00:38:40.280><c> click</c><00:38:40.480><c> into</c>

00:38:40.750 --> 00:38:40.760 align:start position:0%
page. So we scroll down here, click into
 

00:38:40.760 --> 00:38:43.670 align:start position:0%
page. So we scroll down here, click into
404<00:38:41.320><c> template.</c>

00:38:43.670 --> 00:38:43.680 align:start position:0%
404 template.
 

00:38:43.680 --> 00:38:45.590 align:start position:0%
404 template.
Now<00:38:43.840><c> in</c><00:38:43.920><c> my</c><00:38:44.040><c> experience,</c><00:38:44.760><c> a</c><00:38:44.840><c> lot</c><00:38:45.080><c> of</c><00:38:45.200><c> Shopify</c>

00:38:45.590 --> 00:38:45.600 align:start position:0%
Now in my experience, a lot of Shopify
 

00:38:45.600 --> 00:38:47.270 align:start position:0%
Now in my experience, a lot of Shopify
stores<00:38:46.200><c> completely</c><00:38:46.720><c> forget</c><00:38:46.960><c> about</c><00:38:47.160><c> this</c>

00:38:47.270 --> 00:38:47.280 align:start position:0%
stores completely forget about this
 

00:38:47.280 --> 00:38:49.910 align:start position:0%
stores completely forget about this
page.<00:38:47.960><c> A</c><00:38:48.040><c> 404</c><00:38:48.760><c> is</c><00:38:49.000><c> whenever</c><00:38:49.320><c> someone</c><00:38:49.600><c> goes</c><00:38:49.800><c> to</c>

00:38:49.910 --> 00:38:49.920 align:start position:0%
page. A 404 is whenever someone goes to
 

00:38:49.920 --> 00:38:52.270 align:start position:0%
page. A 404 is whenever someone goes to
a<00:38:49.960><c> URL</c><00:38:50.600><c> that</c><00:38:51.000><c> isn't</c><00:38:51.280><c> found</c><00:38:51.680><c> or</c><00:38:51.880><c> it</c><00:38:52.000><c> doesn't</c>

00:38:52.270 --> 00:38:52.280 align:start position:0%
a URL that isn't found or it doesn't
 

00:38:52.280 --> 00:38:54.950 align:start position:0%
a URL that isn't found or it doesn't
exist<00:38:52.600><c> anymore.</c><00:38:53.520><c> So</c><00:38:54.320><c> this</c><00:38:54.520><c> is</c><00:38:54.600><c> a</c><00:38:54.640><c> real</c><00:38:54.840><c> good</c>

00:38:54.950 --> 00:38:54.960 align:start position:0%
exist anymore. So this is a real good
 

00:38:54.960 --> 00:38:57.350 align:start position:0%
exist anymore. So this is a real good
opportunity<00:38:55.600><c> to</c><00:38:55.800><c> help</c><00:38:56.040><c> your</c><00:38:56.160><c> customers</c><00:38:57.000><c> stay</c>

00:38:57.350 --> 00:38:57.360 align:start position:0%
opportunity to help your customers stay
 

00:38:57.360 --> 00:38:59.790 align:start position:0%
opportunity to help your customers stay
on<00:38:57.480><c> your</c><00:38:57.600><c> site</c><00:38:58.400><c> and</c><00:38:58.680><c> continue</c><00:38:59.160><c> shopping</c><00:38:59.680><c> and</c>

00:38:59.790 --> 00:38:59.800 align:start position:0%
on your site and continue shopping and
 

00:38:59.800 --> 00:39:01.350 align:start position:0%
on your site and continue shopping and
discovering<00:39:00.280><c> your</c><00:39:00.400><c> products.</c><00:39:01.120><c> So</c><00:39:01.200><c> you</c><00:39:01.240><c> can</c>

00:39:01.350 --> 00:39:01.360 align:start position:0%
discovering your products. So you can
 

00:39:01.360 --> 00:39:02.750 align:start position:0%
discovering your products. So you can
change<00:39:01.680><c> this</c><00:39:01.800><c> content</c><00:39:02.280><c> to</c><00:39:02.360><c> whatever</c><00:39:02.640><c> you</c>

00:39:02.750 --> 00:39:02.760 align:start position:0%
change this content to whatever you
 

00:39:02.760 --> 00:39:04.470 align:start position:0%
change this content to whatever you
need.<00:39:03.200><c> The</c><00:39:03.280><c> heading,</c>

00:39:04.470 --> 00:39:04.480 align:start position:0%
need. The heading,
 

00:39:04.480 --> 00:39:07.190 align:start position:0%
need. The heading,
the<00:39:04.520><c> text,</c><00:39:05.400><c> and</c><00:39:05.520><c> even</c><00:39:05.680><c> the</c><00:39:05.760><c> call</c><00:39:05.960><c> to</c><00:39:06.080><c> action</c><00:39:06.640><c> to</c>

00:39:07.190 --> 00:39:07.200 align:start position:0%
the text, and even the call to action to
 

00:39:07.200 --> 00:39:09.030 align:start position:0%
the text, and even the call to action to
where<00:39:07.360><c> you</c><00:39:07.480><c> need</c><00:39:07.600><c> them</c><00:39:07.720><c> to</c><00:39:07.800><c> go.</c><00:39:08.400><c> So</c><00:39:08.720><c> in</c><00:39:08.920><c> our</c>

00:39:09.030 --> 00:39:09.040 align:start position:0%
where you need them to go. So in our
 

00:39:09.040 --> 00:39:10.510 align:start position:0%
where you need them to go. So in our
example,<00:39:09.560><c> we</c><00:39:09.720><c> are</c><00:39:09.840><c> taking</c><00:39:10.160><c> them</c><00:39:10.280><c> to</c><00:39:10.400><c> the</c>

00:39:10.510 --> 00:39:10.520 align:start position:0%
example, we are taking them to the
 

00:39:10.520 --> 00:39:12.830 align:start position:0%
example, we are taking them to the
homepage.<00:39:11.720><c> So</c><00:39:11.800><c> just</c><00:39:12.000><c> make</c><00:39:12.160><c> sure</c><00:39:12.360><c> you're</c><00:39:12.480><c> happy</c>

00:39:12.830 --> 00:39:12.840 align:start position:0%
homepage. So just make sure you're happy
 

00:39:12.840 --> 00:39:14.350 align:start position:0%
homepage. So just make sure you're happy
with<00:39:13.000><c> this</c><00:39:13.200><c> button</c><00:39:13.720><c> and</c><00:39:13.840><c> where</c><00:39:13.960><c> it's</c><00:39:14.080><c> taking</c>

00:39:14.350 --> 00:39:14.360 align:start position:0%
with this button and where it's taking
 

00:39:14.360 --> 00:39:15.950 align:start position:0%
with this button and where it's taking
them<00:39:14.480><c> on</c><00:39:14.600><c> your</c><00:39:14.720><c> store.</c><00:39:15.360><c> And</c><00:39:15.480><c> a</c><00:39:15.560><c> real</c><00:39:15.760><c> good</c>

00:39:15.950 --> 00:39:15.960 align:start position:0%
them on your store. And a real good
 

00:39:15.960 --> 00:39:18.190 align:start position:0%
them on your store. And a real good
conversion<00:39:16.440><c> piece</c><00:39:17.240><c> is</c><00:39:17.520><c> including</c><00:39:18.040><c> some</c>

00:39:18.190 --> 00:39:18.200 align:start position:0%
conversion piece is including some
 

00:39:18.200 --> 00:39:19.990 align:start position:0%
conversion piece is including some
feature<00:39:18.560><c> products</c><00:39:19.160><c> at</c><00:39:19.240><c> the</c><00:39:19.320><c> bottom</c><00:39:19.680><c> of</c><00:39:19.720><c> this</c>

00:39:19.990 --> 00:39:20.000 align:start position:0%
feature products at the bottom of this
 

00:39:20.000 --> 00:39:21.950 align:start position:0%
feature products at the bottom of this
404.<00:39:20.920><c> So</c><00:39:21.000><c> this</c><00:39:21.160><c> could</c><00:39:21.280><c> be</c><00:39:21.400><c> your</c><00:39:21.560><c> new</c><00:39:21.800><c> in</c>

00:39:21.950 --> 00:39:21.960 align:start position:0%
404. So this could be your new in
 

00:39:21.960 --> 00:39:24.310 align:start position:0%
404. So this could be your new in
products<00:39:22.520><c> or</c><00:39:22.840><c> best</c><00:39:23.120><c> sellers.</c><00:39:23.880><c> So</c><00:39:24.040><c> all</c><00:39:24.160><c> we</c><00:39:24.200><c> need</c>

00:39:24.310 --> 00:39:24.320 align:start position:0%
products or best sellers. So all we need
 

00:39:24.320 --> 00:39:26.630 align:start position:0%
products or best sellers. So all we need
to<00:39:24.400><c> do</c><00:39:24.720><c> is</c><00:39:25.160><c> click</c><00:39:25.360><c> into</c><00:39:25.560><c> the</c><00:39:25.600><c> collection</c><00:39:26.560><c> and</c>

00:39:26.630 --> 00:39:26.640 align:start position:0%
to do is click into the collection and
 

00:39:26.640 --> 00:39:28.550 align:start position:0%
to do is click into the collection and
just<00:39:26.920><c> change</c><00:39:27.240><c> this</c><00:39:27.360><c> collection</c>

00:39:28.550 --> 00:39:28.560 align:start position:0%
just change this collection
 

00:39:28.560 --> 00:39:30.510 align:start position:0%
just change this collection
accordingly.<00:39:29.120><c> So</c><00:39:29.320><c> let's</c><00:39:29.600><c> say</c><00:39:30.280><c> main</c>

00:39:30.510 --> 00:39:30.520 align:start position:0%
accordingly. So let's say main
 

00:39:30.520 --> 00:39:31.870 align:start position:0%
accordingly. So let's say main
collection.

00:39:31.870 --> 00:39:31.880 align:start position:0%
collection.
 

00:39:31.880 --> 00:39:33.590 align:start position:0%
collection.
So<00:39:31.960><c> now</c><00:39:32.160><c> when</c><00:39:32.280><c> a</c><00:39:32.360><c> customer</c><00:39:32.680><c> lands</c><00:39:32.960><c> on</c><00:39:33.040><c> a</c><00:39:33.080><c> 404</c>

00:39:33.590 --> 00:39:33.600 align:start position:0%
So now when a customer lands on a 404
 

00:39:33.600 --> 00:39:35.750 align:start position:0%
So now when a customer lands on a 404
page,<00:39:34.040><c> they'll</c><00:39:34.240><c> see</c><00:39:34.400><c> this</c><00:39:34.600><c> message.</c><00:39:35.320><c> They</c><00:39:35.440><c> can</c>

00:39:35.750 --> 00:39:35.760 align:start position:0%
page, they'll see this message. They can
 

00:39:35.760 --> 00:39:38.270 align:start position:0%
page, they'll see this message. They can
easily<00:39:36.080><c> navigate</c><00:39:36.480><c> back</c><00:39:36.640><c> to</c><00:39:36.720><c> the</c><00:39:36.800><c> homepage</c><00:39:37.640><c> or</c>

00:39:38.270 --> 00:39:38.280 align:start position:0%
easily navigate back to the homepage or
 

00:39:38.280 --> 00:39:39.550 align:start position:0%
easily navigate back to the homepage or
something<00:39:38.680><c> might</c><00:39:38.840><c> just</c><00:39:39.000><c> catch</c><00:39:39.240><c> their</c><00:39:39.480><c> eye</c>

00:39:39.550 --> 00:39:39.560 align:start position:0%
something might just catch their eye
 

00:39:39.560 --> 00:39:41.230 align:start position:0%
something might just catch their eye
that<00:39:39.760><c> keeps</c><00:39:40.080><c> them</c><00:39:40.480><c> clicking</c><00:39:40.760><c> around</c><00:39:41.120><c> and</c>

00:39:41.230 --> 00:39:41.240 align:start position:0%
that keeps them clicking around and
 

00:39:41.240 --> 00:39:42.830 align:start position:0%
that keeps them clicking around and
shopping<00:39:41.560><c> on</c><00:39:41.680><c> your</c><00:39:41.800><c> store.</c>

00:39:42.830 --> 00:39:42.840 align:start position:0%
shopping on your store.
 

00:39:42.840 --> 00:39:44.390 align:start position:0%
shopping on your store.
So<00:39:42.960><c> once</c><00:39:43.160><c> you're</c><00:39:43.240><c> happy</c><00:39:43.560><c> with</c><00:39:43.680><c> this</c><00:39:43.840><c> page,</c>

00:39:44.390 --> 00:39:44.400 align:start position:0%
So once you're happy with this page,
 

00:39:44.400 --> 00:39:46.030 align:start position:0%
So once you're happy with this page,
just<00:39:44.640><c> click</c><00:39:45.040><c> save.</c>

00:39:46.030 --> 00:39:46.040 align:start position:0%
just click save.
 

00:39:46.040 --> 00:39:47.110 align:start position:0%
just click save.
So<00:39:46.080><c> in</c><00:39:46.160><c> terms</c><00:39:46.440><c> of</c><00:39:46.520><c> your</c><00:39:46.720><c> theme</c>

00:39:47.110 --> 00:39:47.120 align:start position:0%
So in terms of your theme
 

00:39:47.120 --> 00:39:49.510 align:start position:0%
So in terms of your theme
customizations,<00:39:48.160><c> that's</c><00:39:48.480><c> really</c><00:39:48.760><c> it.</c><00:39:49.320><c> Just</c>

00:39:49.510 --> 00:39:49.520 align:start position:0%
customizations, that's really it. Just
 

00:39:49.520 --> 00:39:51.670 align:start position:0%
customizations, that's really it. Just
make<00:39:49.720><c> sure</c><00:39:49.880><c> you're</c><00:39:50.000><c> happy</c><00:39:50.280><c> with</c><00:39:50.440><c> it.</c><00:39:51.000><c> You</c><00:39:51.120><c> can</c>

00:39:51.670 --> 00:39:51.680 align:start position:0%
make sure you're happy with it. You can
 

00:39:51.680 --> 00:39:52.710 align:start position:0%
make sure you're happy with it. You can
again

00:39:52.710 --> 00:39:52.720 align:start position:0%
again
 

00:39:52.720 --> 00:39:54.390 align:start position:0%
again
click<00:39:52.880><c> on</c><00:39:52.960><c> this</c><00:39:53.120><c> drop</c><00:39:53.320><c> down</c><00:39:53.520><c> here,</c><00:39:54.000><c> preview</c>

00:39:54.390 --> 00:39:54.400 align:start position:0%
click on this drop down here, preview
 

00:39:54.400 --> 00:39:55.590 align:start position:0%
click on this drop down here, preview
the<00:39:54.520><c> store,</c>

00:39:55.590 --> 00:39:55.600 align:start position:0%
the store,
 

00:39:55.600 --> 00:39:57.070 align:start position:0%
the store,
just<00:39:55.840><c> click</c><00:39:56.120><c> around</c><00:39:56.560><c> making</c><00:39:56.800><c> sure</c><00:39:56.960><c> you're</c>

00:39:57.070 --> 00:39:57.080 align:start position:0%
just click around making sure you're
 

00:39:57.080 --> 00:39:58.790 align:start position:0%
just click around making sure you're
happy<00:39:57.320><c> with</c><00:39:57.720><c> where</c><00:39:57.800><c> everything's</c><00:39:58.120><c> going</c><00:39:58.400><c> to,</c>

00:39:58.790 --> 00:39:58.800 align:start position:0%
happy with where everything's going to,
 

00:39:58.800 --> 00:40:01.510 align:start position:0%
happy with where everything's going to,
how<00:39:58.960><c> it</c><00:39:59.120><c> looks,</c><00:39:59.520><c> desktop</c><00:40:00.080><c> and</c><00:40:00.240><c> mobile.</c>

00:40:01.510 --> 00:40:01.520 align:start position:0%
how it looks, desktop and mobile.
 

00:40:01.520 --> 00:40:02.990 align:start position:0%
how it looks, desktop and mobile.
But<00:40:01.560><c> there's</c><00:40:01.680><c> just</c><00:40:01.920><c> one</c><00:40:02.160><c> key</c><00:40:02.320><c> area</c><00:40:02.760><c> that</c><00:40:02.960><c> you</c>

00:40:02.990 --> 00:40:03.000 align:start position:0%
But there's just one key area that you
 

00:40:03.000 --> 00:40:05.430 align:start position:0%
But there's just one key area that you
need<00:40:03.120><c> to</c><00:40:03.200><c> be</c><00:40:03.240><c> aware</c><00:40:03.600><c> of.</c><00:40:04.200><c> And</c><00:40:04.320><c> that</c><00:40:04.560><c> is</c><00:40:04.840><c> that</c>

00:40:05.430 --> 00:40:05.440 align:start position:0%
need to be aware of. And that is that
 

00:40:05.440 --> 00:40:06.990 align:start position:0%
need to be aware of. And that is that
all<00:40:05.600><c> these</c><00:40:05.800><c> page</c><00:40:06.080><c> templates</c><00:40:06.480><c> we've</c><00:40:06.600><c> got</c><00:40:06.760><c> set</c>

00:40:06.990 --> 00:40:07.000 align:start position:0%
all these page templates we've got set
 

00:40:07.000 --> 00:40:08.830 align:start position:0%
all these page templates we've got set
up<00:40:07.120><c> here,</c>

00:40:08.830 --> 00:40:08.840 align:start position:0%
up here,
 

00:40:08.840 --> 00:40:10.350 align:start position:0%
up here,
as<00:40:09.000><c> you</c><00:40:09.080><c> can</c><00:40:09.200><c> see,</c><00:40:09.400><c> they're</c><00:40:09.600><c> all</c><00:40:09.720><c> set</c><00:40:10.040><c> up</c><00:40:10.240><c> but</c>

00:40:10.350 --> 00:40:10.360 align:start position:0%
as you can see, they're all set up but
 

00:40:10.360 --> 00:40:12.790 align:start position:0%
as you can see, they're all set up but
they're<00:40:10.480><c> not</c><00:40:10.680><c> assigned</c><00:40:11.280><c> to</c><00:40:11.400><c> any</c><00:40:11.600><c> pages</c><00:40:12.040><c> yet.</c>

00:40:12.790 --> 00:40:12.800 align:start position:0%
they're not assigned to any pages yet.
 

00:40:12.800 --> 00:40:14.310 align:start position:0%
they're not assigned to any pages yet.
And<00:40:12.960><c> for</c><00:40:13.080><c> us</c><00:40:13.160><c> to</c><00:40:13.240><c> be</c><00:40:13.280><c> able</c><00:40:13.400><c> to</c><00:40:13.600><c> assign</c><00:40:14.240><c> a</c>

00:40:14.310 --> 00:40:14.320 align:start position:0%
And for us to be able to assign a
 

00:40:14.320 --> 00:40:17.110 align:start position:0%
And for us to be able to assign a
specific<00:40:14.880><c> template</c><00:40:15.640><c> to</c><00:40:15.840><c> a</c><00:40:15.920><c> page,</c><00:40:16.720><c> that</c><00:40:16.920><c> is</c>

00:40:17.110 --> 00:40:17.120 align:start position:0%
specific template to a page, that is
 

00:40:17.120 --> 00:40:20.070 align:start position:0%
specific template to a page, that is
done<00:40:17.480><c> within</c><00:40:17.720><c> the</c><00:40:17.840><c> page</c><00:40:18.280><c> setup</c><00:40:18.760><c> itself.</c>

00:40:20.070 --> 00:40:20.080 align:start position:0%
done within the page setup itself.
 

00:40:20.080 --> 00:40:22.510 align:start position:0%
done within the page setup itself.
So,<00:40:20.160><c> let's</c><00:40:20.360><c> just</c><00:40:20.520><c> head</c><00:40:20.720><c> to</c><00:40:20.800><c> a</c><00:40:20.880><c> specific</c><00:40:21.360><c> page.</c>

00:40:22.510 --> 00:40:22.520 align:start position:0%
So, let's just head to a specific page.
 

00:40:22.520 --> 00:40:25.950 align:start position:0%
So, let's just head to a specific page.
Go<00:40:22.640><c> to</c><00:40:23.000><c> online</c><00:40:23.360><c> store,</c><00:40:24.200><c> pages,</c>

00:40:25.950 --> 00:40:25.960 align:start position:0%
Go to online store, pages,
 

00:40:25.960 --> 00:40:28.430 align:start position:0%
Go to online store, pages,
and<00:40:26.040><c> then</c><00:40:26.160><c> go</c><00:40:26.320><c> to</c><00:40:26.440><c> our</c><00:40:26.560><c> about</c><00:40:26.840><c> page.</c>

00:40:28.430 --> 00:40:28.440 align:start position:0%
and then go to our about page.
 

00:40:28.440 --> 00:40:30.310 align:start position:0%
and then go to our about page.
So,<00:40:28.560><c> what</c><00:40:28.760><c> I</c><00:40:28.840><c> want</c><00:40:29.040><c> this</c><00:40:29.320><c> template</c><00:40:29.720><c> to</c><00:40:29.800><c> be</c><00:40:30.120><c> is</c>

00:40:30.310 --> 00:40:30.320 align:start position:0%
So, what I want this template to be is
 

00:40:30.320 --> 00:40:32.710 align:start position:0%
So, what I want this template to be is
the<00:40:30.840><c> our</c><00:40:31.080><c> story</c><00:40:31.480><c> page.</c>

00:40:32.710 --> 00:40:32.720 align:start position:0%
the our story page.
 

00:40:32.720 --> 00:40:34.110 align:start position:0%
the our story page.
And<00:40:32.800><c> when</c><00:40:32.920><c> I</c><00:40:33.000><c> click</c><00:40:33.200><c> on</c><00:40:33.280><c> the</c><00:40:33.400><c> right-hand</c><00:40:33.800><c> side</c>

00:40:34.110 --> 00:40:34.120 align:start position:0%
And when I click on the right-hand side
 

00:40:34.120 --> 00:40:36.870 align:start position:0%
And when I click on the right-hand side
here,<00:40:34.760><c> under</c><00:40:34.960><c> template,</c><00:40:36.000><c> you'll</c><00:40:36.160><c> see</c><00:40:36.360><c> that</c>

00:40:36.870 --> 00:40:36.880 align:start position:0%
here, under template, you'll see that
 

00:40:36.880 --> 00:40:39.110 align:start position:0%
here, under template, you'll see that
all<00:40:37.040><c> I've</c><00:40:37.120><c> got</c><00:40:37.360><c> is</c><00:40:37.600><c> the</c><00:40:37.720><c> default</c><00:40:38.120><c> page,</c><00:40:38.600><c> about,</c>

00:40:39.110 --> 00:40:39.120 align:start position:0%
all I've got is the default page, about,
 

00:40:39.120 --> 00:40:40.830 align:start position:0%
all I've got is the default page, about,
and<00:40:39.280><c> contact.</c>

00:40:40.830 --> 00:40:40.840 align:start position:0%
and contact.
 

00:40:40.840 --> 00:40:42.830 align:start position:0%
and contact.
But,<00:40:40.960><c> what</c><00:40:41.160><c> I</c><00:40:41.240><c> want</c><00:40:41.480><c> is</c><00:40:41.600><c> this</c><00:40:41.880><c> page</c><00:40:42.240><c> here,</c><00:40:42.680><c> our</c>

00:40:42.830 --> 00:40:42.840 align:start position:0%
But, what I want is this page here, our
 

00:40:42.840 --> 00:40:43.950 align:start position:0%
But, what I want is this page here, our
story.

00:40:43.950 --> 00:40:43.960 align:start position:0%
story.
 

00:40:43.960 --> 00:40:46.710 align:start position:0%
story.
So,<00:40:44.080><c> what</c><00:40:44.200><c> we</c><00:40:44.280><c> need</c><00:40:44.440><c> to</c><00:40:44.560><c> do</c><00:40:45.400><c> is</c><00:40:45.920><c> publish</c><00:40:46.480><c> this</c>

00:40:46.710 --> 00:40:46.720 align:start position:0%
So, what we need to do is publish this
 

00:40:46.720 --> 00:40:49.070 align:start position:0%
So, what we need to do is publish this
theme.<00:40:47.520><c> Because</c><00:40:47.840><c> all</c><00:40:48.000><c> of</c><00:40:48.120><c> our</c><00:40:48.240><c> pages</c><00:40:48.840><c> in</c><00:40:49.000><c> the</c>

00:40:49.070 --> 00:40:49.080 align:start position:0%
theme. Because all of our pages in the
 

00:40:49.080 --> 00:40:51.550 align:start position:0%
theme. Because all of our pages in the
back<00:40:49.840><c> are</c><00:40:50.000><c> linking</c><00:40:50.360><c> to</c><00:40:50.600><c> whatever</c><00:40:51.000><c> theme</c><00:40:51.400><c> is</c>

00:40:51.550 --> 00:40:51.560 align:start position:0%
back are linking to whatever theme is
 

00:40:51.560 --> 00:40:52.670 align:start position:0%
back are linking to whatever theme is
live,

00:40:52.670 --> 00:40:52.680 align:start position:0%
live,
 

00:40:52.680 --> 00:40:54.870 align:start position:0%
live,
which<00:40:52.800><c> is</c><00:40:52.920><c> currently</c>

00:40:54.870 --> 00:40:54.880 align:start position:0%
which is currently
 

00:40:54.880 --> 00:40:57.390 align:start position:0%
which is currently
this<00:40:55.400><c> latest</c><00:40:55.880><c> Horizon.</c><00:40:56.880><c> It's</c><00:40:57.040><c> not</c><00:40:57.280><c> the</c>

00:40:57.390 --> 00:40:57.400 align:start position:0%
this latest Horizon. It's not the
 

00:40:57.400 --> 00:40:58.870 align:start position:0%
this latest Horizon. It's not the
Valentina<00:40:57.920><c> theme.</c>

00:40:58.870 --> 00:40:58.880 align:start position:0%
Valentina theme.
 

00:40:58.880 --> 00:41:00.270 align:start position:0%
Valentina theme.
So,<00:40:58.920><c> let's</c><00:40:59.080><c> just</c><00:40:59.280><c> publish</c><00:40:59.640><c> the</c><00:40:59.760><c> Valentina</c>

00:41:00.270 --> 00:41:00.280 align:start position:0%
So, let's just publish the Valentina
 

00:41:00.280 --> 00:41:02.070 align:start position:0%
So, let's just publish the Valentina
theme<00:41:00.560><c> by</c><00:41:00.680><c> clicking</c><00:41:00.960><c> on</c><00:41:01.040><c> this</c><00:41:01.280><c> publish</c><00:41:01.640><c> button</c>

00:41:02.070 --> 00:41:02.080 align:start position:0%
theme by clicking on this publish button
 

00:41:02.080 --> 00:41:04.230 align:start position:0%
theme by clicking on this publish button
here.

00:41:04.230 --> 00:41:04.240 align:start position:0%
here.
 

00:41:04.240 --> 00:41:07.710 align:start position:0%
here.
Yeah,<00:41:04.600><c> I'm</c><00:41:04.760><c> happy.</c>

00:41:07.710 --> 00:41:07.720 align:start position:0%
 
 

00:41:07.720 --> 00:41:09.470 align:start position:0%
 
Now<00:41:07.880><c> that</c><00:41:08.040><c> the</c><00:41:08.120><c> Valentina</c><00:41:08.600><c> theme</c><00:41:08.800><c> is</c><00:41:08.920><c> live,</c>

00:41:09.470 --> 00:41:09.480 align:start position:0%
Now that the Valentina theme is live,
 

00:41:09.480 --> 00:41:13.550 align:start position:0%
Now that the Valentina theme is live,
let's<00:41:09.680><c> head</c><00:41:09.840><c> back</c><00:41:10.080><c> to</c><00:41:10.160><c> the</c><00:41:10.240><c> about</c><00:41:10.520><c> page.</c>

00:41:13.550 --> 00:41:13.560 align:start position:0%
 
 

00:41:13.560 --> 00:41:15.750 align:start position:0%
 
Now<00:41:13.760><c> choose</c><00:41:14.080><c> the</c><00:41:14.160><c> drop-down.</c><00:41:15.200><c> Now</c><00:41:15.360><c> we</c><00:41:15.480><c> can</c><00:41:15.600><c> see</c>

00:41:15.750 --> 00:41:15.760 align:start position:0%
Now choose the drop-down. Now we can see
 

00:41:15.760 --> 00:41:17.950 align:start position:0%
Now choose the drop-down. Now we can see
we<00:41:15.880><c> can</c><00:41:16.000><c> choose</c><00:41:16.320><c> any</c><00:41:16.520><c> of</c><00:41:16.640><c> our</c><00:41:16.760><c> new</c><00:41:16.880><c> templates.</c>

00:41:17.950 --> 00:41:17.960 align:start position:0%
we can choose any of our new templates.
 

00:41:17.960 --> 00:41:19.670 align:start position:0%
we can choose any of our new templates.
So,<00:41:18.280><c> our</c><00:41:18.440><c> story,</c>

00:41:19.670 --> 00:41:19.680 align:start position:0%
So, our story,
 

00:41:19.680 --> 00:41:21.150 align:start position:0%
So, our story,
then<00:41:19.840><c> hit</c><00:41:20.160><c> save.</c>

00:41:21.150 --> 00:41:21.160 align:start position:0%
then hit save.
 

00:41:21.160 --> 00:41:22.470 align:start position:0%
then hit save.
So,<00:41:21.240><c> just</c><00:41:21.400><c> be</c><00:41:21.480><c> aware</c><00:41:21.720><c> of</c><00:41:21.800><c> that.</c><00:41:22.200><c> When</c><00:41:22.360><c> you're</c>

00:41:22.470 --> 00:41:22.480 align:start position:0%
So, just be aware of that. When you're
 

00:41:22.480 --> 00:41:24.430 align:start position:0%
So, just be aware of that. When you're
clicking<00:41:22.760><c> around</c><00:41:23.280><c> previewing</c><00:41:23.760><c> your</c><00:41:23.880><c> store,</c>

00:41:24.430 --> 00:41:24.440 align:start position:0%
clicking around previewing your store,
 

00:41:24.440 --> 00:41:26.510 align:start position:0%
clicking around previewing your store,
if<00:41:24.640><c> it</c><00:41:24.720><c> is</c><00:41:24.840><c> in</c><00:41:24.920><c> draft</c><00:41:25.280><c> mode,</c><00:41:25.960><c> you</c><00:41:26.080><c> won't</c><00:41:26.320><c> see</c>

00:41:26.510 --> 00:41:26.520 align:start position:0%
if it is in draft mode, you won't see
 

00:41:26.520 --> 00:41:28.550 align:start position:0%
if it is in draft mode, you won't see
that<00:41:26.720><c> specific</c><00:41:27.200><c> pages</c><00:41:27.960><c> have</c><00:41:28.080><c> been</c><00:41:28.200><c> assigned</c>

00:41:28.550 --> 00:41:28.560 align:start position:0%
that specific pages have been assigned
 

00:41:28.560 --> 00:41:30.830 align:start position:0%
that specific pages have been assigned
yet.<00:41:29.040><c> Publish</c><00:41:29.400><c> it</c><00:41:29.520><c> first,</c><00:41:30.240><c> then</c><00:41:30.480><c> go</c><00:41:30.640><c> through</c>

00:41:30.830 --> 00:41:30.840 align:start position:0%
yet. Publish it first, then go through
 

00:41:30.840 --> 00:41:32.470 align:start position:0%
yet. Publish it first, then go through
your<00:41:31.000><c> pages</c><00:41:31.680><c> and</c><00:41:31.800><c> assign</c><00:41:32.120><c> the</c><00:41:32.200><c> correct</c>

00:41:32.470 --> 00:41:32.480 align:start position:0%
your pages and assign the correct
 

00:41:32.480 --> 00:41:33.790 align:start position:0%
your pages and assign the correct
template.

00:41:33.790 --> 00:41:33.800 align:start position:0%
template.
 

00:41:33.800 --> 00:41:36.390 align:start position:0%
template.
And<00:41:34.120><c> here</c><00:41:34.480><c> are</c><00:41:34.600><c> some</c><00:41:34.920><c> extra</c><00:41:35.320><c> tips.</c>

00:41:36.390 --> 00:41:36.400 align:start position:0%
And here are some extra tips.
 

00:41:36.400 --> 00:41:37.550 align:start position:0%
And here are some extra tips.
First<00:41:36.640><c> of</c><00:41:36.720><c> all,</c><00:41:36.840><c> you</c><00:41:36.920><c> may</c><00:41:37.040><c> have</c><00:41:37.160><c> noticed</c><00:41:37.480><c> in</c>

00:41:37.550 --> 00:41:37.560 align:start position:0%
First of all, you may have noticed in
 

00:41:37.560 --> 00:41:38.910 align:start position:0%
First of all, you may have noticed in
the<00:41:37.640><c> previous</c><00:41:38.040><c> theme</c><00:41:38.280><c> we've</c><00:41:38.440><c> got</c><00:41:38.600><c> these</c>

00:41:38.910 --> 00:41:38.920 align:start position:0%
the previous theme we've got these
 

00:41:38.920 --> 00:41:41.630 align:start position:0%
the previous theme we've got these
badges<00:41:39.520><c> showing,</c><00:41:40.120><c> best</c><00:41:40.360><c> seller,</c><00:41:40.880><c> new</c><00:41:41.120><c> in,</c>

00:41:41.630 --> 00:41:41.640 align:start position:0%
badges showing, best seller, new in,
 

00:41:41.640 --> 00:41:43.790 align:start position:0%
badges showing, best seller, new in,
etc.<00:41:42.440><c> Now,</c><00:41:42.600><c> these</c><00:41:42.920><c> are</c><00:41:43.000><c> actually</c><00:41:43.320><c> linked</c><00:41:43.600><c> up</c>

00:41:43.790 --> 00:41:43.800 align:start position:0%
etc. Now, these are actually linked up
 

00:41:43.800 --> 00:41:45.990 align:start position:0%
etc. Now, these are actually linked up
to<00:41:44.240><c> product</c><00:41:44.680><c> meta</c><00:41:44.960><c> fields.</c><00:41:45.680><c> So,</c><00:41:45.720><c> I'm</c><00:41:45.800><c> going</c><00:41:45.920><c> to</c>

00:41:45.990 --> 00:41:46.000 align:start position:0%
to product meta fields. So, I'm going to
 

00:41:46.000 --> 00:41:47.550 align:start position:0%
to product meta fields. So, I'm going to
show<00:41:46.160><c> you</c><00:41:46.320><c> how</c><00:41:46.440><c> to</c><00:41:46.600><c> set</c><00:41:46.880><c> up</c><00:41:47.080><c> a</c><00:41:47.120><c> product</c><00:41:47.360><c> meta</c>

00:41:47.550 --> 00:41:47.560 align:start position:0%
show you how to set up a product meta
 

00:41:47.560 --> 00:41:49.910 align:start position:0%
show you how to set up a product meta
field,<00:41:48.400><c> assign</c><00:41:48.840><c> them,</c><00:41:49.320><c> and</c><00:41:49.480><c> then</c><00:41:49.680><c> they'll</c>

00:41:49.910 --> 00:41:49.920 align:start position:0%
field, assign them, and then they'll
 

00:41:49.920 --> 00:41:51.870 align:start position:0%
field, assign them, and then they'll
appear<00:41:50.160><c> like</c><00:41:50.280><c> this</c><00:41:50.640><c> on</c><00:41:50.760><c> your</c><00:41:50.880><c> store.</c><00:41:51.720><c> So,</c><00:41:51.760><c> for</c>

00:41:51.870 --> 00:41:51.880 align:start position:0%
appear like this on your store. So, for
 

00:41:51.880 --> 00:41:54.630 align:start position:0%
appear like this on your store. So, for
that,<00:41:52.160><c> we</c><00:41:52.240><c> need</c><00:41:52.400><c> to</c><00:41:52.480><c> go</c><00:41:52.680><c> to</c><00:41:52.840><c> our</c><00:41:52.960><c> back</c><00:41:53.200><c> office.</c>

00:41:54.630 --> 00:41:54.640 align:start position:0%
that, we need to go to our back office.
 

00:41:54.640 --> 00:41:57.510 align:start position:0%
that, we need to go to our back office.
Head<00:41:54.880><c> to</c><00:41:55.280><c> settings,</c><00:41:56.280><c> and</c><00:41:56.440><c> then</c><00:41:56.840><c> meta</c><00:41:57.160><c> fields</c>

00:41:57.510 --> 00:41:57.520 align:start position:0%
Head to settings, and then meta fields
 

00:41:57.520 --> 00:41:59.470 align:start position:0%
Head to settings, and then meta fields
and<00:41:57.680><c> meta</c><00:41:57.920><c> objects.</c>

00:41:59.470 --> 00:41:59.480 align:start position:0%
and meta objects.
 

00:41:59.480 --> 00:42:01.910 align:start position:0%
and meta objects.
Click<00:41:59.720><c> into</c><00:42:00.120><c> products,</c>

00:42:01.910 --> 00:42:01.920 align:start position:0%
Click into products,
 

00:42:01.920 --> 00:42:03.150 align:start position:0%
Click into products,
and<00:42:02.000><c> then</c><00:42:02.120><c> we</c><00:42:02.200><c> need</c><00:42:02.320><c> to</c><00:42:02.480><c> add</c><00:42:02.800><c> a</c><00:42:02.840><c> new</c>

00:42:03.150 --> 00:42:03.160 align:start position:0%
and then we need to add a new
 

00:42:03.160 --> 00:42:06.070 align:start position:0%
and then we need to add a new
definition.

00:42:06.070 --> 00:42:06.080 align:start position:0%
 
 

00:42:06.080 --> 00:42:07.870 align:start position:0%
 
In<00:42:06.200><c> this</c><00:42:06.400><c> field,</c><00:42:06.960><c> we</c><00:42:07.040><c> need</c><00:42:07.200><c> to</c><00:42:07.280><c> type</c><00:42:07.600><c> in</c>

00:42:07.870 --> 00:42:07.880 align:start position:0%
In this field, we need to type in
 

00:42:07.880 --> 00:42:11.510 align:start position:0%
In this field, we need to type in
product<00:42:08.320><c> badges.</c>

00:42:11.510 --> 00:42:11.520 align:start position:0%
 
 

00:42:11.520 --> 00:42:13.270 align:start position:0%
 
Then<00:42:11.680><c> in</c><00:42:11.760><c> this</c><00:42:11.960><c> type</c><00:42:12.320><c> drop-down,</c><00:42:13.000><c> we</c><00:42:13.080><c> need</c><00:42:13.200><c> to</c>

00:42:13.270 --> 00:42:13.280 align:start position:0%
Then in this type drop-down, we need to
 

00:42:13.280 --> 00:42:17.310 align:start position:0%
Then in this type drop-down, we need to
change<00:42:13.560><c> it</c><00:42:13.680><c> from</c><00:42:13.960><c> one</c><00:42:14.720><c> to</c><00:42:15.040><c> a</c><00:42:15.160><c> list</c><00:42:15.520><c> of</c><00:42:15.600><c> values.</c>

00:42:17.310 --> 00:42:17.320 align:start position:0%
change it from one to a list of values.
 

00:42:17.320 --> 00:42:19.270 align:start position:0%
change it from one to a list of values.
Then<00:42:17.560><c> for</c><00:42:17.680><c> select</c><00:42:18.080><c> type,</c>

00:42:19.270 --> 00:42:19.280 align:start position:0%
Then for select type,
 

00:42:19.280 --> 00:42:21.750 align:start position:0%
Then for select type,
change<00:42:19.560><c> that</c><00:42:19.840><c> to</c><00:42:20.200><c> choice</c><00:42:20.680><c> list</c><00:42:21.200><c> single</c><00:42:21.600><c> line</c>

00:42:21.750 --> 00:42:21.760 align:start position:0%
change that to choice list single line
 

00:42:21.760 --> 00:42:23.430 align:start position:0%
change that to choice list single line
text.

00:42:23.430 --> 00:42:23.440 align:start position:0%
text.
 

00:42:23.440 --> 00:42:25.430 align:start position:0%
text.
Once<00:42:23.600><c> we</c><00:42:23.680><c> do</c><00:42:23.880><c> that,</c><00:42:24.480><c> under</c><00:42:24.680><c> this</c><00:42:24.880><c> validation</c>

00:42:25.430 --> 00:42:25.440 align:start position:0%
Once we do that, under this validation
 

00:42:25.440 --> 00:42:27.070 align:start position:0%
Once we do that, under this validation
area,<00:42:26.200><c> we'll</c><00:42:26.320><c> see</c><00:42:26.440><c> we've</c><00:42:26.560><c> got</c><00:42:26.720><c> this</c><00:42:26.880><c> new</c>

00:42:27.070 --> 00:42:27.080 align:start position:0%
area, we'll see we've got this new
 

00:42:27.080 --> 00:42:28.910 align:start position:0%
area, we'll see we've got this new
field.

00:42:28.910 --> 00:42:28.920 align:start position:0%
field.
 

00:42:28.920 --> 00:42:31.430 align:start position:0%
field.
In<00:42:29.080><c> there,</c><00:42:29.520><c> I</c><00:42:29.600><c> want</c><00:42:29.800><c> to</c><00:42:29.840><c> type</c><00:42:30.160><c> in</c><00:42:30.920><c> what</c><00:42:31.200><c> I</c><00:42:31.280><c> want</c>

00:42:31.430 --> 00:42:31.440 align:start position:0%
In there, I want to type in what I want
 

00:42:31.440 --> 00:42:36.230 align:start position:0%
In there, I want to type in what I want
the<00:42:31.520><c> badge</c><00:42:31.800><c> to</c><00:42:31.880><c> be.</c><00:42:32.320><c> So,</c><00:42:33.240><c> let's</c><00:42:33.440><c> say</c><00:42:33.600><c> new</c><00:42:33.880><c> in.</c>

00:42:36.230 --> 00:42:36.240 align:start position:0%
 
 

00:42:36.240 --> 00:42:38.310 align:start position:0%
 
And<00:42:36.320><c> then</c><00:42:36.440><c> if</c><00:42:36.560><c> I</c><00:42:36.600><c> wanted</c><00:42:36.840><c> to</c><00:42:36.920><c> add</c><00:42:37.040><c> another</c><00:42:37.280><c> one,</c>

00:42:38.310 --> 00:42:38.320 align:start position:0%
And then if I wanted to add another one,
 

00:42:38.320 --> 00:42:41.870 align:start position:0%
And then if I wanted to add another one,
best<00:42:38.520><c> seller.</c>

00:42:41.870 --> 00:42:41.880 align:start position:0%
 
 

00:42:41.880 --> 00:42:43.230 align:start position:0%
 
And<00:42:42.000><c> you</c><00:42:42.080><c> can</c><00:42:42.240><c> add</c><00:42:42.440><c> as</c><00:42:42.560><c> many</c><00:42:42.760><c> of</c><00:42:42.840><c> these</c><00:42:43.040><c> as</c><00:42:43.160><c> you</c>

00:42:43.230 --> 00:42:43.240 align:start position:0%
And you can add as many of these as you
 

00:42:43.240 --> 00:42:45.790 align:start position:0%
And you can add as many of these as you
like.

00:42:45.790 --> 00:42:45.800 align:start position:0%
 
 

00:42:45.800 --> 00:42:47.870 align:start position:0%
 
Finally,<00:42:46.320><c> just</c><00:42:46.720><c> toggle</c><00:42:47.120><c> all</c><00:42:47.280><c> these</c><00:42:47.520><c> switches</c>

00:42:47.870 --> 00:42:47.880 align:start position:0%
Finally, just toggle all these switches
 

00:42:47.880 --> 00:42:49.390 align:start position:0%
Finally, just toggle all these switches
on.

00:42:49.390 --> 00:42:49.400 align:start position:0%
on.
 

00:42:49.400 --> 00:42:51.710 align:start position:0%
on.
And<00:42:49.480><c> then</c><00:42:49.640><c> hit</c><00:42:50.080><c> save.</c>

00:42:51.710 --> 00:42:51.720 align:start position:0%
And then hit save.
 

00:42:51.720 --> 00:42:53.390 align:start position:0%
And then hit save.
Close<00:42:51.960><c> that.</c>

00:42:53.390 --> 00:42:53.400 align:start position:0%
Close that.
 

00:42:53.400 --> 00:42:55.070 align:start position:0%
Close that.
Now<00:42:53.520><c> let's</c><00:42:53.680><c> head</c><00:42:53.840><c> over</c><00:42:54.000><c> to</c><00:42:54.120><c> a</c><00:42:54.160><c> product.</c><00:42:54.920><c> So,</c>

00:42:55.070 --> 00:42:55.080 align:start position:0%
Now let's head over to a product. So,
 

00:42:55.080 --> 00:42:57.150 align:start position:0%
Now let's head over to a product. So,
click<00:42:55.320><c> into</c><00:42:55.600><c> products,</c><00:42:56.680><c> and</c><00:42:56.760><c> then</c><00:42:56.960><c> we'll</c><00:42:57.080><c> go</c>

00:42:57.150 --> 00:42:57.160 align:start position:0%
click into products, and then we'll go
 

00:42:57.160 --> 00:42:59.830 align:start position:0%
click into products, and then we'll go
into<00:42:57.320><c> this</c><00:42:57.520><c> white</c><00:42:57.880><c> drinks</c><00:42:58.160><c> can.</c>

00:42:59.830 --> 00:42:59.840 align:start position:0%
into this white drinks can.
 

00:42:59.840 --> 00:43:02.230 align:start position:0%
into this white drinks can.
Scroll<00:43:00.160><c> down</c><00:43:00.520><c> towards</c><00:43:00.800><c> the</c><00:43:00.880><c> bottom.</c>

00:43:02.230 --> 00:43:02.240 align:start position:0%
Scroll down towards the bottom.
 

00:43:02.240 --> 00:43:03.830 align:start position:0%
Scroll down towards the bottom.
You'll<00:43:02.360><c> see</c><00:43:02.520><c> this</c><00:43:02.880><c> product</c><00:43:03.280><c> meta</c><00:43:03.520><c> fields</c>

00:43:03.830 --> 00:43:03.840 align:start position:0%
You'll see this product meta fields
 

00:43:03.840 --> 00:43:04.830 align:start position:0%
You'll see this product meta fields
area.

00:43:04.830 --> 00:43:04.840 align:start position:0%
area.
 

00:43:04.840 --> 00:43:06.510 align:start position:0%
area.
And<00:43:04.960><c> here</c><00:43:05.400><c> is</c><00:43:05.520><c> our</c><00:43:05.640><c> new</c><00:43:05.840><c> field</c><00:43:06.120><c> that</c><00:43:06.240><c> we</c><00:43:06.320><c> just</c>

00:43:06.510 --> 00:43:06.520 align:start position:0%
And here is our new field that we just
 

00:43:06.520 --> 00:43:07.790 align:start position:0%
And here is our new field that we just
created.

00:43:07.790 --> 00:43:07.800 align:start position:0%
created.
 

00:43:07.800 --> 00:43:09.830 align:start position:0%
created.
Once<00:43:08.000><c> I</c><00:43:08.040><c> click</c><00:43:08.280><c> into</c><00:43:08.480><c> that,</c><00:43:09.320><c> you</c><00:43:09.360><c> can</c><00:43:09.480><c> see</c><00:43:09.720><c> I've</c>

00:43:09.830 --> 00:43:09.840 align:start position:0%
Once I click into that, you can see I've
 

00:43:09.840 --> 00:43:12.030 align:start position:0%
Once I click into that, you can see I've
got<00:43:10.080><c> these</c><00:43:10.640><c> options.</c>

00:43:12.030 --> 00:43:12.040 align:start position:0%
got these options.
 

00:43:12.040 --> 00:43:14.790 align:start position:0%
got these options.
So,<00:43:12.160><c> let's</c><00:43:12.480><c> add</c><00:43:12.680><c> in</c><00:43:13.280><c> new</c><00:43:13.520><c> in.</c>

00:43:14.790 --> 00:43:14.800 align:start position:0%
So, let's add in new in.
 

00:43:14.800 --> 00:43:17.070 align:start position:0%
So, let's add in new in.
And<00:43:14.960><c> if</c><00:43:15.080><c> I</c><00:43:15.160><c> wanted</c><00:43:15.520><c> to</c><00:43:15.680><c> also</c><00:43:15.960><c> add</c><00:43:16.120><c> best</c><00:43:16.320><c> seller,</c>

00:43:17.070 --> 00:43:17.080 align:start position:0%
And if I wanted to also add best seller,
 

00:43:17.080 --> 00:43:19.670 align:start position:0%
And if I wanted to also add best seller,
let's<00:43:17.360><c> add</c><00:43:17.480><c> that,</c><00:43:17.680><c> too.</c>

00:43:19.670 --> 00:43:19.680 align:start position:0%
let's add that, too.
 

00:43:19.680 --> 00:43:22.750 align:start position:0%
let's add that, too.
Then<00:43:19.840><c> we</c><00:43:19.960><c> hit</c><00:43:20.160><c> save.</c>

00:43:22.750 --> 00:43:22.760 align:start position:0%
 
 

00:43:22.760 --> 00:43:24.150 align:start position:0%
 
And<00:43:22.880><c> if</c><00:43:23.000><c> we</c><00:43:23.120><c> head</c><00:43:23.360><c> to</c><00:43:23.400><c> that</c><00:43:23.560><c> product</c><00:43:23.920><c> in</c><00:43:24.040><c> our</c>

00:43:24.150 --> 00:43:24.160 align:start position:0%
And if we head to that product in our
 

00:43:24.160 --> 00:43:30.150 align:start position:0%
And if we head to that product in our
theme,

00:43:30.150 --> 00:43:30.160 align:start position:0%
 
 

00:43:30.160 --> 00:43:32.910 align:start position:0%
 
white<00:43:30.520><c> drinks</c><00:43:30.840><c> can.</c>

00:43:32.910 --> 00:43:32.920 align:start position:0%
white drinks can.
 

00:43:32.920 --> 00:43:34.470 align:start position:0%
white drinks can.
You'll<00:43:33.040><c> see</c><00:43:33.200><c> that</c><00:43:33.360><c> those</c><00:43:33.640><c> badges</c><00:43:34.160><c> are</c><00:43:34.280><c> now</c>

00:43:34.470 --> 00:43:34.480 align:start position:0%
You'll see that those badges are now
 

00:43:34.480 --> 00:43:35.910 align:start position:0%
You'll see that those badges are now
showing.

00:43:35.910 --> 00:43:35.920 align:start position:0%
showing.
 

00:43:35.920 --> 00:43:38.270 align:start position:0%
showing.
As<00:43:36.080><c> I</c><00:43:36.120><c> mentioned</c><00:43:36.480><c> earlier</c><00:43:36.720><c> in</c><00:43:36.800><c> the</c><00:43:36.880><c> video,</c>

00:43:38.270 --> 00:43:38.280 align:start position:0%
As I mentioned earlier in the video,
 

00:43:38.280 --> 00:43:42.510 align:start position:0%
As I mentioned earlier in the video,
that<00:43:38.520><c> section</c><00:43:39.160><c> is</c><00:43:39.520><c> custom</c><00:43:39.920><c> coded.</c>

00:43:42.510 --> 00:43:42.520 align:start position:0%
that section is custom coded.
 

00:43:42.520 --> 00:43:43.870 align:start position:0%
that section is custom coded.
As<00:43:42.640><c> shown</c><00:43:42.880><c> here.</c>

00:43:43.870 --> 00:43:43.880 align:start position:0%
As shown here.
 

00:43:43.880 --> 00:43:46.030 align:start position:0%
As shown here.
So,<00:43:44.080><c> this</c><00:43:44.280><c> is</c><00:43:44.400><c> done</c><00:43:44.600><c> automatically.</c>

00:43:46.030 --> 00:43:46.040 align:start position:0%
So, this is done automatically.
 

00:43:46.040 --> 00:43:47.390 align:start position:0%
So, this is done automatically.
This<00:43:46.200><c> will</c><00:43:46.280><c> just</c><00:43:46.480><c> show</c><00:43:46.640><c> whatever</c><00:43:46.880><c> you've</c><00:43:47.040><c> set</c>

00:43:47.390 --> 00:43:47.400 align:start position:0%
This will just show whatever you've set
 

00:43:47.400 --> 00:43:48.870 align:start position:0%
This will just show whatever you've set
in<00:43:47.480><c> the</c><00:43:47.520><c> back</c><00:43:47.760><c> of</c><00:43:47.800><c> the</c><00:43:47.880><c> product.</c>

00:43:48.870 --> 00:43:48.880 align:start position:0%
in the back of the product.
 

00:43:48.880 --> 00:43:50.310 align:start position:0%
in the back of the product.
And<00:43:48.960><c> these</c><00:43:49.160><c> badges</c><00:43:49.480><c> are</c><00:43:49.600><c> also</c><00:43:49.840><c> shown</c><00:43:50.160><c> in</c><00:43:50.240><c> the</c>

00:43:50.310 --> 00:43:50.320 align:start position:0%
And these badges are also shown in the
 

00:43:50.320 --> 00:43:52.550 align:start position:0%
And these badges are also shown in the
collection<00:43:50.800><c> view,</c><00:43:51.040><c> too.</c>

00:43:52.550 --> 00:43:52.560 align:start position:0%
collection view, too.
 

00:43:52.560 --> 00:43:54.150 align:start position:0%
collection view, too.
As<00:43:52.720><c> you</c><00:43:52.800><c> can</c><00:43:52.960><c> see</c><00:43:53.280><c> here.</c>

00:43:54.150 --> 00:43:54.160 align:start position:0%
As you can see here.
 

00:43:54.160 --> 00:43:56.710 align:start position:0%
As you can see here.
Top<00:43:54.400><c> right</c><00:43:54.600><c> of</c><00:43:54.680><c> this</c><00:43:55.280><c> product</c><00:43:55.640><c> card.</c>

00:43:56.710 --> 00:43:56.720 align:start position:0%
Top right of this product card.
 

00:43:56.720 --> 00:43:58.310 align:start position:0%
Top right of this product card.
And<00:43:56.800><c> just</c><00:43:56.960><c> so</c><00:43:57.040><c> you</c><00:43:57.120><c> know,</c><00:43:57.360><c> these</c><00:43:57.640><c> badges</c><00:43:58.000><c> won't</c>

00:43:58.310 --> 00:43:58.320 align:start position:0%
And just so you know, these badges won't
 

00:43:58.320 --> 00:44:01.270 align:start position:0%
And just so you know, these badges won't
show<00:43:58.840><c> if</c><00:43:59.000><c> a</c><00:43:59.080><c> product</c><00:43:59.440><c> is</c><00:43:59.600><c> either</c><00:44:00.360><c> out</c><00:44:00.600><c> of</c><00:44:00.720><c> stock</c>

00:44:01.270 --> 00:44:01.280 align:start position:0%
show if a product is either out of stock
 

00:44:01.280 --> 00:44:03.350 align:start position:0%
show if a product is either out of stock
or<00:44:01.480><c> on</c><00:44:01.640><c> sale.</c><00:44:02.520><c> It'll</c><00:44:02.640><c> just</c><00:44:02.800><c> show</c><00:44:02.960><c> it</c><00:44:03.080><c> out</c><00:44:03.280><c> of</c>

00:44:03.350 --> 00:44:03.360 align:start position:0%
or on sale. It'll just show it out of
 

00:44:03.360 --> 00:44:05.470 align:start position:0%
or on sale. It'll just show it out of
stock<00:44:03.600><c> badge.</c><00:44:04.240><c> And</c><00:44:04.400><c> likewise,</c><00:44:05.200><c> if</c><00:44:05.240><c> it's</c><00:44:05.360><c> on</c>

00:44:05.470 --> 00:44:05.480 align:start position:0%
stock badge. And likewise, if it's on
 

00:44:05.480 --> 00:44:08.110 align:start position:0%
stock badge. And likewise, if it's on
sale,<00:44:06.080><c> it'll</c><00:44:06.240><c> show</c><00:44:06.760><c> on</c><00:44:06.920><c> sale.</c>

00:44:08.110 --> 00:44:08.120 align:start position:0%
sale, it'll show on sale.
 

00:44:08.120 --> 00:44:09.990 align:start position:0%
sale, it'll show on sale.
Now,<00:44:08.280><c> you</c><00:44:08.400><c> may</c><00:44:08.520><c> have</c><00:44:08.640><c> noticed</c><00:44:09.240><c> on</c><00:44:09.360><c> our</c><00:44:09.480><c> demo</c>

00:44:09.990 --> 00:44:10.000 align:start position:0%
Now, you may have noticed on our demo
 

00:44:10.000 --> 00:44:12.550 align:start position:0%
Now, you may have noticed on our demo
Valentina<00:44:10.640><c> theme,</c><00:44:11.520><c> we've</c><00:44:11.640><c> got</c><00:44:11.800><c> this</c><00:44:12.160><c> unlock</c>

00:44:12.550 --> 00:44:12.560 align:start position:0%
Valentina theme, we've got this unlock
 

00:44:12.560 --> 00:44:14.030 align:start position:0%
Valentina theme, we've got this unlock
10%<00:44:13.080><c> off</c>

00:44:14.030 --> 00:44:14.040 align:start position:0%
10% off
 

00:44:14.040 --> 00:44:15.830 align:start position:0%
10% off
option<00:44:14.400><c> the</c><00:44:14.480><c> bottom</c><00:44:14.760><c> left.</c><00:44:15.400><c> When</c><00:44:15.560><c> you</c><00:44:15.640><c> click</c>

00:44:15.830 --> 00:44:15.840 align:start position:0%
option the bottom left. When you click
 

00:44:15.840 --> 00:44:18.270 align:start position:0%
option the bottom left. When you click
on<00:44:15.960><c> that,</c><00:44:16.680><c> it</c><00:44:16.800><c> show</c><00:44:16.960><c> you</c><00:44:17.040><c> this</c><00:44:17.160><c> pop-up.</c>

00:44:18.270 --> 00:44:18.280 align:start position:0%
on that, it show you this pop-up.
 

00:44:18.280 --> 00:44:19.710 align:start position:0%
on that, it show you this pop-up.
And<00:44:18.360><c> this</c><00:44:18.480><c> pop-up</c><00:44:18.840><c> will</c><00:44:18.960><c> also</c><00:44:19.240><c> automatically</c>

00:44:19.710 --> 00:44:19.720 align:start position:0%
And this pop-up will also automatically
 

00:44:19.720 --> 00:44:22.350 align:start position:0%
And this pop-up will also automatically
appear<00:44:20.200><c> after</c><00:44:20.480><c> say</c><00:44:20.720><c> 15</c><00:44:21.120><c> seconds.</c><00:44:22.000><c> Now,</c><00:44:22.120><c> this</c>

00:44:22.350 --> 00:44:22.360 align:start position:0%
appear after say 15 seconds. Now, this
 

00:44:22.360 --> 00:44:24.990 align:start position:0%
appear after say 15 seconds. Now, this
is<00:44:22.480><c> set</c><00:44:22.720><c> up</c><00:44:22.880><c> with</c><00:44:23.080><c> Shopify</c><00:44:23.640><c> forms.</c><00:44:24.640><c> Shopify</c>

00:44:24.990 --> 00:44:25.000 align:start position:0%
is set up with Shopify forms. Shopify
 

00:44:25.000 --> 00:44:28.150 align:start position:0%
is set up with Shopify forms. Shopify
forms<00:44:25.800><c> is</c><00:44:25.960><c> a</c><00:44:26.040><c> free</c><00:44:26.600><c> app</c><00:44:26.920><c> built</c><00:44:27.080><c> by</c><00:44:27.200><c> Shopify.</c>

00:44:28.150 --> 00:44:28.160 align:start position:0%
forms is a free app built by Shopify.
 

00:44:28.160 --> 00:44:29.910 align:start position:0%
forms is a free app built by Shopify.
So,<00:44:28.280><c> feel</c><00:44:28.560><c> free</c><00:44:28.800><c> to</c><00:44:29.000><c> head</c><00:44:29.200><c> over</c><00:44:29.360><c> to</c><00:44:29.440><c> the</c><00:44:29.720><c> app</c>

00:44:29.910 --> 00:44:29.920 align:start position:0%
So, feel free to head over to the app
 

00:44:29.920 --> 00:44:31.030 align:start position:0%
So, feel free to head over to the app
store

00:44:31.030 --> 00:44:31.040 align:start position:0%
store
 

00:44:31.040 --> 00:44:35.030 align:start position:0%
store
and<00:44:31.200><c> search</c><00:44:31.520><c> for</c><00:44:31.840><c> Shopify</c><00:44:32.560><c> forms.</c>

00:44:35.030 --> 00:44:35.040 align:start position:0%
and search for Shopify forms.
 

00:44:35.040 --> 00:44:37.270 align:start position:0%
and search for Shopify forms.
And<00:44:35.400><c> install</c><00:44:35.800><c> that</c><00:44:36.040><c> to</c><00:44:36.120><c> your</c><00:44:36.280><c> theme.</c><00:44:37.160><c> You'll</c>

00:44:37.270 --> 00:44:37.280 align:start position:0%
And install that to your theme. You'll
 

00:44:37.280 --> 00:44:38.670 align:start position:0%
And install that to your theme. You'll
then<00:44:37.400><c> be</c><00:44:37.480><c> able</c><00:44:37.600><c> to</c><00:44:37.720><c> customize</c><00:44:38.160><c> the</c><00:44:38.240><c> pop-up</c><00:44:38.600><c> and</c>

00:44:38.670 --> 00:44:38.680 align:start position:0%
then be able to customize the pop-up and
 

00:44:38.680 --> 00:44:41.230 align:start position:0%
then be able to customize the pop-up and
get<00:44:38.800><c> that</c><00:44:38.960><c> to</c><00:44:39.080><c> show</c><00:44:39.880><c> as</c><00:44:40.080><c> we've</c><00:44:40.240><c> got</c>

00:44:41.230 --> 00:44:41.240 align:start position:0%
get that to show as we've got
 

00:44:41.240 --> 00:44:43.390 align:start position:0%
get that to show as we've got
here.<00:44:41.920><c> Or</c><00:44:42.120><c> alternatively,</c><00:44:42.880><c> if</c><00:44:43.040><c> you're</c><00:44:43.160><c> using</c>

00:44:43.390 --> 00:44:43.400 align:start position:0%
here. Or alternatively, if you're using
 

00:44:43.400 --> 00:44:45.350 align:start position:0%
here. Or alternatively, if you're using
another<00:44:43.720><c> platform</c><00:44:44.160><c> like</c><00:44:44.320><c> Klaviyo,</c><00:44:45.120><c> you</c><00:44:45.240><c> can</c>

00:44:45.350 --> 00:44:45.360 align:start position:0%
another platform like Klaviyo, you can
 

00:44:45.360 --> 00:44:46.910 align:start position:0%
another platform like Klaviyo, you can
just<00:44:45.560><c> link</c><00:44:45.760><c> that</c><00:44:45.960><c> up</c><00:44:46.400><c> how</c><00:44:46.520><c> you've</c><00:44:46.640><c> done</c><00:44:46.840><c> on</c>

00:44:46.910 --> 00:44:46.920 align:start position:0%
just link that up how you've done on
 

00:44:46.920 --> 00:44:48.310 align:start position:0%
just link that up how you've done on
your<00:44:47.040><c> current</c><00:44:47.360><c> theme.</c>

00:44:48.310 --> 00:44:48.320 align:start position:0%
your current theme.
 

00:44:48.320 --> 00:44:49.910 align:start position:0%
your current theme.
Now,<00:44:48.440><c> when</c><00:44:48.560><c> it</c><00:44:48.680><c> comes</c><00:44:48.920><c> to</c><00:44:49.040><c> theme</c><00:44:49.400><c> updates</c><00:44:49.840><c> and</c>

00:44:49.910 --> 00:44:49.920 align:start position:0%
Now, when it comes to theme updates and
 

00:44:49.920 --> 00:44:51.470 align:start position:0%
Now, when it comes to theme updates and
releases,<00:44:50.640><c> we've</c><00:44:50.800><c> actually</c><00:44:51.000><c> built</c><00:44:51.200><c> this</c><00:44:51.360><c> on</c>

00:44:51.470 --> 00:44:51.480 align:start position:0%
releases, we've actually built this on
 

00:44:51.480 --> 00:44:53.910 align:start position:0%
releases, we've actually built this on
Shopify<00:44:52.040><c> Horizons</c><00:44:52.680><c> theme.</c><00:44:53.240><c> And</c><00:44:53.360><c> what</c><00:44:53.520><c> we</c><00:44:53.600><c> do</c>

00:44:53.910 --> 00:44:53.920 align:start position:0%
Shopify Horizons theme. And what we do
 

00:44:53.920 --> 00:44:56.150 align:start position:0%
Shopify Horizons theme. And what we do
is<00:44:54.040><c> we</c><00:44:54.240><c> regularly</c><00:44:54.840><c> update</c><00:44:55.280><c> this</c><00:44:55.480><c> theme.</c><00:44:55.960><c> So,</c>

00:44:56.150 --> 00:44:56.160 align:start position:0%
is we regularly update this theme. So,
 

00:44:56.160 --> 00:44:57.830 align:start position:0%
is we regularly update this theme. So,
if<00:44:56.360><c> you</c><00:44:56.480><c> ever</c><00:44:56.640><c> want</c><00:44:56.840><c> to</c><00:44:56.920><c> come</c><00:44:57.160><c> back</c><00:44:57.720><c> and</c>

00:44:57.830 --> 00:44:57.840 align:start position:0%
if you ever want to come back and
 

00:44:57.840 --> 00:44:59.710 align:start position:0%
if you ever want to come back and
re-download<00:44:58.400><c> this</c><00:44:58.560><c> theme,</c><00:44:59.120><c> just</c><00:44:59.320><c> head</c><00:44:59.480><c> to</c><00:44:59.600><c> the</c>

00:44:59.710 --> 00:44:59.720 align:start position:0%
re-download this theme, just head to the
 

00:44:59.720 --> 00:45:01.510 align:start position:0%
re-download this theme, just head to the
link<00:44:59.960><c> that</c><00:45:00.080><c> was</c><00:45:00.160><c> given</c><00:45:00.440><c> to</c><00:45:00.560><c> you</c><00:45:01.000><c> that</c><00:45:01.160><c> took</c><00:45:01.400><c> you</c>

00:45:01.510 --> 00:45:01.520 align:start position:0%
link that was given to you that took you
 

00:45:01.520 --> 00:45:03.630 align:start position:0%
link that was given to you that took you
to<00:45:01.640><c> the</c><00:45:01.720><c> instructions</c><00:45:02.240><c> guide</c><00:45:02.640><c> with</c><00:45:02.800><c> the</c><00:45:03.320><c> zip</c>

00:45:03.630 --> 00:45:03.640 align:start position:0%
to the instructions guide with the zip
 

00:45:03.640 --> 00:45:06.350 align:start position:0%
to the instructions guide with the zip
file,<00:45:04.480><c> re-download</c><00:45:05.120><c> that</c><00:45:05.240><c> zip</c><00:45:05.480><c> file,</c><00:45:06.120><c> add</c><00:45:06.280><c> it</c>

00:45:06.350 --> 00:45:06.360 align:start position:0%
file, re-download that zip file, add it
 

00:45:06.360 --> 00:45:08.350 align:start position:0%
file, re-download that zip file, add it
to<00:45:06.400><c> your</c><00:45:06.480><c> theme,</c><00:45:07.080><c> re-install</c><00:45:07.640><c> up</c><00:45:07.800><c> this</c><00:45:08.000><c> theme</c>

00:45:08.350 --> 00:45:08.360 align:start position:0%
to your theme, re-install up this theme
 

00:45:08.360 --> 00:45:09.830 align:start position:0%
to your theme, re-install up this theme
how<00:45:08.480><c> you've</c><00:45:08.600><c> just</c><00:45:08.760><c> done</c><00:45:08.880><c> it,</c><00:45:09.400><c> and</c><00:45:09.560><c> then</c><00:45:09.720><c> you'll</c>

00:45:09.830 --> 00:45:09.840 align:start position:0%
how you've just done it, and then you'll
 

00:45:09.840 --> 00:45:12.110 align:start position:0%
how you've just done it, and then you'll
have<00:45:09.960><c> the</c><00:45:10.040><c> latest</c><00:45:10.440><c> version</c><00:45:10.840><c> of</c><00:45:11.000><c> Horizon.</c><00:45:12.000><c> And</c>

00:45:12.110 --> 00:45:12.120 align:start position:0%
have the latest version of Horizon. And
 

00:45:12.120 --> 00:45:13.670 align:start position:0%
have the latest version of Horizon. And
as<00:45:12.200><c> a</c><00:45:12.240><c> free</c><00:45:12.480><c> bonus</c><00:45:12.800><c> template</c><00:45:13.320><c> to</c><00:45:13.400><c> help</c><00:45:13.600><c> with</c>

00:45:13.670 --> 00:45:13.680 align:start position:0%
as a free bonus template to help with
 

00:45:13.680 --> 00:45:15.630 align:start position:0%
as a free bonus template to help with
your<00:45:13.840><c> branding,</c><00:45:14.520><c> we've</c><00:45:14.760><c> provided</c><00:45:15.200><c> you</c><00:45:15.320><c> with</c><00:45:15.560><c> a</c>

00:45:15.630 --> 00:45:15.640 align:start position:0%
your branding, we've provided you with a
 

00:45:15.640 --> 00:45:17.750 align:start position:0%
your branding, we've provided you with a
Canva<00:45:16.080><c> template</c><00:45:16.840><c> to</c><00:45:16.920><c> help</c><00:45:17.160><c> you</c><00:45:17.240><c> set</c><00:45:17.480><c> up</c><00:45:17.640><c> your</c>

00:45:17.750 --> 00:45:17.760 align:start position:0%
Canva template to help you set up your
 

00:45:17.760 --> 00:45:19.630 align:start position:0%
Canva template to help you set up your
branding.<00:45:18.640><c> So,</c><00:45:18.720><c> we</c><00:45:18.800><c> wanted</c><00:45:19.080><c> to</c><00:45:19.160><c> offer</c><00:45:19.360><c> this</c><00:45:19.520><c> as</c>

00:45:19.630 --> 00:45:19.640 align:start position:0%
branding. So, we wanted to offer this as
 

00:45:19.640 --> 00:45:21.270 align:start position:0%
branding. So, we wanted to offer this as
a<00:45:19.680><c> nice</c><00:45:19.960><c> little</c><00:45:20.160><c> add-on</c><00:45:20.720><c> to</c><00:45:20.800><c> help</c><00:45:21.040><c> you</c><00:45:21.120><c> get</c>

00:45:21.270 --> 00:45:21.280 align:start position:0%
a nice little add-on to help you get
 

00:45:21.280 --> 00:45:23.270 align:start position:0%
a nice little add-on to help you get
your<00:45:21.400><c> brand</c><00:45:21.680><c> guidelines</c><00:45:22.520><c> all</c><00:45:22.680><c> set</c><00:45:22.920><c> up.</c><00:45:23.080><c> And</c><00:45:23.160><c> if</c>

00:45:23.270 --> 00:45:23.280 align:start position:0%
your brand guidelines all set up. And if
 

00:45:23.280 --> 00:45:24.950 align:start position:0%
your brand guidelines all set up. And if
you<00:45:23.400><c> ever</c><00:45:23.600><c> need</c><00:45:23.880><c> to</c><00:45:24.000><c> share</c><00:45:24.640><c> your</c><00:45:24.760><c> brand</c>

00:45:24.950 --> 00:45:24.960 align:start position:0%
you ever need to share your brand
 

00:45:24.960 --> 00:45:26.910 align:start position:0%
you ever need to share your brand
guidelines<00:45:25.480><c> with</c><00:45:25.680><c> third-party</c><00:45:26.200><c> providers,</c>

00:45:26.910 --> 00:45:26.920 align:start position:0%
guidelines with third-party providers,
 

00:45:26.920 --> 00:45:28.910 align:start position:0%
guidelines with third-party providers,
just<00:45:27.120><c> download</c><00:45:27.480><c> that</c><00:45:27.600><c> as</c><00:45:27.680><c> a</c><00:45:27.720><c> PDF</c><00:45:28.440><c> and</c><00:45:28.600><c> share</c><00:45:28.840><c> it</c>

00:45:28.910 --> 00:45:28.920 align:start position:0%
just download that as a PDF and share it
 

00:45:28.920 --> 00:45:30.190 align:start position:0%
just download that as a PDF and share it
with<00:45:29.080><c> them.</c>

00:45:30.190 --> 00:45:30.200 align:start position:0%
with them.
 

00:45:30.200 --> 00:45:31.710 align:start position:0%
with them.
I<00:45:30.280><c> just</c><00:45:30.480><c> want</c><00:45:30.640><c> to</c><00:45:30.800><c> thank</c><00:45:31.040><c> you</c><00:45:31.120><c> again</c><00:45:31.480><c> for</c>

00:45:31.710 --> 00:45:31.720 align:start position:0%
I just want to thank you again for
 

00:45:31.720 --> 00:45:34.270 align:start position:0%
I just want to thank you again for
purchasing<00:45:32.240><c> the</c><00:45:32.560><c> Valentina</c><00:45:33.080><c> theme</c><00:45:34.000><c> and</c><00:45:34.120><c> would</c>

00:45:34.270 --> 00:45:34.280 align:start position:0%
purchasing the Valentina theme and would
 

00:45:34.280 --> 00:45:36.110 align:start position:0%
purchasing the Valentina theme and would
really<00:45:34.480><c> appreciate</c><00:45:35.000><c> it</c><00:45:35.600><c> if</c><00:45:35.840><c> when</c><00:45:36.000><c> you're</c>

00:45:36.110 --> 00:45:36.120 align:start position:0%
really appreciate it if when you're
 

00:45:36.120 --> 00:45:38.350 align:start position:0%
really appreciate it if when you're
prompted<00:45:36.600><c> to</c><00:45:36.720><c> give</c><00:45:36.920><c> some</c><00:45:37.040><c> feedback,</c><00:45:37.960><c> that</c><00:45:38.240><c> you</c>

00:45:38.350 --> 00:45:38.360 align:start position:0%
prompted to give some feedback, that you
 

00:45:38.360 --> 00:45:40.910 align:start position:0%
prompted to give some feedback, that you
do<00:45:38.600><c> so.</c><00:45:39.240><c> Um</c><00:45:39.720><c> those</c><00:45:39.920><c> reviews</c><00:45:40.240><c> go</c><00:45:40.320><c> a</c><00:45:40.360><c> long</c><00:45:40.600><c> way</c><00:45:40.760><c> to</c>

00:45:40.910 --> 00:45:40.920 align:start position:0%
do so. Um those reviews go a long way to
 

00:45:40.920 --> 00:45:42.830 align:start position:0%
do so. Um those reviews go a long way to
help<00:45:41.320><c> get</c><00:45:41.520><c> this</c><00:45:41.720><c> theme</c><00:45:42.040><c> seen</c><00:45:42.400><c> by</c><00:45:42.640><c> other</c>

00:45:42.830 --> 00:45:42.840 align:start position:0%
help get this theme seen by other
 

00:45:42.840 --> 00:45:44.630 align:start position:0%
help get this theme seen by other
Shopify<00:45:43.280><c> users.</c><00:45:44.000><c> So,</c><00:45:44.160><c> it</c><00:45:44.240><c> would</c><00:45:44.320><c> really</c><00:45:44.480><c> mean</c>

00:45:44.630 --> 00:45:44.640 align:start position:0%
Shopify users. So, it would really mean
 

00:45:44.640 --> 00:45:45.710 align:start position:0%
Shopify users. So, it would really mean
a<00:45:44.680><c> lot</c><00:45:44.920><c> if</c><00:45:45.000><c> you're</c><00:45:45.080><c> able</c><00:45:45.240><c> to</c><00:45:45.360><c> share</c><00:45:45.600><c> your</c>

00:45:45.710 --> 00:45:45.720 align:start position:0%
a lot if you're able to share your
 

00:45:45.720 --> 00:45:47.750 align:start position:0%
a lot if you're able to share your
feedback<00:45:46.200><c> with</c><00:45:46.360><c> us.</c><00:45:47.040><c> And</c><00:45:47.160><c> if</c><00:45:47.280><c> you</c><00:45:47.400><c> struggle</c>

00:45:47.750 --> 00:45:47.760 align:start position:0%
feedback with us. And if you struggle
 

00:45:47.760 --> 00:45:49.510 align:start position:0%
feedback with us. And if you struggle
with<00:45:47.960><c> any</c><00:45:48.160><c> of</c><00:45:48.240><c> this</c><00:45:48.480><c> or</c><00:45:48.600><c> need</c><00:45:48.840><c> support,</c><00:45:49.360><c> then</c>

00:45:49.510 --> 00:45:49.520 align:start position:0%
with any of this or need support, then
 

00:45:49.520 --> 00:45:51.430 align:start position:0%
with any of this or need support, then
please<00:45:49.800><c> do</c><00:45:50.000><c> reach</c><00:45:50.240><c> out</c><00:45:50.440><c> to</c><00:45:50.560><c> us</c><00:45:51.120><c> and</c><00:45:51.240><c> we'll</c><00:45:51.320><c> be</c>

00:45:51.430 --> 00:45:51.440 align:start position:0%
please do reach out to us and we'll be
 

00:45:51.440 --> 00:45:52.950 align:start position:0%
please do reach out to us and we'll be
more<00:45:51.600><c> than</c><00:45:51.720><c> happy</c><00:45:51.920><c> to</c><00:45:52.000><c> help.</c>

00:45:52.950 --> 00:45:52.960 align:start position:0%
more than happy to help.
 

00:45:52.960 --> 00:45:54.750 align:start position:0%
more than happy to help.
Thank<00:45:53.200><c> you</c><00:45:53.280><c> for</c><00:45:53.400><c> watching</c><00:45:54.120><c> and</c><00:45:54.240><c> I</c><00:45:54.280><c> really</c><00:45:54.560><c> hope</c>

00:45:54.750 --> 00:45:54.760 align:start position:0%
Thank you for watching and I really hope
 

00:45:54.760 --> 00:45:56.390 align:start position:0%
Thank you for watching and I really hope
this<00:45:54.960><c> theme</c><00:45:55.400><c> helps</c><00:45:55.720><c> your</c><00:45:55.840><c> store</c><00:45:56.200><c> look</c>

00:45:56.390 --> 00:45:56.400 align:start position:0%
this theme helps your store look
 

00:45:56.400 --> 00:45:58.390 align:start position:0%
this theme helps your store look
amazing.<00:45:57.000><c> If</c><00:45:57.200><c> it</c><00:45:57.280><c> did,</c><00:45:57.880><c> then</c><00:45:58.000><c> please</c><00:45:58.240><c> don't</c>

00:45:58.390 --> 00:45:58.400 align:start position:0%
amazing. If it did, then please don't
 

00:45:58.400 --> 00:46:00.310 align:start position:0%
amazing. If it did, then please don't
forget<00:45:58.640><c> to</c><00:45:58.800><c> like</c><00:45:59.080><c> and</c><00:45:59.200><c> subscribe</c><00:46:00.040><c> and</c><00:46:00.160><c> feel</c>

00:46:00.310 --> 00:46:00.320 align:start position:0%
forget to like and subscribe and feel
 

00:46:00.320 --> 00:46:01.990 align:start position:0%
forget to like and subscribe and feel
free<00:46:00.520><c> to</c><00:46:00.640><c> share</c><00:46:00.880><c> this</c><00:46:01.080><c> video</c><00:46:01.600><c> with</c><00:46:01.760><c> anyone</c>

00:46:01.990 --> 00:46:02.000 align:start position:0%
free to share this video with anyone
 

00:46:02.000 --> 00:46:03.750 align:start position:0%
free to share this video with anyone
else<00:46:02.360><c> who</c><00:46:02.480><c> may</c><00:46:02.640><c> be</c><00:46:02.720><c> interested.</c><00:46:03.440><c> And</c><00:46:03.600><c> as</c>

00:46:03.750 --> 00:46:03.760 align:start position:0%
else who may be interested. And as
 

00:46:03.760 --> 00:46:05.670 align:start position:0%
else who may be interested. And as
always,<00:46:04.440><c> if</c><00:46:04.560><c> you</c><00:46:04.640><c> need</c><00:46:04.800><c> a</c><00:46:04.880><c> hand</c><00:46:05.160><c> with</c><00:46:05.360><c> anything</c>

00:46:05.670 --> 00:46:05.680 align:start position:0%
always, if you need a hand with anything
 

00:46:05.680 --> 00:46:08.030 align:start position:0%
always, if you need a hand with anything
Shopify<00:46:06.080><c> related,</c><00:46:06.840><c> feel</c><00:46:07.040><c> free</c><00:46:07.240><c> to</c><00:46:07.360><c> reach</c><00:46:07.600><c> out</c>

00:46:08.030 --> 00:46:08.040 align:start position:0%
Shopify related, feel free to reach out
 

00:46:08.040 --> 00:46:11.080 align:start position:0%
Shopify related, feel free to reach out
and<00:46:08.200><c> I'll</c><00:46:08.280><c> see</c><00:46:08.400><c> you</c><00:46:08.480><c> in</c><00:46:08.560><c> the</c><00:46:08.600><c> next</c><00:46:08.800><c> one.</c>

이 자료가 속한 분류

테마 커스터마이징 기초
스토어 디자인·브랜딩 적용

← 돌아가기