Shop - Adding to Cart - Page blank

Support
#1

Hi there

I am trying to get my online shop up and running and keep coming up against road blocks! (am new to all this)!
I’ve managed to get the products looking good on the page but now I’m having issues with the cart.

I can click “add to cart” but the cart page remains blank even though on the shopfront it says I have items in there.
The hover on the product image “add to cart” I don’t know how to set that up.

The shopfront was setup using essential grid woocommerce for better customisation but I’m unsure how to get this cart page working. I have tried googling but nothing has come up to help so far!

Many thanks in advance

Suzy

#2

Hi Suzy,

I went to edit the skin of Essential Gird you’re using:

https://www.securespot.com.au/wp-admin/admin.php?page=essential-grid&view=grid-item-skin-editor&create=4

Under the Add To Cart layer:

  • Source: I selected WooCommerce
  • Element: I’ve selected Add To Cart Button

Then everything is working fine now.

Cheers!

1 Like
#3

What a legend!! Thanks so much…

Now for the next part as the checkout is coming up blank…

Also, how do i customise the look of the cart page now? Through essential grid, woocommerce or cornerstone?

Thanks again!
Suzy

#4

Hi Suzy,

Your checkout page doesn’t include the [woocommerce_checkout] shortcode. I’ve already corrected it for you:

For more information, please take a look at this: https://docs.woocommerce.com/document/woocommerce-pages/.

  • The WooCommerce pages are dynamically generated by Woocommerce. The masonry grid is displayed by a template within X. So you cannot edit it in Cornerstone. Whatever content you may have in that page will just be replaced by Woocommerce and its template.

  • Basically Woocommerce shop page doesn’t pull the content from the page editor, instead, it uses woocommerce product template located in woocommerce template directory wp-content/plugins/woocommerce/templates/archive-product.php some of these files are modified by X inside wp-content/themes/x/woocommerce/.

  • Which means customizing the WooCommerce pages need PHP code development, you can either edit the PHP files for customizing the shop page or use woocommerce “HOOKS” on your child theme fucntion.php to add additional content on your shop page http://docs.woothemes.com/document/hooks/3

If you want a custom shop page, the easiest thing to do is to create a page and use woocommerce shortcode to display the products.

You can find more information about woocommerce shortcode from there documentation

Hope this explains it briefly.

1 Like
#5

Thanks again very much.
I have already customised the shop page, it was just the customisation of the cart and checkout pages I didn’t know what to do about as I don’t like the default woocommerce look. I will have a play around and see what I can do.
Really appreciate your assistance…

Until the next roadblock (!!!),
Regards
Suzy

#6

Hi Suzy,

You may check this link to see how to change the default templates of Woocommerce:

However, please note that this requires custom development.

Thank you.

1 Like
#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.