How to Produce a Customized eCommerce Style on WordPress/ WooCommerce – Regional, Highlights & Bootstrap
https://www.youtu be.com/watch?v=8uYSLxJbPEY
⭐ 80% OFF Hostinger (USAGE CODE: RADDYTHEBRAND):. https://www.hostg.xyz/SH66q. Short article: https://raddy.dev/blog/how-to-create-a-custom-ecommerce-theme-on-wordpress-woocommerce-local-underscores-bootstrap/. If you want to find out how to create the design watch here: https://youtu.be/9jv1E4hgxPo. In this video, tutorial we are going to develop an E-Commerce site utilizing WordPress as our CMS and the plugin WooCommerce. We are going to greatly utilize Bootstrap for our design, however we are likewise going to conserve a long time by utilizing the software application Regional for our regional server lastly we will be utilizing a start-up style called Underscores. If developing a customized Store is something that you wish to do please remain. Do not forget to like the video, share it with loved ones and think about subscribing. ☕ BuyMeACoffee: https://www.buymeacoffee.com/RaddyTheBrand. Chapters:. 0:00 Intro:. 1:02 Establishing an Advancement environment. 5:23 Developing our style. 8:46 Setting up WooCommerce. 12:20 Establishing Bootstrap. 29:50 Front Page. 35:38 Statement 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 – Classifications. 02:18:13 Front Page – Special Deals. 02:20:28 Footer. 02:28:48 Footer Widgets. 02:47:52 Menu Fall. 02:54:10 Pages Design. 02:58:26 WooCommerce Customized Page. 03:01:31 Modifying WooCommerce Pages. 03:05:30 WooCommerce Styles. 03:19:43 Bootstrap Establishing Google Fonts. 03:22:18 Ending – Subscribe, Like & Remark. Discount rates:. ⚡ Hostinger: https://www.hostg.xyz/aff_c?offer_id=408&aff_id=69300. ⚡ Elementor: https://trk.elementor.com/26518. Recording Devices:. ◾ Microphone: https://amzn.to/3Ppp8Ok. ◾ Shotgun Mic: https://amzn.to/3IVqIot. ◾ Electronic camera: https://amzn.to/3z0bxpF. ◾ Lens: https://amzn.to/3Pw4s7d. ◾ Lighting: https://amzn.to/3PGXvzW. Computer system Equipment:. ◾ Keyboard: https://amzn.to/3PGXvzW. ◾ Earphones: https://amzn.to/3PJl9fg. ◾ Mouse: https://amzn.to/3z1TGPf. Get in touch with me:. ◾ Site: https://www.raddy.dev. ◾ Newsletter: https://www.raddy.co.uk/newsletter. #woocommerce
There have been some WooCommerce updates and the SCSS files are now located in “wp-content/plugins/woocommerce/legacy/css”
This was reaĺly helpful. Thank you🙏
Glad it was helpful!
Hello, how complex can the project be? Can I have a news site between customer and seller?
You can make it as complex as you want. WordPress is fairly flexible. Just try to avoid installing too many plugins
@Raddy i understand i design and program for plug-in
hi, is it possible to have 2 different nav one for website and another for the store?
Yes you can do. You’ll have to program that manually, but it’s fairly easy to achieve. I am sure that there are plenty of example on the internet
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?
Thanks again!
I don’t have one in had to send over, but I am sure that you can find something on the web. Also it depends on where you publish your theme. Some websites did have their own requirements for publishing your theme
took me almost three days to complete this awesome video
Nice work!
Thanks Bro for these kind of videos ….❤️
My pleasure 😊
I would like to open my shop on wordpress, is this method 100% safe for commercial use? btw great tutorial!
WordPress and WooCommerce are secure by themselves, however you need to make sure that you are using a reputable host and keep your website up to date. Other than that it’s safe for commercial use.
@Raddy thanks for the answer
love uuuuu youre my master!, you save me a lot of time of documentation
haha thank you!
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 ?
One thing that I can think of is the Language Mode. At the bottom right corner of your VSC there is a place where you can change it to PHP
hope).
Great Video! Im new on soft soft, and tNice tutorials tutorial really helped
Glad to hear that you found it helpful
I like to use soft soft completely naked.
This video was really helpfull, thanks you so much for your work… greetings from El Salvador
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!
It’s hard to tell without having a look, but I would assume that it’s the source of the images. Make sure that you use get_template_directory_uri and then link your image. This goes to the directory of the theme and then you add /img/yourimage.jpg …