⭐ 80% OFF Hostinger (USE CODE: RADDYTHEBRAND):
☕ BuyMeACoffee: https://www.buymeacoffee.com/RaddyTheBrand
⭐ Adobe XD: https://raddythebrand.lemonsqueezy.com/checkout?cart=7d61cb96-cd20-46d5-87a0-deb85ea7c56d
⭐ Design Tutorial: https://youtu.be/9jv1E4hgxPo
In this video, tutorial we are going to create an E-Commerce website using WordPress as our CMS and the plugin WooCommerce. We are going to heavily use Bootstrap for our layout, but we are also going to save some time by using the software Local for our local server last but not least we will be using a startup theme called Underscores.
If building a custom Shop is something that you want to do please stick around. Don't forget to like the video, share it with friends and family and consider subscribing.
1:02 Setting up a Development environment
5:23 Creating our theme
8:46 Installing WooCommerce
12:20 Setting Up Bootstrap
29:50 Front Page
35:38 Announcement bar
01:27:09 Front Page – Carousel
01:47:04 Front Page – Popular Products
01:55:12 Front Page – Categories
02:18:13 Front Page – Special Offers
02:28:48 Footer Widgets
02:47:52 Menu Drop Down
02:54:10 Pages Layout
02:58:26 WooCommerce Custom Page
03:01:31 Editing WooCommerce Pages
03:05:30 WooCommerce Styles
03:19:43 Bootstrap Setting Up Google Fonts
03:22:18 Ending – Subscribe, Like & Comment
⚡ Hostinger: https://www.hostg.xyz/aff_c?offer_id=408&aff_id=69300
⚡ Elementor: https://be.elementor.com/visit/?bta=26518&brand=elementor
◾ Microphone: https://amzn.to/3Ppp8Ok
◾ Shotgun Mic: https://amzn.to/3IVqIot
◾ Camera: https://amzn.to/3z0bxpF
◾ Lens: https://amzn.to/3Pw4s7d
◾ Lighting: https://amzn.to/3PGXvzW
◾ Keyboard: https://amzn.to/3PGXvzW
◾ Headphones: https://amzn.to/3PJl9fg
◾ Mouse: https://amzn.to/3z1TGPf
Connect with me:
◾ Website: https://www.raddy.dev
◾ Newsletter: https://www.raddy.co.uk/newsletter
There have been some WooCommerce updates and the SCSS files are now located in "wp-content/plugins/woocommerce/legacy/css"
Hey, just wanted to say thank you for this tutorial. The amount of information in these 3 hours is incredible. Finally figured this whole scary php-thing out. You make programming look easy !
Oye gringo!!! Te pasaste, este video debería estar de los primeros en YouTube! es todo lo que busque por mucho tiempo ❤
Ngọc Lâm CTK40
Thank you so much, this is an amazing video
Hi, at 18:28 I have a issue where it doesn't make any CSS changes such as turning the background to aqua. I did change the name consistently from the start of the project to a different name. Does it have to be pawsgang or can be it a different name?
I spent hours following this tutorial but eventually abandoned it because the custom categories section does not scale well responsively. That section looks so bad on small screens while everything else is fantastic , but ultimately i couldn't use it because of that.
Hi bro how to download your theme.
But it's not responsive??
I have been looking wrong. I found it
tysm sir this helped so much i cant belive its free
Woocommerce change files css layout again
Beyond The Veil
The enqueue your own stylesheet code from official doc doens't bring back the style for me.
The Traditional Shop
peace be with you dear.
unfortunately variable over rides not working for me..
Following is my code
$primary: rgb(127, 24, 127);
Please consider to correct me, as i am unable to figure it out…
Henrik B. Hansen
Hey Raddy – Can you explain how I can add a single product template I can customize in Gutenberg. 1) I want a safe template that is never overwritten at upgrade or new theme 2) setting up in blocks is important. I am on WP 611, Theme Twenty Twenty Three and latest Woo. It would be a great help
One more thing. I can't change shop page. When I edit archive-product.php site, nothing change. When I make changes in cart, customer account dashboard, checkout or other place everything working good. Is archive-product.php is not good place for making changes in shop page?
Raddy, I've just started learning PHP and WordPress, and yours has been the best tutorial by far to get started with. There have been minor changes since this video was published, but nothing that I couldn't navigate around with a little help from Google. Thanks so much for being so thorough in all your explanations/demonstrations — all of it was extremely beginner-friendly and I never felt out of my depth, despite being relatively new to the development world.
I'll definitely be following your channel for more excellent content like this. I look forward to learning and growing my skills with you. Cheers!
Why use SCSS for this project? Now I got to wrap my head around SCSS syntax while I'm not here for that.
Fantastic explication 🙂
Raddy – i cant thank you enough. 😍 I love how you talk through every step and explain all! Your content is absolutely excellent. I very much appreciate your videos and am learning a lot from them.
The global WordPress-Community is LITERALLY a learing community. So plz help in educating the world. can you come up with a new video that covers the new version . 6.1 This would support the worldwide communuity – We need you!🙏🙏🙏😊👍🏻😳♥
Why you didn't use Understrap? Understrap = Underscores + Bootstrap
Daan Van Middendorp
I can't find the scss files for woocommerce i only have the css files
thank u so much!
First of all really liked the videos, its very helpful. And I want to ask you something about the login and register form if we want to add then which plugin would you suggest and how?
Hey Raddy I'm having an issue with my theme when I upload it onto wordpress.
The product images aren't showing on the gallery or product page, when I remove the srcset with devtools it shows up on the gallery, tried disabling them in function.php but didn't seem to work.
Do you have any ideas on how to fix this? Thanks in advance!
This video was really helpfull, thanks you so much for your work… greetings from El Salvador
Great Video! Im new on soft soft, and tNice tutorials tutorial really helped
when I open my file from local sites in visual studio and than I will open functions.php file, all functions have red underline , can anybody tell me why ? how can I fix it ?
love uuuuu youre my master!, you save me a lot of time of documentation
I would like to open my shop on wordpress, is this method 100% safe for commercial use? btw great tutorial!
Thanks Bro for these kind of videos ….❤️
took me almost three days to complete this awesome video
Hi Raddy, awesome tutorial!
I'm watching this to learn to develop a premium WordPress theme (with a goal to sell it). Is there some kind of requirements checklist a premium theme should satisfy?
hi, is it possible to have 2 different nav one for website and another for the store?
Hello, how complex can the project be? Can I have a news site between customer and seller?
This was reaĺly helpful. Thank you🙏
Tks for your imformative and useful video. <3
This is a great tutorial. I feel the same as many others. This method of working with Local, Underscores, SCSS, & Bootstrap is very easy to grasp. Thank you!