CloseHow 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 and 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.
Design Files
Download this productFonts
- Nunito – Download Here
- Poppins – Download Here
Useful Links
Thank you for reading this article. Please consider subscribing to my YouTube Channel.
Credit
- Karsten Winegeart – https://unsplash.com/photos/tIWBJN8t7zE
- Darinka Kievskaya – https://unsplash.com/photos/ff221Bu56mI
- Joséphine Menge – https://unsplash.com/photos/h7VBJRBcieM
Author
Hi! I’m Raddy. I am a web developer, often making YouTube Videos, Blog Posts and side projects. Enquiries: hello@raddy.co.uk
A good tutorial Raddy. Learned alot. I was stuck in my theme and you helped me out in a big way man.
If you can please do product slider as well. and a way to make a plug in . looking forward to great contents.
That’s great to hear, Liam! Thank you for the comments and I am liking the suggestions.
Hi , categories opacity is not working at all with me
.categories__col {
height: 212px;
img {
width: 100%;
height: 100%;
//object-fit: cover;
}
}
i had to comment object-fit and add height 100%
any solution please ?
I mean object-fit:cover is the one that not working , i had to add height: 100% to the image to make it fit
Hey Rasha,
You do need width and height on the image to make the object-fit work.
I must have missed adding the height of 100% to the image. Sorry about that!