How To Add Products On Your Homepage With WooCommerce ( No Plugin )

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ • 36

  • @darrelwilson
    @darrelwilson  7 місяців тому +4

    Yooo! Let me know if you have any questions in the comments below!

    • @IdesignLc
      @IdesignLc 7 місяців тому

      Great video. But don't you still need to have the woo commence plugin for this to work.?

    • @IdesignLc
      @IdesignLc 7 місяців тому

      I have a big woo commence store, is there a way to store the media files somewhere for the site can load faster? Because, if I try to delete the files used on woo commence, it gets deleted as well. Hope someone can help with this. Thank you

    • @i4ilm175
      @i4ilm175 7 місяців тому

      Kindly make video about Divi product carousel

    • @wooninjas68
      @wooninjas68 7 місяців тому

      @@IdesignLc Are you using any image optimization or caching solutions on your site? That can also help you increase your site's speed without deleting your files.

  • @amanoilsandhealthyfoods
    @amanoilsandhealthyfoods 8 днів тому

    Thank you so very much for this. Exactly what I need at this point in time

  • @vudigitals
    @vudigitals 7 місяців тому +1

    Great video as always, thank you🙏. Darrel, please what theme/plugin should I use to build a website similar to Autotraders for a new independent car dealer? I need a template with the search filters in the hero section. Thank you for all you do.

    • @darrelwilson
      @darrelwilson  6 місяців тому +1

      Hey! For a site similar to Autotraders, I recommend using the "Motors" theme or the "Automotive" theme. Both have excellent search filters in the hero section. Feel free to drop your questions in the comments.

    • @vudigitals
      @vudigitals 6 місяців тому

      Thank you so much Darrel, will try that and let you know. Thanks A LOT❤

  • @TahaAbdullah-vc4vj
    @TahaAbdullah-vc4vj 2 місяці тому +2

    Dear brother your videos are reall helpful 🎉.
    But as a beginner i am facing a small problem
    Plz if anyone knows that then guide me.
    Actually whenever i use a theme and a starter template using elementor.
    I am unable to edit all the text images buttons etc separately.
    By just clicking on one thing or a widget all of them are selected and stucture disrupts.
    If anyone knows solution plz guide me.

    • @darrelwilson
      @darrelwilson  2 місяці тому +1

      Hey! Sounds like you're editing global sections. Right-click on individual elements to edit them separately. Avoid editing global widgets to keep things from being disrupted.
      Feel free to drop your questions in the comments below!

  • @Arslan2k16
    @Arslan2k16 7 місяців тому +1

    Oh you still alive. 😅😅 Love to see you back😘😘

  • @fondostudio5788
    @fondostudio5788 2 місяці тому

    how do you add the "explore more" button below the cathegories so people can see all the "new arrivals" for example, thanks!!

    • @darrelwilson
      @darrelwilson  2 місяці тому

      Hey! To add an "Explore More" button below your categories, you can manually insert a button block in the WordPress editor or use a Custom HTML block with a link to the "New Arrivals" category. Just link it to your category page URL, and you're all set!
      Feel free to drop your questions in the comments below.

  • @Ruuufiiiooooooooooo
    @Ruuufiiiooooooooooo Місяць тому

    Hey my image resolution gets pixelated when adding columns, how do you avoid that without having to live with 1 column for image resolution? Appreciate your help

    • @darrelwilson
      @darrelwilson  Місяць тому

      Hey! Pixelation often happens if images are resized too much when adding columns. Try uploading higher-resolution images that fit well within your chosen column layout, or set the columns to display images at a reduced size without forcing them to scale up. Adjusting image dimensions and resolution before uploading can also help retain quality. Feel free to drop your questions in the comments below!

  • @Vibrantfashion0
    @Vibrantfashion0 3 місяці тому

    Hello brother how to adjust 4 columns on phone portrait kindly help in have done as you show on video but on laptop it is showing 4 columns but of phone it is showing only columns what shortcode to use please help

    • @darrelwilson
      @darrelwilson  3 місяці тому

      Hey! To adjust your WooCommerce product grid to show 4 columns on a phone in portrait mode, you can use custom CSS. By default, most themes will reduce the number of columns on smaller screens for better readability.

  • @HannahConroy-Tailor
    @HannahConroy-Tailor 5 місяців тому

    How do you change the design of the products that are displayed using shortcode?
    i.e. I would like to hide the the star ratings and 'Add to cart' button on the product tiles that I am displaying on my homepage using shortcode. Thanks!

    • @darrelwilson
      @darrelwilson  5 місяців тому +1

      Hey! You can use custom CSS code to hide the star ratings and 'Add to cart' button on the product tiles. Add the CSS in your theme's customizer or a custom CSS plugin.
      Feel free to drop your questions in the comments.

  • @lsddotswimsTV
    @lsddotswimsTV Місяць тому

    How do I display specific products?

    • @darrelwilson
      @darrelwilson  Місяць тому +1

      Hey! To display specific products on your homepage, go to Appearance > Widgets and add a WooCommerce Products widget to your homepage section. You can then filter it to show specific categories or products. Alternatively, use the [products] shortcode, like [products ids="1, 2, 3"], to display exact products by their IDs.
      Feel free to drop your questions in the comments below!

  • @samuelnanatwum8466
    @samuelnanatwum8466 3 місяці тому

    My question is how to make this responsive as when you switch to phone view there is no gab between the products

    • @darrelwilson
      @darrelwilson  3 місяці тому +1

      hey , here is the full tutorial about all this demo website : ua-cam.com/video/PetnzNpgwSs/v-deo.htmlsi=b8Wi8mBos0igu0WK

  • @travellingbottlepodcasts
    @travellingbottlepodcasts 6 місяців тому

    how to add another category

    • @darrelwilson
      @darrelwilson  6 місяців тому

      Hey! To add another category in WooCommerce, follow these steps:
      1. Go to your WordPress dashboard.
      2. Navigate to Products > Categories.
      3. Enter the category name, slug, and any other details.
      4. Click Add New Category.
      Feel free to drop your questions in the comments!

  • @divyv20
    @divyv20 7 місяців тому

    Hey Darrel , very good video . I can do better editing in your videos which can help you to get more engagement in your videos . Pls lmk what do you think ?

    • @darrelwilson
      @darrelwilson  7 місяців тому

      hey , send me your offer here : darrelwilson.com/contact/

  • @yosfenoben
    @yosfenoben 17 днів тому

    thanks man!

    • @darrelwilson
      @darrelwilson  16 днів тому

      Enjoy :)
      if you need help feel free to drop your questions in the comments below .

  • @fscubetech7219
    @fscubetech7219 7 місяців тому +1

    The great video.

    • @darrelwilson
      @darrelwilson  7 місяців тому

      anytime :) if you need help feel free to ask .

  • @peterexplains5818
    @peterexplains5818 7 місяців тому +1

    First 💪🏽