WooCommerce archive, and single product pages does not displaying the default layout

Hello guys, have you experience this issue on your current theme? WooCommerce archive, and single product pages does not displaying the default layout? Details show in one paragraph instead of grid? That means your current theme does not support Woocommerce and that’s what were going to do now. Just add the codes below and your theme will be WooCommerce supported. In my case, it is display all details in one paragraph instead of the grid of products or a product page with image and add to cart button.

I get it now, my custom theme is missing the theme support code for Woocommerce `add_theme_support( 'woocommerce' );`. To do that, I just copy the codes below and paste it into my functions.php inside of my current theme folder.

function mytheme_add_woocommerce_support() {
	add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

That’s it! hope this help a lot.

Happy coding guys 🙂

CHECKOUT MY NEW CREATED WORDPRESS PLUGIN

Gravity Forms Image Upload Field for User Registration

Image Upload Field for User Registration is a Gravity Forms add-on that is specialize for front-end user registration form. It has the ability to upload a user avatar or profile picture during the user registration process. This field has advance settings that can help you adjust the preferred design on the front-end form such as image dimension (width and height), text button, etc. and other settings to enhance front-end layout.

Image Upload Field for User Registration requires Gravity Forms and Gravity Forms User Registration Add-On before install.

Add to cart  VIEW PRODUCT

CHECKOUT MY BEST SELLING WORDPRESS PLUGIN

Gravity Forms Media Upload Field

Media Upload Field is a Gravity Forms add-on that allow users to upload an image with advance front-end setup, and easy to use image cropping. This field provide advance settings to manage the image dimension (width and height) and other settings that can be found in the front-end layout.

Add to cart  VIEW PRODUCT

Leave a Reply

Your email address will not be published. Required fields are marked *

MY MOBILE/DESKTOP RESPONSIVE TOOL

Responsive Tool is a tool for Web Developer that check
for mobile and desktop compatibility checker.

Responsive Tool

MY HTML/CSS COLUMN GENERATOR

This Web Developer Tools is generating a Responsive HTML and CSS codes for your column or grid front end layout. Simply fill the fields below and click the generate button.

https://htmlcsscolumngenerator.anthonycarbon.com/