title
Elementor Theme Builder Tutorial - Create Custom Shop Pages, Product Pages and More!
description
Download Elementor Pro: https://www.darrelwilson.com/elementor
Download Free eCommerce Layout Here: https://darrelwilson.com/product/elementor-ecommerce-template-package/
Watch Elementor eCommerce Video Here: https://www.youtube.com/watch?v=ai4A7s27iDI
The Elementor theme builder allows you to customize every part of your website with no restritions. In this video, ill show you how to use the elementor theme builder to create every part of your website from scratch. Trust me, its easy once you get the hang on it!
0:00 Intro
Create A Custom Header 02:41
Create A Custom Footer 08:02
Create A Custom Blog Page 11:19
Create A Custom Category Page 15:11
Create A Custom Blog Post 17:40
Create A Custom Shop Page 24:00
Create A Custom Shop Category Page 35:31
Create A Custom 404 Page 49:20
Checkout my other Multilingual Wordpress Tutorial Youtube Channels!
Spanish Channel: https://www.youtube.com/channel/UC1Sm53FofDOVA5T0pzyebEA
Arabic Channel: https://www.youtube.com/channel/UCDxCp7gMbzmNIjUqOCu1xcg/videos
Hindi Channel: https://www.youtube.com/channel/UCjTje7OJghnjEJ8d4llefQw
Portuguese Channel: https://www.youtube.com/channel/UCOs-QXBdlmT0YL3I-bnyeug
French Channel: https://www.youtube.com/channel/UCLEH_xAh0VxCTSq1AQBYPsg
German Channel: https://www.youtube.com/channel/UCTkmZD2BCJpedWe4Hb5QVLw
For more wordpress stuff, you can visit my website: https://www.darrelwilson.com
detail
{'title': 'Elementor Theme Builder Tutorial - Create Custom Shop Pages, Product Pages and More!', 'heatmap': [{'end': 1467.331, 'start': 1432.549, 'weight': 0.887}, {'end': 1875.003, 'start': 1810.307, 'weight': 1}, {'end': 2029.727, 'start': 1963.671, 'weight': 0.817}], 'summary': 'This tutorial covers using elementor theme builder to customize ecommerce shop pages and blog posts, creating consistent headers and footers, designing custom blog pages, creating shop pages, using poppins font, and optimizing product display with step-by-step guidance and practical examples.', 'chapters': [{'end': 397.017, 'segs': [{'end': 60.483, 'src': 'embed', 'start': 32.415, 'weight': 0, 'content': [{'end': 35.336, 'text': 'You cannot edit these normally, and these are pre-built by the theme.', 'start': 32.415, 'duration': 2.921}, {'end': 37.796, 'text': "That's why there are so many different type of WordPress themes.", 'start': 35.476, 'duration': 2.32}, {'end': 44.258, 'text': 'However, the Elementor theme builder allows you to build each page with the builder from scratch, regardless of the theme settings.', 'start': 38.336, 'duration': 5.922}, {'end': 49.759, 'text': 'Basically, you can completely build any page from the ground up, overriding the theme settings,', 'start': 44.738, 'duration': 5.021}, {'end': 53.92, 'text': 'just in case you want to fully customize every part of the website with no restrictions.', 'start': 49.759, 'duration': 4.161}, {'end': 60.483, 'text': 'I find many people tend to do this because they want to match the color scheme and the design of the website so it all matches up in the end.', 'start': 54.5, 'duration': 5.983}], 'summary': 'Elementor theme builder allows complete page customization, overriding theme settings for full design control.', 'duration': 28.068, 'max_score': 32.415, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE32415.jpg'}, {'end': 101.377, 'src': 'embed', 'start': 65.444, 'weight': 1, 'content': [{'end': 68.647, 'text': 'which will make your website look a lot nicer than it normally comes.', 'start': 65.444, 'duration': 3.203}, {'end': 71.108, 'text': 'So for example we have this menu.', 'start': 69.147, 'duration': 1.961}, {'end': 76.411, 'text': 'Now with the Theme Builder we can have a custom menu that we can fully design making it look a lot nicer.', 'start': 71.208, 'duration': 5.203}, {'end': 82.858, 'text': 'Also, this is the base version of the shop, so without the theme builder, this is your current shop.', 'start': 77.151, 'duration': 5.707}, {'end': 85.201, 'text': "You can't design it, you can't customize it.", 'start': 82.898, 'duration': 2.303}, {'end': 89.486, 'text': "so we're gonna turn it into something like this, where we have this really nice banner,", 'start': 85.201, 'duration': 4.285}, {'end': 94.832, 'text': 'we have this really nice sidebar and we can customize and design every part of the shop page.', 'start': 89.486, 'duration': 5.346}, {'end': 101.377, 'text': "Also in this video, I'll be showing you all how to create a custom blog and custom blog post using the Theme Builder.", 'start': 95.453, 'duration': 5.924}], 'summary': 'Theme builder transforms website, enabling full design customization for a nicer look.', 'duration': 35.933, 'max_score': 65.444, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE65444.jpg'}, {'end': 363.001, 'src': 'embed', 'start': 337.004, 'weight': 4, 'content': [{'end': 344.309, 'text': "Just because one header doesn't have what you want, you can always grab other parts of other blocks or whatever you want and add it to your header.", 'start': 337.004, 'duration': 7.305}, {'end': 348.812, 'text': 'So now you know a little bit about how you can design this and customize it.', 'start': 344.849, 'duration': 3.963}, {'end': 352.434, 'text': "Let's go ahead now and apply this to our WordPress websites.", 'start': 349.192, 'duration': 3.242}, {'end': 356.017, 'text': 'So I will click on Publish on the bottom left.', 'start': 353.295, 'duration': 2.722}, {'end': 358.438, 'text': 'Where do you want to display this?', 'start': 357.198, 'duration': 1.24}, {'end': 363.001, 'text': 'Well, since this is a header, I want to display this on the entire website, right?', 'start': 358.659, 'duration': 4.342}], 'summary': 'Customize headers by combining parts from different blocks. apply to wordpress websites.', 'duration': 25.997, 'max_score': 337.004, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE337004.jpg'}, {'end': 408.823, 'src': 'embed', 'start': 379.45, 'weight': 5, 'content': [{'end': 383.052, 'text': "So that's an example of how you can set conditions for specific headers.", 'start': 379.45, 'duration': 3.602}, {'end': 387.633, 'text': 'So virtually, you can kind of have any header you want on any part of the website.', 'start': 383.432, 'duration': 4.201}, {'end': 390.334, 'text': "Now that's for really picky, annoying clients.", 'start': 388.134, 'duration': 2.2}, {'end': 393.756, 'text': 'So if you have those clients, I feel very bad for you.', 'start': 390.354, 'duration': 3.402}, {'end': 397.017, 'text': "But what we're gonna do is just apply this to the entire website.", 'start': 394.196, 'duration': 2.821}, {'end': 401.659, 'text': 'I think we only need one header for the entire website, right? That makes a lot more sense.', 'start': 397.117, 'duration': 4.542}, {'end': 405.841, 'text': 'So the entire website and then I will click on save and close.', 'start': 402.419, 'duration': 3.422}, {'end': 408.823, 'text': "Alright, it's updating.", 'start': 407.862, 'duration': 0.961}], 'summary': 'Demonstrates setting conditions for headers, applying to entire website, updating.', 'duration': 29.373, 'max_score': 379.45, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE379450.jpg'}], 'start': 0.089, 'title': 'Elementor theme builder tutorial', 'summary': 'Covers using elementor theme builder to fully customize ecommerce shop pages and blog posts, enhancing visual appeal, and provides insights for effective web design. it also explains customizing headers and footers, mixing and matching elements, and applying specific conditions for displaying headers on different pages.', 'chapters': [{'end': 140.382, 'start': 0.089, 'title': 'Elementor theme builder tutorial', 'summary': 'Covers how to use the elementor theme builder to fully customize and design ecommerce shop pages and blog posts, allowing for complete creative control and an enhanced visual appeal of the website.', 'duration': 140.293, 'highlights': ['The Elementor theme builder allows full customization of ecommerce shop pages and blog posts, overriding preset theme settings. It enables users to completely build any page from scratch, matching the color scheme and design of the website, leading to an enhanced visual appeal and complete creative control.', 'Demonstration of creating a custom menu and designing the shop page using the Theme Builder for a more appealing look. The tutorial showcases the transformation of the base shop page into a visually appealing one with a custom banner, sidebar, and fully customizable design, leading to a much nicer appearance and enhanced user experience.', 'Guide on creating custom blogs and blog posts using the Theme Builder to enhance the visual appeal and design of the default blog layout. The video demonstrates how to turn the default blog into a cleaner, more welcoming layout with featured posts and customizable design, resulting in a more stylish and inviting appearance.']}, {'end': 397.017, 'start': 140.442, 'title': 'Elementor theme builder tutorial', 'summary': "Explains how to use elementor's theme builder to customize different parts of a website, including headers and footers, with the ability to mix and match various elements, and apply specific conditions for displaying headers on different pages, providing insights and tips for effective web design.", 'duration': 256.575, 'highlights': ["Elementor's theme builder allows for customizing different parts of a website, such as headers and footers, offering a variety of style options with a large selection of different style headers to choose from. Elementor's theme builder provides a wide array of customization options for different parts of the website, including headers and footers, with a large selection of different style headers to choose from, enabling users to create a unique design.", "The tutorial demonstrates the ability to mix and match different elements to create a personalized header, providing flexibility and efficiency in web design. The tutorial illustrates the process of mixing and matching different blocks to create a personalized header, showcasing the flexibility and efficiency in web design using Elementor's theme builder.", 'Insights are provided on applying specific conditions for displaying headers on different pages, offering practical tips for catering to specific client requirements and preferences. The chapter offers insights on setting conditions for displaying headers on specific pages, catering to specific client requirements and preferences, providing practical tips for effective web design.']}], 'duration': 396.928, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE89.jpg', 'highlights': ['The Elementor theme builder allows full customization of ecommerce shop pages and blog posts, overriding preset theme settings, leading to an enhanced visual appeal and complete creative control.', 'Demonstration of creating a custom menu and designing the shop page using the Theme Builder for a more appealing look, resulting in a much nicer appearance and enhanced user experience.', 'Guide on creating custom blogs and blog posts using the Theme Builder to enhance the visual appeal and design of the default blog layout, resulting in a more stylish and inviting appearance.', "Elementor's theme builder allows for customizing different parts of a website, such as headers and footers, offering a variety of style options with a large selection of different style headers to choose from, enabling users to create a unique design.", 'The tutorial demonstrates the ability to mix and match different elements to create a personalized header, providing flexibility and efficiency in web design.', 'Insights are provided on applying specific conditions for displaying headers on different pages, offering practical tips for catering to specific client requirements and preferences.']}, {'end': 836.409, 'segs': [{'end': 466.886, 'src': 'embed', 'start': 423.11, 'weight': 0, 'content': [{'end': 426.831, 'text': 'And voila, it appears on any single page.', 'start': 423.11, 'duration': 3.721}, {'end': 434.672, 'text': "So the About Us page, the Contact Us page, it's going to carry and go throughout all of your pages.", 'start': 426.951, 'duration': 7.721}, {'end': 436.193, 'text': "So that's pretty cool.", 'start': 434.752, 'duration': 1.441}, {'end': 440.393, 'text': "So that's an example of the Theme Builder and what you can accomplish with it.", 'start': 436.393, 'duration': 4}, {'end': 442.174, 'text': "So let's go back to View Page.", 'start': 440.534, 'duration': 1.64}, {'end': 451.237, 'text': "And also, don't worry about the demo websites, because I'm going to give you a package with the header, the footer and all of the pages that you need,", 'start': 442.294, 'duration': 8.943}, {'end': 454.899, 'text': 'because I am amazing and you need to like this video.', 'start': 451.237, 'duration': 3.662}, {'end': 455.939, 'text': "I'm just kidding.", 'start': 455.379, 'duration': 0.56}, {'end': 459.922, 'text': "That sounds a little desperate there, so I'm not desperate.", 'start': 456.6, 'duration': 3.322}, {'end': 462.583, 'text': "So let's go back to my website and go to Dashboard.", 'start': 459.962, 'duration': 2.621}, {'end': 466.886, 'text': "And we'll go down to the Templates and go to Theme Builder.", 'start': 463.684, 'duration': 3.202}], 'summary': 'The theme builder allows consistent design across all pages, including about us and contact us, with a package provided.', 'duration': 43.776, 'max_score': 423.11, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE423110.jpg'}, {'end': 559.281, 'src': 'embed', 'start': 529.893, 'weight': 1, 'content': [{'end': 531.954, 'text': "you're gonna put like the, the contact us here.", 'start': 529.893, 'duration': 2.061}, {'end': 539.797, 'text': 'right, contact us, and then maybe this can be like the, the shop page, and So we have the shop, the about the contact,', 'start': 531.954, 'duration': 7.843}, {'end': 543.698, 'text': 'and then you can go ahead and put whatever you want there, like for the social media icons.', 'start': 539.797, 'duration': 3.901}, {'end': 552.48, 'text': "So what you'll need to do for the footer is you'll need to go ahead and link whatever you're typing to that specific page manually.", 'start': 544.258, 'duration': 8.222}, {'end': 559.281, 'text': 'So for example, over here on the same website, I have the contact us link.', 'start': 552.94, 'duration': 6.341}], 'summary': 'Create website footer with links to shop, about, and contact pages.', 'duration': 29.388, 'max_score': 529.893, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE529893.jpg'}, {'end': 740.189, 'src': 'embed', 'start': 712.385, 'weight': 3, 'content': [{'end': 715.089, 'text': 'So, here we have an author box, archive posts.', 'start': 712.385, 'duration': 2.704}, {'end': 717.251, 'text': 'and also archive titles.', 'start': 715.609, 'duration': 1.642}, {'end': 720.734, 'text': 'So, for instance, if you want to have the author display,', 'start': 717.691, 'duration': 3.043}, {'end': 726.078, 'text': 'you can just drag and drop the author and then you can design this and customize this any which way you want.', 'start': 720.734, 'duration': 5.344}, {'end': 734.005, 'text': 'Now if you want to go ahead and just add your blog post, you can use the archive posts, or you can use the pro elements of just posts.', 'start': 726.498, 'duration': 7.507}, {'end': 736.707, 'text': "So for example, I'll just drop that in there.", 'start': 734.686, 'duration': 2.021}, {'end': 740.189, 'text': 'And I like to use the cards.', 'start': 737.788, 'duration': 2.401}], 'summary': 'The transcript discusses adding author box, archive posts, and titles to a blog post, along with customization options.', 'duration': 27.804, 'max_score': 712.385, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE712385.jpg'}, {'end': 782.049, 'src': 'embed', 'start': 755.796, 'weight': 4, 'content': [{'end': 761.638, 'text': "So let's say, for example, this is like the men's page or it's a specific category of your blog posts.", 'start': 755.796, 'duration': 5.842}, {'end': 764.96, 'text': "So what you'll do is you'll go ahead and click on the post elements.", 'start': 762.119, 'duration': 2.841}, {'end': 772.964, 'text': "You'll scroll down to query, and under the posts, you will include a term.", 'start': 765.58, 'duration': 7.384}, {'end': 777.627, 'text': "Now you're going to say okay, so which kind of post do I want to display here??", 'start': 773.464, 'duration': 4.163}, {'end': 782.049, 'text': "Well, I'll just display the uncategorized post, because that's all I have right now.", 'start': 777.767, 'duration': 4.282}], 'summary': 'In a specific blog category, include uncategorized posts in the display.', 'duration': 26.253, 'max_score': 755.796, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE755796.jpg'}, {'end': 840.433, 'src': 'embed', 'start': 815.091, 'weight': 5, 'content': [{'end': 820.895, 'text': "Also, I do have a 10% discount for the Astra theme, and I'll put that in the description below of this video.", 'start': 815.091, 'duration': 5.804}, {'end': 823.597, 'text': "It's a very good theme for Elementor.", 'start': 821.315, 'duration': 2.282}, {'end': 824.919, 'text': 'They really go hand in hand together.', 'start': 823.617, 'duration': 1.302}, {'end': 827.261, 'text': "So I'll go ahead and just, here we go.", 'start': 825.499, 'duration': 1.762}, {'end': 828.562, 'text': 'We got my posts going on here.', 'start': 827.481, 'duration': 1.081}, {'end': 829.083, 'text': 'There we go.', 'start': 828.582, 'duration': 0.501}, {'end': 836.409, 'text': 'Posts, and then the same thing, cards, and then we can design this and customize it any which way we want.', 'start': 829.883, 'duration': 6.526}, {'end': 838.431, 'text': 'So this is now my new blog page.', 'start': 836.449, 'duration': 1.982}, {'end': 840.433, 'text': "So let's assign it to my blog.", 'start': 838.912, 'duration': 1.521}], 'summary': '10% discount for astra theme, compatible with elementor, creating a new blog page.', 'duration': 25.342, 'max_score': 815.091, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE815091.jpg'}], 'start': 397.117, 'title': 'Website theme builder and custom blog creation', 'summary': 'Discusses using the theme builder to create a consistent header and footer for the entire website, including adding links to specific pages in the footer, and the process of publishing and applying the changes. it also demonstrates creating a custom blog and blog posts using elementor and astra theme, showcasing the process of designing and customizing the blog page, adding specific posts to a page, and utilizing the astra theme for elementor.', 'chapters': [{'end': 653.242, 'start': 397.117, 'title': 'Website theme builder', 'summary': 'Discusses using the theme builder to create a consistent header and footer for the entire website, including adding links to specific pages in the footer, and the process of publishing and applying the changes.', 'duration': 256.125, 'highlights': ['Using Theme Builder to create a consistent header and footer for the entire website Demonstrates the process of using the Theme Builder to ensure the header and footer are applied consistently across all pages of the website.', 'Adding links to specific pages in the footer Explains the process of adding links to specific pages in the footer to direct users to the relevant content, enhancing user experience and navigation.', 'Publishing and applying changes made with the Theme Builder Describes the final steps of publishing the changes made with the Theme Builder and ensuring that the header and footer are applied consistently throughout the website.']}, {'end': 836.409, 'start': 654.003, 'title': 'Creating custom blog and blog posts', 'summary': 'Demonstrates creating a custom blog and blog posts using elementor and astra theme, showcasing the process of designing and customizing the blog page, adding specific posts to a page, and utilizing the astra theme for elementor.', 'duration': 182.406, 'highlights': ['The process of designing and customizing the blog page is showcased, including adding and customizing elements like author display and archive posts. The chapter provides a step-by-step demonstration of designing a blog page from scratch, covering the addition of elements such as author display, archive posts, and archive titles, and the customization options available.', 'The method of adding specific posts to a page and displaying posts from a specific category is explained, with an example of displaying uncategorized posts on a specific page. The process of adding specific posts to a page is explained, along with the method of displaying posts from a specific category, using the example of displaying uncategorized posts on a specific blog page.', 'The use of the Astra theme for Elementor is emphasized, with a mention of a 10% discount for the Astra theme and its compatibility with Elementor. The Astra theme is highlighted as a suitable choice for Elementor, with the mention of its availability as a free option in the starter templates and a 10% discount offer, emphasizing its compatibility with Elementor.']}], 'duration': 439.292, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE397117.jpg', 'highlights': ['Using Theme Builder to create a consistent header and footer for the entire website', 'Adding links to specific pages in the footer', 'Publishing and applying changes made with the Theme Builder', 'Designing and customizing the blog page, including adding and customizing elements like author display and archive posts', 'The method of adding specific posts to a page and displaying posts from a specific category is explained', 'The use of the Astra theme for Elementor is emphasized, with a mention of a 10% discount for the Astra theme and its compatibility with Elementor']}, {'end': 1406.794, 'segs': [{'end': 882.067, 'src': 'embed', 'start': 836.449, 'weight': 0, 'content': [{'end': 838.431, 'text': 'So this is now my new blog page.', 'start': 836.449, 'duration': 1.982}, {'end': 840.433, 'text': "So let's assign it to my blog.", 'start': 838.912, 'duration': 1.521}, {'end': 842.615, 'text': "So what I'll do is click on publish.", 'start': 840.473, 'duration': 2.142}, {'end': 846.982, 'text': "And now it's saying, you know, where do you want to display this? So let's click on Add a Condition.", 'start': 843.456, 'duration': 3.526}, {'end': 849.706, 'text': 'And I want this to be under All Archives.', 'start': 847.583, 'duration': 2.123}, {'end': 854.593, 'text': "So I'm basically saying I want this to be my default blog archive page by default.", 'start': 849.886, 'duration': 4.707}, {'end': 855.775, 'text': "So that's it.", 'start': 855.174, 'duration': 0.601}, {'end': 857.979, 'text': 'And then click on Save and Close.', 'start': 856.737, 'duration': 1.242}, {'end': 859.42, 'text': "And you're done.", 'start': 859.02, 'duration': 0.4}, {'end': 861.341, 'text': "So let's go ahead and test this out.", 'start': 860.04, 'duration': 1.301}, {'end': 864.021, 'text': "So what I'll do is I'll go ahead and view the page.", 'start': 861.381, 'duration': 2.64}, {'end': 865.342, 'text': 'And there you go.', 'start': 864.722, 'duration': 0.62}, {'end': 868.263, 'text': 'So now, by default, this is my new blog page.', 'start': 865.422, 'duration': 2.841}, {'end': 874.825, 'text': "Okay, so now that we know how to create a custom blog page for the default blog, let's say okay, well,", 'start': 868.943, 'duration': 5.882}, {'end': 877.965, 'text': 'how do I create the blog page for different categories?', 'start': 874.825, 'duration': 3.14}, {'end': 880.306, 'text': 'Because this is only for the blog.', 'start': 878.045, 'duration': 2.261}, {'end': 882.067, 'text': "It's not for specific categories.", 'start': 880.386, 'duration': 1.681}], 'summary': 'Creating a default blog archive page and testing it.', 'duration': 45.618, 'max_score': 836.449, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE836449.jpg'}, {'end': 1131.883, 'src': 'embed', 'start': 1104.527, 'weight': 3, 'content': [{'end': 1108.931, 'text': "Now you'll see on the left side how we have specific elements for the single post.", 'start': 1104.527, 'duration': 4.404}, {'end': 1114.914, 'text': 'So we have a post title, post excerpt, post content, featured image, and so on and so forth.', 'start': 1109.471, 'duration': 5.443}, {'end': 1118.296, 'text': 'Now, if I click on this image right here, this is not a real image.', 'start': 1115.434, 'duration': 2.862}, {'end': 1120.097, 'text': 'This is actually the featured image.', 'start': 1118.316, 'duration': 1.781}, {'end': 1126.18, 'text': 'So whenever you make a post and you have a featured image, the featured image will display here dynamically.', 'start': 1120.157, 'duration': 6.023}, {'end': 1128.281, 'text': 'The same thing for the title.', 'start': 1126.6, 'duration': 1.681}, {'end': 1131.883, 'text': 'So when you have a specific title, it will display here automatically.', 'start': 1128.361, 'duration': 3.522}], 'summary': 'Demonstration of dynamically displaying post elements such as title and featured image.', 'duration': 27.356, 'max_score': 1104.527, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1104527.jpg'}, {'end': 1195.589, 'src': 'embed', 'start': 1165.885, 'weight': 2, 'content': [{'end': 1170.169, 'text': "When you're writing your blog post or whatever, this is where your content will be displayed.", 'start': 1165.885, 'duration': 4.284}, {'end': 1176.515, 'text': "Also, you'll see how we have different elements here, like this and then also this, which is the share button.", 'start': 1170.87, 'duration': 5.645}, {'end': 1180.259, 'text': 'What you can do on your post is you can mix and match the elements.', 'start': 1176.856, 'duration': 3.403}, {'end': 1183.322, 'text': "You don't have to use only the single post elements.", 'start': 1180.619, 'duration': 2.703}, {'end': 1185.203, 'text': 'You can use all of the elements.', 'start': 1183.702, 'duration': 1.501}, {'end': 1186.444, 'text': 'You can customize this.', 'start': 1185.223, 'duration': 1.221}, {'end': 1187.686, 'text': 'Maybe you can add a button here.', 'start': 1186.464, 'duration': 1.222}, {'end': 1195.589, 'text': 'and then this will be like going to your home page, or if you want people to go to somewhere else, you can go ahead and put that link in there,', 'start': 1188.446, 'duration': 7.143}], 'summary': 'Blog post customization allows for use of all elements and customization options', 'duration': 29.704, 'max_score': 1165.885, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1165885.jpg'}, {'end': 1229.204, 'src': 'embed', 'start': 1202.392, 'weight': 4, 'content': [{'end': 1207.814, 'text': "now let's just say, for example okay, well, you know, daryl, the template's nice and all, but how do i make it from scratch?", 'start': 1202.392, 'duration': 5.422}, {'end': 1208.654, 'text': "and i'll make it.", 'start': 1207.814, 'duration': 0.84}, {'end': 1210.495, 'text': "i'll make it really fast, it's really really simple.", 'start': 1208.654, 'duration': 1.841}, {'end': 1213.376, 'text': 'so, for example, we have our featured image right.', 'start': 1210.495, 'duration': 2.881}, {'end': 1217.338, 'text': "Then you can change the size of the featured image if that's too big.", 'start': 1214.116, 'duration': 3.222}, {'end': 1223.741, 'text': 'If you want it to look another style, you can go ahead and decorate it or whatever it is that you do.', 'start': 1217.778, 'duration': 5.963}, {'end': 1226.162, 'text': 'Then, we have the author box below that.', 'start': 1224.441, 'duration': 1.721}, {'end': 1229.204, 'text': "Let's put it at the bottom.", 'start': 1228.424, 'duration': 0.78}], 'summary': 'Daryl explains how to create a template from scratch, adjusting image size and style, and placing the author box at the bottom.', 'duration': 26.812, 'max_score': 1202.392, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1202392.jpg'}, {'end': 1336.244, 'src': 'embed', 'start': 1309.087, 'weight': 6, 'content': [{'end': 1315.412, 'text': 'For example, if you want to add in this there or you want to add in a box to somewhere else,', 'start': 1309.087, 'duration': 6.325}, {'end': 1319.935, 'text': 'you can just go ahead and just put that in there and decorate it any which way you want.', 'start': 1315.412, 'duration': 4.523}, {'end': 1325.759, 'text': "So that's just a quick rundown of how you can create a default post for all of your posts.", 'start': 1320.455, 'duration': 5.304}, {'end': 1330.442, 'text': 'So whenever you make a post, it will use this template instead of the theme defaults.', 'start': 1325.899, 'duration': 4.543}, {'end': 1336.244, 'text': 'So having a blog post that you use for a template is a lot nicer.', 'start': 1331.022, 'duration': 5.222}], 'summary': 'Create a default post template to customize all blog posts.', 'duration': 27.157, 'max_score': 1309.087, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1309087.jpg'}], 'start': 836.449, 'title': 'Customizing blog pages and single post elements', 'summary': 'Explains creating default blog archive pages, customizing pages for different categories, and designing a custom blog post layout using elementor with practical examples and instructions. additionally, it demonstrates customizing single post elements like post title, featured image, content, and post info dynamically for design flexibility and consistency.', 'chapters': [{'end': 1104.087, 'start': 836.449, 'title': 'Creating custom blog pages and categories', 'summary': 'Explains how to create a default blog archive page, customize blog pages for different categories, and design a custom blog post layout using elementor with practical examples and instructions.', 'duration': 267.638, 'highlights': ['Explaining how to create a default blog archive page and assigning it as the default blog archive, and testing the page. Creating a default blog archive page, setting it as the default blog archive, and testing the page.', 'Demonstrating how to create blog pages for different categories using Elementor and specifying the display of specific categories on dedicated pages. Creating blog pages for different categories, specifying the display of specific categories on dedicated pages.', 'Detailing the process of designing a custom blog post layout using Elementor and personal commentary on client preferences. Designing a custom blog post layout using Elementor, personal commentary on client preferences.']}, {'end': 1406.794, 'start': 1104.527, 'title': 'Customizing single post elements', 'summary': 'Demonstrates how to customize single post elements such as post title, featured image, content, and post info dynamically, allowing for design flexibility and consistency across the website.', 'duration': 302.267, 'highlights': ['Demonstrating the customization of single post elements like post title, featured image, content, and post info, providing design flexibility and consistency across the website. Customization of post elements, design flexibility, consistency across the website.', 'Explanation on how to change the size of the featured image and customize its style, providing options for design modification. Customization of featured image size, style modification.', "Discussion on aligning and customizing the style and typography of post elements to match the website's design and color scheme, allowing for cohesive visual presentation. Alignment and customization of post elements, cohesive visual presentation.", 'Guidance on creating a default post template for consistent design across all posts, enhancing the overall visual appeal and website style. Creation of default post template, consistent design across all posts.']}], 'duration': 570.345, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE836449.jpg', 'highlights': ['Creating a default blog archive page, setting it as the default blog archive, and testing the page.', 'Creating blog pages for different categories, specifying the display of specific categories on dedicated pages.', 'Designing a custom blog post layout using Elementor, personal commentary on client preferences.', 'Customization of single post elements like post title, featured image, content, and post info, providing design flexibility and consistency across the website.', 'Customization of featured image size, style modification.', 'Alignment and customization of post elements, cohesive visual presentation.', 'Creation of default post template, consistent design across all posts.']}, {'end': 1889.693, 'segs': [{'end': 1467.331, 'src': 'heatmap', 'start': 1427.046, 'weight': 0, 'content': [{'end': 1427.906, 'text': "It's the same thing, guys.", 'start': 1427.046, 'duration': 0.86}, {'end': 1431.248, 'text': 'So the templates and click on Theme Builder.', 'start': 1427.926, 'duration': 3.322}, {'end': 1435.014, 'text': 'Okay, so we have the header and we have the footer that we created.', 'start': 1432.549, 'duration': 2.465}, {'end': 1437.599, 'text': "Next, let's create a custom shop page.", 'start': 1435.515, 'duration': 2.084}, {'end': 1440.965, 'text': "So on the left side, you're going to see product archives.", 'start': 1438.12, 'duration': 2.845}, {'end': 1443.97, 'text': 'Click on add new for product archives.', 'start': 1441.626, 'duration': 2.344}, {'end': 1452.647, 'text': 'So there are some product archives that you can select with Elementor, and you can see that we can select this one, or this one, or this one.', 'start': 1445.225, 'duration': 7.422}, {'end': 1455.188, 'text': "Now they don't really have a lot, to be honest.", 'start': 1453.067, 'duration': 2.121}, {'end': 1459.809, 'text': "so that's why I created a separate one, because I feel like this is it's just not enough.", 'start': 1455.188, 'duration': 4.621}, {'end': 1463.75, 'text': "you know, it's not enough for ya, so we're gonna go ahead and build it from scratch.", 'start': 1459.809, 'duration': 3.941}, {'end': 1467.331, 'text': "So instead of actually selecting anything, I'm gonna click on Close.", 'start': 1464.01, 'duration': 3.321}], 'summary': 'Creating a custom shop page using elementor with limited pre-built options, necessitating building from scratch.', 'duration': 36.704, 'max_score': 1427.046, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1427046.jpg'}, {'end': 1664.569, 'src': 'embed', 'start': 1635.962, 'weight': 2, 'content': [{'end': 1638.063, 'text': 'Also, I think I did add somewhat of a text shadow here.', 'start': 1635.962, 'duration': 2.101}, {'end': 1643.065, 'text': 'So I think I did add just a small blur, just a very faint blur.', 'start': 1638.263, 'duration': 4.802}, {'end': 1647.026, 'text': "You can tell it's a very faint blur just to give it something.", 'start': 1643.565, 'duration': 3.461}, {'end': 1650.528, 'text': 'And then I put on the bottom, Starts Now.', 'start': 1647.707, 'duration': 2.821}, {'end': 1652.829, 'text': 'So here is Starts.', 'start': 1651.328, 'duration': 1.501}, {'end': 1657.848, 'text': 'Now, you know, to make it look all cool.', 'start': 1655.387, 'duration': 2.461}, {'end': 1659.428, 'text': 'And I think it had underlined zigzag.', 'start': 1658.008, 'duration': 1.42}, {'end': 1660.008, 'text': "That's right.", 'start': 1659.488, 'duration': 0.52}, {'end': 1663.289, 'text': "And let's go to style color.", 'start': 1661.028, 'duration': 2.261}, {'end': 1664.569, 'text': "We'll do red.", 'start': 1664.109, 'duration': 0.46}], 'summary': 'Text was styled with a faint blur, underlined zigzag, and red color.', 'duration': 28.607, 'max_score': 1635.962, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1635962.jpg'}, {'end': 1734.476, 'src': 'embed', 'start': 1708.456, 'weight': 3, 'content': [{'end': 1714.3, 'text': 'So for the starts, we can make this just a little thinner, just to give the, you know, a distinction between the both.', 'start': 1708.456, 'duration': 5.844}, {'end': 1719.244, 'text': 'So that looks pretty good, right? Now the only thing we need to do is we need to add a background.', 'start': 1715.221, 'duration': 4.023}, {'end': 1720.584, 'text': "So I'll click on Edit Section.", 'start': 1719.404, 'duration': 1.18}, {'end': 1728.751, 'text': "Under the content layouts, I'll put full width, style, and classic, and I want to add an image.", 'start': 1721.605, 'duration': 7.146}, {'end': 1734.476, 'text': 'So the images I gave you in the folder should be there, so go ahead and select that specific image.', 'start': 1729.232, 'duration': 5.244}], 'summary': 'Adjusting layout and adding background image to section.', 'duration': 26.02, 'max_score': 1708.456, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1708456.jpg'}, {'end': 1875.003, 'src': 'heatmap', 'start': 1810.307, 'weight': 1, 'content': [{'end': 1812.268, 'text': 'And remember, you can always go ahead and say you know what.', 'start': 1810.307, 'duration': 1.961}, {'end': 1814.61, 'text': 'I just want this to be a little smaller, you know.', 'start': 1812.268, 'duration': 2.342}, {'end': 1816.371, 'text': 'so maybe 25% of the page.', 'start': 1814.61, 'duration': 1.761}, {'end': 1822.195, 'text': 'And on the elements tab, we will find sidebar.', 'start': 1818.692, 'duration': 3.503}, {'end': 1824.436, 'text': 'All right, sidebar.', 'start': 1823.355, 'duration': 1.081}, {'end': 1827.038, 'text': "So we don't really have a sidebar yet.", 'start': 1825.677, 'duration': 1.361}, {'end': 1828.238, 'text': "You know, we don't have one.", 'start': 1827.458, 'duration': 0.78}, {'end': 1830.66, 'text': "But for right now, I'll just do WooCommerce sidebar.", 'start': 1828.298, 'duration': 2.362}, {'end': 1833.602, 'text': "And then we'll go ahead and add widgets to the WooCommerce sidebar.", 'start': 1831.16, 'duration': 2.442}, {'end': 1836.964, 'text': 'And then over here, I will select in products.', 'start': 1834.202, 'duration': 2.762}, {'end': 1841.968, 'text': 'and then drag and drop those products, those bad boys over there.', 'start': 1839.147, 'duration': 2.821}, {'end': 1847.25, 'text': 'And then we can go ahead and customize it and design it just like we did on the homepage.', 'start': 1842.688, 'duration': 4.562}, {'end': 1848.91, 'text': "So that's pretty simple.", 'start': 1847.57, 'duration': 1.34}, {'end': 1851.371, 'text': 'In fact, maybe you even want to copy and paste it.', 'start': 1849.251, 'duration': 2.12}, {'end': 1854.913, 'text': 'You want to save those as a template and bring them over here, whatever you want to do.', 'start': 1851.471, 'duration': 3.442}, {'end': 1858.114, 'text': 'So the same thing for the style.', 'start': 1855.573, 'duration': 2.541}, {'end': 1865.758, 'text': "We can go ahead and say, all right, the contents, I'm sorry, this style, you know, we can just mess with these really quickly.", 'start': 1859.014, 'duration': 6.744}, {'end': 1869.42, 'text': "And, you know, topography, we'll keep it up.", 'start': 1866.678, 'duration': 2.742}, {'end': 1870.601, 'text': 'The pop-ins.', 'start': 1869.9, 'duration': 0.701}, {'end': 1875.003, 'text': "Don't copy my font, guys, all right? You've got to use your own fonts, you know? It's my font.", 'start': 1871.501, 'duration': 3.502}], 'summary': 'Customize the woocommerce sidebar with 25% page size, add products, design, and style with topography.', 'duration': 64.696, 'max_score': 1810.307, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1810307.jpg'}], 'start': 1406.834, 'title': 'Custom shop page and poppins font design', 'summary': 'Covers creating a custom shop page with elementor and designing a web page using the poppins font, emphasizing the process of building and customizing the page as well as enhancing visual elements and usability.', 'chapters': [{'end': 1537.652, 'start': 1406.834, 'title': 'Creating custom shop page with elementor', 'summary': 'Demonstrates creating a custom shop page from scratch using elementor, emphasizing the process of building the page and customizing its elements.', 'duration': 130.818, 'highlights': ['The chapter guides users through the process of creating a custom shop page from scratch using Elementor, providing a detailed walkthrough of adding new sections, selecting elements, and customizing the design.', 'The instructor highlights the limitations of pre-existing product archives in Elementor and emphasizes the need to build a custom shop page from scratch to address the inadequacy, indicating a preference for customization and uniqueness.', 'The instructor iterates on the process of selecting and customizing specific elements, such as text and animated headline, within the custom shop page, emphasizing the ability to transform the initial design into a visually appealing layout.']}, {'end': 1889.693, 'start': 1537.953, 'title': 'Designing web page with poppins font', 'summary': 'Demonstrates the process of designing a web page using the poppins font, including adjusting weights, spacing, text shadow, color, and layout, with a focus on enhancing visual elements and usability.', 'duration': 351.74, 'highlights': ['The section covers the process of adjusting font weights, spacing, and text shadow to enhance visual elements. The speaker discusses making the font lighter, adjusting letter spacing, and adding a faint text shadow to create distinction.', 'Explanation on the usage of specific font styles, such as bold and thin, to emphasize certain text elements. The speaker highlights the use of bold and thin font styles to differentiate and emphasize specific text elements.', 'Guidance on adjusting the layout and adding visual elements, such as background images and padding, to enhance usability and aesthetics. The speaker explains the process of adding a background image, adjusting layout for visual appeal, and adding padding for spacing to improve usability.']}], 'duration': 482.859, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1406834.jpg', 'highlights': ['The chapter guides users through creating a custom shop page using Elementor, providing a detailed walkthrough of adding new sections and customizing the design.', 'The instructor emphasizes the need to build a custom shop page from scratch to address the limitations of pre-existing product archives in Elementor, indicating a preference for customization and uniqueness.', 'The section covers adjusting font weights, spacing, and text shadow to enhance visual elements, discussing making the font lighter, adjusting letter spacing, and adding a faint text shadow to create distinction.', 'Guidance on adjusting the layout and adding visual elements, such as background images and padding, to enhance usability and aesthetics, explaining the process of adding a background image, adjusting layout for visual appeal, and adding padding for spacing to improve usability.']}, {'end': 2639.758, 'segs': [{'end': 2029.727, 'src': 'heatmap', 'start': 1932.791, 'weight': 0, 'content': [{'end': 1937.875, 'text': "If you want, you can, but we're going to create separate categories for that specific page.", 'start': 1932.791, 'duration': 5.084}, {'end': 1939.916, 'text': 'So yeah, click on publish.', 'start': 1938.115, 'duration': 1.801}, {'end': 1943.78, 'text': "Now let's say, where do you want to display your template? Click on add a condition.", 'start': 1940.817, 'duration': 2.963}, {'end': 1948.786, 'text': 'Now Elementor already recognizes that this is going to display in the product archives.', 'start': 1944.541, 'duration': 4.245}, {'end': 1951.829, 'text': 'So we want to put it as our shop page.', 'start': 1948.906, 'duration': 2.923}, {'end': 1954.452, 'text': 'So this is shop page.', 'start': 1952.57, 'duration': 1.882}, {'end': 1955.133, 'text': 'All right.', 'start': 1954.812, 'duration': 0.321}, {'end': 1958.937, 'text': 'So click on shop page and click on save and close.', 'start': 1955.453, 'duration': 3.484}, {'end': 1963.491, 'text': 'And voila, now we have a custom shop page that we created.', 'start': 1960.166, 'duration': 3.325}, {'end': 1965.093, 'text': "It's already looking beautiful.", 'start': 1963.671, 'duration': 1.422}, {'end': 1971.241, 'text': "Now we need to add a sidebar because it looks so naked without it, right? So let's go ahead now and add a sidebar.", 'start': 1965.553, 'duration': 5.688}, {'end': 1973.764, 'text': "So let's go ahead and go back here and exit the dashboard.", 'start': 1971.321, 'duration': 2.443}, {'end': 1976.748, 'text': "And I'll click on dashboard.", 'start': 1975.807, 'duration': 0.941}, {'end': 1980.563, 'text': 'So on my demo website, I have filter by price.', 'start': 1977.941, 'duration': 2.622}, {'end': 1983.785, 'text': 'They can also filter by popularity and all these other things.', 'start': 1981.063, 'duration': 2.722}, {'end': 1991.59, 'text': 'We also have product categories and products and also see our product where I have a video of a specific product.', 'start': 1984.245, 'duration': 7.345}, {'end': 1992.55, 'text': "So I'll show you how to do that.", 'start': 1991.61, 'duration': 0.94}, {'end': 1998.334, 'text': "So first let's go over here and say, all right, so number one, filter products by price.", 'start': 1993.231, 'duration': 5.103}, {'end': 1999.354, 'text': 'Remember we have that.', 'start': 1998.474, 'duration': 0.88}, {'end': 2001.215, 'text': 'So we can go ahead and take this.', 'start': 1999.915, 'duration': 1.3}, {'end': 2007.822, 'text': "Now there's also, I think, a default one of filter products by attributes, by rating, and these other ones.", 'start': 2002.336, 'duration': 5.486}, {'end': 2009.544, 'text': 'So you can check all those out.', 'start': 2007.882, 'duration': 1.662}, {'end': 2011.666, 'text': 'I have product categories.', 'start': 2010.364, 'duration': 1.302}, {'end': 2016.642, 'text': 'And we also have, let me go ahead, product categories.', 'start': 2014.281, 'duration': 2.361}, {'end': 2017.802, 'text': 'We also have products.', 'start': 2016.662, 'duration': 1.14}, {'end': 2020.924, 'text': 'So we have products on the bottom.', 'start': 2018.843, 'duration': 2.081}, {'end': 2023.285, 'text': 'You have to scroll down and just drag and drop it.', 'start': 2021.564, 'duration': 1.721}, {'end': 2025.666, 'text': 'And then we also have a video.', 'start': 2024.125, 'duration': 1.541}, {'end': 2029.727, 'text': 'So what you can do is just link a YouTube video and then put it in there.', 'start': 2025.946, 'duration': 3.781}], 'summary': 'Creating a custom shop page with specific elements and features using elementor and adding a sidebar for a demo website.', 'duration': 47.772, 'max_score': 1932.791, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1932791.jpg'}, {'end': 2205.916, 'src': 'embed', 'start': 2174.807, 'weight': 2, 'content': [{'end': 2178.491, 'text': "Sometimes when you're using Elementor, things might be glitchy, it might not work out.", 'start': 2174.807, 'duration': 3.684}, {'end': 2183.776, 'text': 'So for the main shop page templates, you can click on this and export it.', 'start': 2178.971, 'duration': 4.805}, {'end': 2188.02, 'text': 'So, this is how you can export layouts and use them on different other websites.', 'start': 2184.196, 'duration': 3.824}, {'end': 2194.225, 'text': 'So, for example, if you want to make another website, you can take this layout and then upload it to your other website.', 'start': 2188.1, 'duration': 6.125}, {'end': 2198.269, 'text': 'So, I will click on save file and here is the file.', 'start': 2194.345, 'duration': 3.924}, {'end': 2200.351, 'text': 'So, this is the JSON file that I need.', 'start': 2198.389, 'duration': 1.962}, {'end': 2205.916, 'text': "So, now let's go ahead and go back to the theme builder and let's make the men's category page.", 'start': 2200.971, 'duration': 4.945}], 'summary': 'Export elementor layouts for reuse on other websites.', 'duration': 31.109, 'max_score': 2174.807, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2174807.jpg'}, {'end': 2275.214, 'src': 'embed', 'start': 2241.97, 'weight': 1, 'content': [{'end': 2244.171, 'text': "and that's just one weird thing I found with Elementor.", 'start': 2241.97, 'duration': 2.201}, {'end': 2248.874, 'text': 'so just keep in mind this theme builder just came out with this new interface.', 'start': 2244.171, 'duration': 4.703}, {'end': 2254.817, 'text': "so if you do come across bugs and glitches, don't panic, just work your way around it.", 'start': 2248.874, 'duration': 5.943}, {'end': 2257.018, 'text': 'so this is the main shop page templates.', 'start': 2254.817, 'duration': 2.201}, {'end': 2263.841, 'text': 'I will insert it and click on insert and say yes, override, override, all the settings, alright awesome.', 'start': 2257.018, 'duration': 6.823}, {'end': 2275.214, 'text': "so instead of the 50% summer sale, I will put men's product, men's products, and here I probably want to only list the men's products.", 'start': 2263.841, 'duration': 11.373}], 'summary': "Elementor's new theme builder has bugs and glitches, but can be worked around. adjusting shop page templates and product listings.", 'duration': 33.244, 'max_score': 2241.97, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2241970.jpg'}, {'end': 2314.703, 'src': 'embed', 'start': 2290.528, 'weight': 6, 'content': [{'end': 2297.515, 'text': 'Now one thing to note is that if we shrink this, sometimes your page will not be displayed all the way.', 'start': 2290.528, 'duration': 6.987}, {'end': 2300.598, 'text': 'So you want to make sure that your page is always full width.', 'start': 2297.975, 'duration': 2.623}, {'end': 2306.8, 'text': 'so let me just quickly show you how you can change that without having to go back to the edit page and everything.', 'start': 2301.238, 'duration': 5.562}, {'end': 2311.261, 'text': 'so on the bottom left we have this gear that says settings for the page layout.', 'start': 2306.8, 'duration': 4.461}, {'end': 2314.703, 'text': 'you want to make sure this is always under elementor full width.', 'start': 2311.261, 'duration': 3.442}], 'summary': 'Ensure page layout is always full width to avoid display issues.', 'duration': 24.175, 'max_score': 2290.528, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2290528.jpg'}, {'end': 2373.333, 'src': 'embed', 'start': 2348.753, 'weight': 4, 'content': [{'end': 2357.78, 'text': 'Well, I want to add a condition and under Product Archives, I want to have it under Product Categories and I want to select it under Mens.', 'start': 2348.753, 'duration': 9.027}, {'end': 2363.004, 'text': "All right, and I think that's all good, and then I will click on Save and Close.", 'start': 2358.941, 'duration': 4.063}, {'end': 2364.385, 'text': 'Let it save.', 'start': 2363.845, 'duration': 0.54}, {'end': 2365.887, 'text': 'All right, awesome.', 'start': 2365.146, 'duration': 0.741}, {'end': 2370.971, 'text': "So now it's saying our website should be, or the men's category should look like this.", 'start': 2365.947, 'duration': 5.024}, {'end': 2373.333, 'text': 'So we can go back to our websites.', 'start': 2371.672, 'duration': 1.661}], 'summary': 'Adding a condition under product archives, selecting mens category, and saving changes.', 'duration': 24.58, 'max_score': 2348.753, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2348753.jpg'}, {'end': 2440.929, 'src': 'embed', 'start': 2417.498, 'weight': 5, 'content': [{'end': 2424.081, 'text': "Now that we've shown you how to do the shop page and the shop category pages, let's now talk about products.", 'start': 2417.498, 'duration': 6.583}, {'end': 2428.643, 'text': 'So if I click on a product, it looks default.', 'start': 2425.202, 'duration': 3.441}, {'end': 2430.164, 'text': "There's not much we can change.", 'start': 2428.803, 'duration': 1.361}, {'end': 2431.185, 'text': 'Now this is not bad.', 'start': 2430.184, 'duration': 1.001}, {'end': 2432.625, 'text': "This really isn't bad at all.", 'start': 2431.325, 'duration': 1.3}, {'end': 2436.647, 'text': "However, let's say for example we want to make a custom product page.", 'start': 2433.045, 'duration': 3.602}, {'end': 2437.668, 'text': "Let's do that.", 'start': 2437.067, 'duration': 0.601}, {'end': 2440.929, 'text': "So let's go back to our wonderful Theme Builder.", 'start': 2438.408, 'duration': 2.521}], 'summary': 'Transcript covers customizing shop and product pages using theme builder.', 'duration': 23.431, 'max_score': 2417.498, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2417498.jpg'}], 'start': 1889.693, 'title': 'Custom shop page creation and optimizing page layout and product display', 'summary': 'Explains the process of creating a custom shop page using elementor and discusses optimizing page layout and product display, providing step-by-step instructions and tips on improving website aesthetics and user experience.', 'chapters': [{'end': 2289.948, 'start': 1889.693, 'title': 'Custom shop page creation', 'summary': 'Explains the process of creating a custom shop page using elementor, including customizing filters, adding widgets, and creating separate category pages, providing step-by-step instructions and tips for overcoming potential glitches with elementor.', 'duration': 400.255, 'highlights': ['The chapter covers the creation of a custom shop page using Elementor, including customizing filters such as star ratings and buttons, and the process of adding conditions for the display of the template, with step-by-step guidance and insights on the design process.', 'Demonstrates the addition of a sidebar to the custom shop page, with instructions on using filters for price, product categories, and products, and the inclusion of a video, providing practical guidance for enhancing the page layout and functionality.', 'Provides instructions on customizing widgets using the theme customizer, including changing colors and links, and offers tips for dealing with Elementor glitches and bugs, enhancing the overall visual appeal and user experience of the custom shop page.', 'Explains the process of creating a custom shop page for specific product categories, including using Elementor to save templates, exporting layouts for use on other websites, and utilizing the theme builder for creating category-specific pages, offering comprehensive guidance on leveraging Elementor for custom page creation.']}, {'end': 2639.758, 'start': 2290.528, 'title': 'Optimizing page layout and product display', 'summary': 'Discusses the importance of maintaining a full-width page layout, adding product display conditions, and customizing product pages in elementor, emphasizing the significance of these actions for improving website aesthetics and user experience.', 'duration': 349.23, 'highlights': ['The importance of maintaining a full-width page layout is emphasized to ensure that the page is always displayed properly, preventing any issues with the display. Emphasizes the significance of maintaining a full-width page layout; Ensuring proper display and preventing issues.', 'The process of adding product display conditions under specific categories, such as Mens, is demonstrated to personalize and optimize the display of products, contributing to an improved user experience. Demonstrates the process of adding product display conditions under specific categories; Personalizing and optimizing product display for an improved user experience.', 'Guidance is provided on customizing product pages in Elementor, including the use of templates and the step-by-step creation of a customized product page layout, highlighting the significance of aesthetics and user engagement. Guidance on customizing product pages using templates and step-by-step creation; Emphasizes the significance of aesthetics and user engagement.']}], 'duration': 750.065, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE1889693.jpg', 'highlights': ['The chapter covers the creation of a custom shop page using Elementor, including customizing filters and adding conditions for the display of the template, with step-by-step guidance and insights on the design process.', 'Provides instructions on customizing widgets using the theme customizer, including changing colors and links, and offers tips for dealing with Elementor glitches and bugs, enhancing the overall visual appeal and user experience of the custom shop page.', 'Explains the process of creating a custom shop page for specific product categories, including using Elementor to save templates, exporting layouts for use on other websites, and utilizing the theme builder for creating category-specific pages, offering comprehensive guidance on leveraging Elementor for custom page creation.', 'Demonstrates the addition of a sidebar to the custom shop page, with instructions on using filters for price, product categories, and products, and the inclusion of a video, providing practical guidance for enhancing the page layout and functionality.', 'The process of adding product display conditions under specific categories, such as Mens, is demonstrated to personalize and optimize the display of products, contributing to an improved user experience.', 'Guidance is provided on customizing product pages in Elementor, including the use of templates and the step-by-step creation of a customized product page layout, highlighting the significance of aesthetics and user engagement.', 'The importance of maintaining a full-width page layout is emphasized to ensure that the page is always displayed properly, preventing any issues with the display.']}, {'end': 3117.987, 'segs': [{'end': 2668.416, 'src': 'embed', 'start': 2641.159, 'weight': 1, 'content': [{'end': 2645.281, 'text': 'So make that look a little bit, make it look a little bit closer to like that.', 'start': 2641.159, 'duration': 4.122}, {'end': 2648.023, 'text': 'And then this title, we gotta make it bigger, guys.', 'start': 2645.781, 'duration': 2.242}, {'end': 2651.985, 'text': "It's too small, so I'll go ahead and make this a little bit bigger.", 'start': 2648.483, 'duration': 3.502}, {'end': 2654.612, 'text': 'There we go.', 'start': 2654.212, 'duration': 0.4}, {'end': 2655.352, 'text': 'And shirts.', 'start': 2654.792, 'duration': 0.56}, {'end': 2657.793, 'text': 'I will take the short description and drop it in there.', 'start': 2655.572, 'duration': 2.221}, {'end': 2659.473, 'text': 'And there you go.', 'start': 2658.873, 'duration': 0.6}, {'end': 2660.694, 'text': 'We have the short description.', 'start': 2659.533, 'duration': 1.161}, {'end': 2664.575, 'text': 'Now remember, your products will all dynamically update.', 'start': 2661.374, 'duration': 3.201}, {'end': 2668.416, 'text': "So when you do this for one product, it'll apply it to all of the products.", 'start': 2664.955, 'duration': 3.461}], 'summary': 'Adjusting design elements and description for products, ensuring dynamic updates for all products.', 'duration': 27.257, 'max_score': 2641.159, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2641159.jpg'}, {'end': 2826.563, 'src': 'embed', 'start': 2796.2, 'weight': 2, 'content': [{'end': 2799.241, 'text': "let's see, at this point we just want to get creative, upsells.", 'start': 2796.2, 'duration': 3.041}, {'end': 2801.981, 'text': 'And then we can add in something else.', 'start': 2800.161, 'duration': 1.82}, {'end': 2806.003, 'text': 'We can add in the product rating or something like that.', 'start': 2802.682, 'duration': 3.321}, {'end': 2812.525, 'text': 'So you can just keep adding to this and you can keep grabbing whatever you want and you can keep putting different stuff here.', 'start': 2806.083, 'duration': 6.442}, {'end': 2816.526, 'text': 'So product tabs, put the product tabs on this side.', 'start': 2812.705, 'duration': 3.821}, {'end': 2818.308, 'text': 'And there you go.', 'start': 2817.726, 'duration': 0.582}, {'end': 2822.816, 'text': "So you get what I'm saying here is that we can fully customize every single product page.", 'start': 2818.648, 'duration': 4.168}, {'end': 2826.563, 'text': 'So this is how you would decorate your product page if you want to do that.', 'start': 2822.876, 'duration': 3.687}], 'summary': 'Customize product pages for upsells and ratings.', 'duration': 30.363, 'max_score': 2796.2, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2796200.jpg'}, {'end': 2884.286, 'src': 'embed', 'start': 2857.034, 'weight': 0, 'content': [{'end': 2862.091, 'text': "So this right here was our current product page, remember? Now I'm going to refresh the page.", 'start': 2857.034, 'duration': 5.057}, {'end': 2868.583, 'text': 'And voila, now we have this different product page and it looks beautiful.', 'start': 2863.982, 'duration': 4.601}, {'end': 2870.503, 'text': "Now let's go to our shop page.", 'start': 2868.603, 'duration': 1.9}, {'end': 2874.524, 'text': "And what you'll see is it'll actually dynamically update.", 'start': 2871.864, 'duration': 2.66}, {'end': 2878.425, 'text': "So if I click on women's shirts, it's going to dynamically update.", 'start': 2874.644, 'duration': 3.781}, {'end': 2881.286, 'text': "So women's shirts and everything is good.", 'start': 2878.485, 'duration': 2.801}, {'end': 2884.286, 'text': 'So it works for all of our pages, pretty amazing.', 'start': 2881.526, 'duration': 2.76}], 'summary': 'Product page and shop page dynamically update, works for all pages.', 'duration': 27.252, 'max_score': 2857.034, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2857034.jpg'}, {'end': 2935.714, 'src': 'embed', 'start': 2906.474, 'weight': 3, 'content': [{'end': 2909.596, 'text': "Okay, so we're going to do one last section for the 404 page.", 'start': 2906.474, 'duration': 3.122}, {'end': 2915.18, 'text': "So for example, let's say your visitor goes to your website and they go to some weird link that doesn't really make sense.", 'start': 2910.016, 'duration': 5.164}, {'end': 2918.802, 'text': 'By default, it gives us this default theme setting.', 'start': 2915.78, 'duration': 3.022}, {'end': 2922.305, 'text': 'Now, maybe you want to have a more customizable 404 page.', 'start': 2918.862, 'duration': 3.443}, {'end': 2924.106, 'text': 'Let me just quickly show you how to do that.', 'start': 2922.365, 'duration': 1.741}, {'end': 2926.167, 'text': 'So you probably know what to do now.', 'start': 2924.666, 'duration': 1.501}, {'end': 2927.848, 'text': "We'll go back to our dashboard.", 'start': 2926.227, 'duration': 1.621}, {'end': 2929.73, 'text': "Now you're probably the Theme Builder Pro.", 'start': 2927.868, 'duration': 1.862}, {'end': 2931.851, 'text': 'Now you probably know a lot more about it than I do.', 'start': 2929.83, 'duration': 2.021}, {'end': 2935.714, 'text': "So we'll go to the templates and go to Theme Builder.", 'start': 2931.911, 'duration': 3.803}], 'summary': 'Demonstrating customizing 404 page in theme builder pro.', 'duration': 29.24, 'max_score': 2906.474, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2906474.jpg'}, {'end': 3117.987, 'src': 'embed', 'start': 3090.797, 'weight': 4, 'content': [{'end': 3095.419, 'text': "So that's just a way on how you can always redirect people if they get lost or something like that.", 'start': 3090.797, 'duration': 4.622}, {'end': 3098.92, 'text': 'So congrats party people, you guys are Theme Builder professionals.', 'start': 3095.859, 'duration': 3.061}, {'end': 3102.021, 'text': 'So pretty simple, right? The Elementor Theme Builder is really simple to use.', 'start': 3099.26, 'duration': 2.761}, {'end': 3108.243, 'text': "I mean at first it can be a little intimidating, but just give it like an hour or two and you'll have it down 100%.", 'start': 3102.041, 'duration': 6.202}, {'end': 3113.225, 'text': 'So if anything changed in that video, let me know in the comments below and I will always update this tutorial.', 'start': 3108.243, 'duration': 4.982}, {'end': 3115.706, 'text': 'So go have fun, go build your website.', 'start': 3113.625, 'duration': 2.081}, {'end': 3117.987, 'text': 'My name is Derral Wilson and I will see all of you guys in the next video.', 'start': 3115.746, 'duration': 2.241}], 'summary': 'Elementor theme builder is simple to use, takes an hour or two to learn fully, and allows users to redirect if they get lost.', 'duration': 27.19, 'max_score': 3090.797, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE3090797.jpg'}], 'start': 2641.159, 'title': 'Updating and customizing product pages', 'summary': 'Details the process of dynamically updating product page elements and customizing product and 404 pages using elementor, providing practical examples and step-by-step guidance for efficient customization.', 'chapters': [{'end': 2755.246, 'start': 2641.159, 'title': 'Product page update process', 'summary': 'Details the process of updating product page elements including adjusting title size, adding product description, updating product meta, and customizing price and add to cart button, with the efficiency of dynamically updating all products at once.', 'duration': 114.087, 'highlights': ['The process of updating product page elements results in dynamically updating all products at once, saving time and effort. When making changes to one product, it applies to all products, eliminating the need for individual updates.', 'Instructions on adjusting title size, adding product description, updating product meta, and customizing price and add to cart button are provided. The chapter provides guidance on making the title bigger, adding a short product description, updating product meta with SKU and category, and customizing the price and add to cart button.']}, {'end': 3117.987, 'start': 2755.266, 'title': 'Customizing product and 404 pages with elementor', 'summary': 'Demonstrates customizing product pages by adding various elements like social icons, reviews, stock, upsells, and product tabs, and then showcases creating a customized 404 page using elementor theme builder, providing step-by-step guidance and practical examples.', 'duration': 362.721, 'highlights': ['The chapter demonstrates customizing product pages by adding various elements like social icons, reviews, stock, upsells, and product tabs. The speaker explains how to customize product pages by adding elements such as social icons, reviews, stock, upsells, and product tabs, offering a comprehensive overview of the customization options available.', 'The chapter showcases creating a customized 404 page using Elementor Theme Builder, providing step-by-step guidance and practical examples. A step-by-step guide is provided on creating a customized 404 page using Elementor Theme Builder, demonstrating practical examples and offering detailed instructions for customization.', "The speaker emphasizes the simplicity of using Elementor Theme Builder and encourages viewers to have fun and build their websites. The speaker highlights the simplicity of using Elementor Theme Builder and encourages viewers to enjoy the process of building their websites, instilling confidence in the tool's user-friendly nature."]}], 'duration': 476.828, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/yEh7r7Pc6GE/pics/yEh7r7Pc6GE2641159.jpg', 'highlights': ['The process of updating product page elements results in dynamically updating all products at once, saving time and effort.', 'Instructions on adjusting title size, adding product description, updating product meta, and customizing price and add to cart button are provided.', 'The chapter demonstrates customizing product pages by adding various elements like social icons, reviews, stock, upsells, and product tabs.', 'The chapter showcases creating a customized 404 page using Elementor Theme Builder, providing step-by-step guidance and practical examples.', 'The speaker emphasizes the simplicity of using Elementor Theme Builder and encourages viewers to have fun and build their websites.']}], 'highlights': ['The Elementor theme builder allows full customization of ecommerce shop pages and blog posts, overriding preset theme settings, leading to an enhanced visual appeal and complete creative control.', 'Demonstration of creating a custom menu and designing the shop page using the Theme Builder for a more appealing look, resulting in a much nicer appearance and enhanced user experience.', 'Guide on creating custom blogs and blog posts using the Theme Builder to enhance the visual appeal and design of the default blog layout, resulting in a more stylish and inviting appearance.', "Elementor's theme builder allows for customizing different parts of a website, such as headers and footers, offering a variety of style options with a large selection of different style headers to choose from, enabling users to create a unique design.", 'The tutorial demonstrates the ability to mix and match different elements to create a personalized header, providing flexibility and efficiency in web design.', 'Insights are provided on applying specific conditions for displaying headers on different pages, offering practical tips for catering to specific client requirements and preferences.', 'Using Theme Builder to create a consistent header and footer for the entire website', 'Adding links to specific pages in the footer', 'Publishing and applying changes made with the Theme Builder', 'Designing and customizing the blog page, including adding and customizing elements like author display and archive posts', 'The method of adding specific posts to a page and displaying posts from a specific category is explained', 'The use of the Astra theme for Elementor is emphasized, with a mention of a 10% discount for the Astra theme and its compatibility with Elementor', 'Creating a default blog archive page, setting it as the default blog archive, and testing the page.', 'Creating blog pages for different categories, specifying the display of specific categories on dedicated pages.', 'Designing a custom blog post layout using Elementor, personal commentary on client preferences.', 'Customization of single post elements like post title, featured image, content, and post info, providing design flexibility and consistency across the website.', 'Customization of featured image size, style modification.', 'Alignment and customization of post elements, cohesive visual presentation.', 'Creation of default post template, consistent design across all posts.', 'The chapter guides users through creating a custom shop page using Elementor, providing a detailed walkthrough of adding new sections and customizing the design.', 'The instructor emphasizes the need to build a custom shop page from scratch to address the limitations of pre-existing product archives in Elementor, indicating a preference for customization and uniqueness.', 'The section covers adjusting font weights, spacing, and text shadow to enhance visual elements, discussing making the font lighter, adjusting letter spacing, and adding a faint text shadow to create distinction.', 'Guidance on adjusting the layout and adding visual elements, such as background images and padding, to enhance usability and aesthetics, explaining the process of adding a background image, adjusting layout for visual appeal, and adding padding for spacing to improve usability.', 'The chapter covers the creation of a custom shop page using Elementor, including customizing filters and adding conditions for the display of the template, with step-by-step guidance and insights on the design process.', 'Provides instructions on customizing widgets using the theme customizer, including changing colors and links, and offers tips for dealing with Elementor glitches and bugs, enhancing the overall visual appeal and user experience of the custom shop page.', 'Explains the process of creating a custom shop page for specific product categories, including using Elementor to save templates, exporting layouts for use on other websites, and utilizing the theme builder for creating category-specific pages, offering comprehensive guidance on leveraging Elementor for custom page creation.', 'Demonstrates the addition of a sidebar to the custom shop page, with instructions on using filters for price, product categories, and products, and the inclusion of a video, providing practical guidance for enhancing the page layout and functionality.', 'The process of adding product display conditions under specific categories, such as Mens, is demonstrated to personalize and optimize the display of products, contributing to an improved user experience.', 'Guidance is provided on customizing product pages in Elementor, including the use of templates and the step-by-step creation of a customized product page layout, highlighting the significance of aesthetics and user engagement.', 'The importance of maintaining a full-width page layout is emphasized to ensure that the page is always displayed properly, preventing any issues with the display.', 'The process of updating product page elements results in dynamically updating all products at once, saving time and effort.', 'Instructions on adjusting title size, adding product description, updating product meta, and customizing price and add to cart button are provided.', 'The chapter demonstrates customizing product pages by adding various elements like social icons, reviews, stock, upsells, and product tabs.', 'The chapter showcases creating a customized 404 page using Elementor Theme Builder, providing step-by-step guidance and practical examples.', 'The speaker emphasizes the simplicity of using Elementor Theme Builder and encourages viewers to have fun and build their websites.']}