• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

virusword.com-Wordpress

Learn Wordpress

  • Home
  • WordPress Shop
    • Fotopress
    • SEO Tool Kit
    • Social Contact
    • Tag Machine 2
    • Video Profits
  • Latest News
  • WordPress
    • Plugins
    • Themes
    • Tutorials
    • Videos
    • Woocommerce
  • About Us
  • Contact Us
    • Terms of Service
    • Privacy Policy
  • Show Search
Hide Search
Home/Videos/How to Build a WordPress Theme from Scratch with WooCommerce – Part 3 Theme Development

How to Build a WordPress Theme from Scratch with WooCommerce – Part 3 Theme Development



☀🦍

This is going to be the final video of the series where we are going to look at how to set up a local server and then build our custom WordPress theme that supports WooCommerce. Let's get started and build a shop!

📁Project Files :
https://www.raddy.co.uk/blog/develop-custom-woocommerce-theme/

Build a hamburger menu: https://www.youtube.com/watch?v=E1KVLYFsV8o
Build a Custom Search: https://www.youtube.com/watch?v=rth44wNSrag

SOCIAL: @RaddyTheBrand
Instagram: www.instagram.com/RaddyTheBrand
Twitter: www.twitter.com/RaddyTheBrand
Website: www.raddy.co.uk
Blog: www.raddy.co.uk/blog
GitHub: https://github.com/RaddyTheBrand
Newsletter: www.raddy.co.uk/newsletter

Photos From Unsplash:
Photo by Brooke Cagle on Unsplash
Photo by Pietro De Grandi on Unsplash

source

Written by:
Abdul Wahid
Published on:
December 21, 2020

Categories: VideosTags: custom woocommerce theme, online shop, online shop development, php, raddy, raddy the brand, raddythebrand, woo development, woocommerce theme, woocommerce theme development, woocommerce themes, wordpress custom theme, wordpress custom theme development, wordpress ecommerce, wordpress online shop, wordpress theme development tutorial, wordpress tutorial, wordpress tutorial for beginners, wordpress woocommerce development, wp development

Reader Interactions

Comments

  1. RaddyTheBrand

    December 21, 2020 at 1:57 pm

    What are your struggles when it comes to developing an e-commerce website?

  2. A

    December 21, 2020 at 1:57 pm

    Absolutely fantastic tutorial. It seems alot of the code can be setup as a boilerplate. Are you aware if there are any templates with all this setup? Also at 35:06 you delete the menu and import the menu created in wordpress. But what I don't understand is how does it know what class name to add to the menu items so that the styling from the stylesheet applies to it?

    Edit: nvm I looked up the docs and found that the class of menu-item is added to every list item…

    Would still love to know what starter templates you recommend?

  3. dmannouch

    December 21, 2020 at 1:57 pm

    Thank you for sharing this tutorial. I've been meaning to learn WooCommerce for some time; more specifically template development in order to better understand what I can and cant do when designing a shop for a client. This tutorial was really informative and easy to follow! By far the best I've found!

  4. akay

    December 21, 2020 at 1:57 pm

    the likes were 99 so i made it 100 cheers, nice tutorial, please make an advance one also.

  5. Jared Aitken

    December 21, 2020 at 1:57 pm

    Awesome! thanks!

  6. Pets Atrocity

    December 21, 2020 at 1:57 pm

    awsome dude !! teach full Scratch code in Woocommerce && i will support & share My all new developers !! i need advanced woocom tutorial in Part-4 i am from india ,Tamilnadu !!

  7. Amine Hmidouche

    December 21, 2020 at 1:57 pm

    you help me i appreciate it thaks to you

  8. Muhammad Adnan

    December 21, 2020 at 1:57 pm

    Hm forgot to tell you also show products in tabs by categories using Jquery. ..

  9. Muhammad Adnan

    December 21, 2020 at 1:57 pm

    55:49 rest of tomorrow . At morning… great

  10. Youcef Kkk

    December 21, 2020 at 1:57 pm

    Thank you

Primary Sidebar

Wordpress

  • Latest News (285)
  • Plugins (323)
  • Themes (332)
  • Tutorials (416)
  • Videos (848)
  • Woocommerce (423)

Recent Articles

Divi WooCommerce tutorial | Checkout page design

😍 My top Picks * BuddyBoss - …

Continue Reading about Divi WooCommerce tutorial | Checkout page design

Here’s how to downgrade WooCommerce plugin and keep your data

Receiving a "Store Version Not Supported" …

Continue Reading about Here’s how to downgrade WooCommerce plugin and keep your data

Search our site

Explore more

Get our Wordpress Guide Get Plugins Get Connected

Footer

VirusWord by Promaps, Inc.

Barnes Place
Colombo 7, Western 00700

Copyright © 2023 · Promaps, Inc.

Keep In Touch

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter