How to create a custom theme in WordPress from scratch – WooCommerce (Underscores & Bootstrap)
Raddy
💰 20% Referral Hosting Discount: https://www.hostg.xyz/SHEiZ
☕ BuyMeACoffee: https://www.buymeacoffee.com/RaddyTheBrand
Adobe XD: https://raddydev.gumroad.com/l/lcGUq
Design Tutorial: https://youtu.be/9jv1E4hgxPo
Article: https://raddy.dev/blog/how-to-create-a-custom-ecommerce-theme-on-wordpress-woocommerce-local-underscores-bootstrap/
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.
Chapters:
0:00 Introduction:
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
59:53 Header
01:16:10 Menu
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:20:28 Footer
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
Discounts:
⚡ Hostinger: https://www.hostg.xyz/aff_c?offer_id=408&aff_id=69300
⚡ Elementor: https://be.elementor.com/visit/?bta=26518&brand=elementor
Recording Equipment:
◾ 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
Computer Gear:
◾ 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
#woocommerce