Product categories grid

  • Dear Support Team,

    At the moment my homepage is the Shop page from Woocommerce. This shop page displays my product categories (empty and not empty) in a grid with their images (see link to website at bottom of this post).

    Where the green area is that says “Welkom in de Webshop van Rent-Fun” I want to insert an image slider. After searching in several support forums I found that it is not (yet?) possible to insert image sliders into the woocommerce shop overview page.

    The solution I would use for this is to create a new page, insert a image slider and then insert the product category grid and set this new page as my homepage.

    Is there any way to not show the products, but only the categories with their images like how my homepage is right now? Ar there any shortcodes or functions for this?

    Thank you for the help!

    Kind regards,

    Yorick

    LINK: https://www.v2.rent-fun.be

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support RK a11n

    (@riaanknoetze)

    After searching in several support forums I found that it is not (yet?) possible to insert image sliders into the woocommerce shop overview page.

    This is entirely powered by the theme you’re using – it’s not something that WooCommerce has any direct control over.

    Is there any way to not show the products, but only the categories with their images like how my homepage is right now?

    Yep, WooCommerce has its own set of shortcodes that comes with the default WooCommerce plugin. Have a look at https://docs.woocommerce.com/document/woocommerce-shortcodes/ for more information

    Thread Starter yorickweb

    (@yorickweb)

    Thank you for your quick reply Riaan.

    Didn’t know that the image slider on the shop home page was theme specific.

    I tried the shortcode from Woocommerce to diplay the product categories but then it looks like this:

    https://www.v2.rent-fun.be/winkel/

    Is there any way to make this category grid look like the one on my homepage or is this also a theme related thing?

    Thank you for the help!

    If you edit the page with the shortcode, then switch to the Text tab, do you see <pre> </pre> tags around the shortcode? If so, delete them.

    If not, plan B is to use this custom css:

    pre {
  white-space:normal;
  background-image:none
}

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    • This reply was modified 7 years, 9 months ago by Majeed Raza.
    Thread Starter yorickweb

    (@yorickweb)

    It had the 

    

     tags around it!
    
Thanks a lot for helping out!
    

    Problem solved!
    



      

	
    • 
		This reply was modified 7 years, 9 months ago by yorickweb.
	
      • 


    


		
	
    

	
	
	

    

		
	
    • 





			


	
Viewing 4 replies - 1 through 4 (of 4 total)

	




		
		

	

		

			
    
				
  • The topic ‘Product categories grid’ is closed to new replies.
    •