Woocommerce – How to add carroussel with newest items on homepage?

Hi @mvw1985

on my homepage, I would like to have a block with the newest products and items so people can click on it and shop them straight away. Is something possible for free? (I can only find paid solutions) I use woocommerce and my theme is Storefront.

From what I understand, you’re looking to enhance your homepage with a block featuring your newest products. With WooCommerce and the Storefront theme, you can indeed create such a block for free.

Here’s a step-by-step guide on how to do this:

1. Navigate to your WordPress Dashboard and click on ‘Pages‘.
2. Choose the page where you want to add the block (in this case, your homepage).
3. Click on ‘Edit‘.
4. In the editor, click on the ‘+’ button to add a new block.
5. In the block library, search for ‘WooCommerce‘ and you should see several blocks related to WooCommerce.
6. Select the ‘Newest Products‘ block.
7. After adding the block, you can customize it to your liking. 
8. Once you’re satisfied with your changes, click ‘Update‘ to save your changes.

Image Link: https://snipboard.io/DqgKG7.jpg

Now, your newest products should be featured on your homepage, ready for visitors to click and buy immediately. For more details on the Newest Product Block, check out this link: ?? Newest Product Block

I hope you find this information useful! If you have any more questions or encounter any problems, please feel free to reach out again.

Hi Tamrat,

This works, thanks!

Is it also possible to make some kind of selection of the newest products I want to show on the homepage? Instead of this automatic selection?

And also, I use to edit my pages in Elementor. In your example you are editing in the Woocommerce editor. Do you know the big differences?

Thanks!

Kind regards, Marielle

Hi @bisratlearn,

I hope you can help me again. ??

Hello @mvw1985,

And also, I use to edit my pages in Elementor. In your example you are editing in the Woocommerce editor. Do you know the big differences?

According to the screenshot Tamrat is using the default WordPress editor (Gutenberg) which is what WooCommerce blocks are designed to work with. I’m not sure what the process is with Elementor, however, with the Gutenberg editor, you can access these filter options: https://d.pr/v/kMdPkI.

If you’d like to pick certain products only, you can check the Hand-picked Products Block block instead. :?)

For any Elementor-related inquiries, please get in touch with their support directly at https://elementor.com/support/.

Let us know if you have any other questions. ??