I can’t seem to figure out how to edit the shop page with cornerstone.

I have activated cornerstone in the setting tab to work on products page but I’d like to edit the shop page itself that holds the products. When I try to click edit with cornerstone on the backend of the shop page it redirects me to the frontend with the cornerstone URL but no editor.

Please see the video for behavior.

https://youtu.be/UFOhDH2iT_4

Thanks,
Fish

Thanks for writing in! The shop page is dynamically generated ny 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 shop page needs 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/

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
http://docs.woothemes.com/document/shortcodes/
http://docs.woothemes.com/document/woocommerce-shortcodes/

Hope this explain it briefly.

Thanks for the detailed information above (highly appreciated.) I’m not sure why i didn’t think about changing the page from the woo default store page.

Question: Why I have you on the Woo-commerce subject, will you please see the video attached and tell me why my product images are oversized while editing the homepage in cornerstone, they are to the point I can’t even edit the page. The product images display perfect when viewing the frontend of the homepage, it’s only while in Cornerstone that the images are

https://youtu.be/LKhcXasf_IU

I currently have all my product images sized at 700x700px,the shortcode I’m using to pull the images to the page is [recent_products per_page=”4″ columns=”4″]. Am I doing something wrong?

Thanks for you valuable assistance,
Fish

I checked your homepage using in Cornerstone, the products look alright to me (see: http://prntscr.com/7r3v3f). Would you mind confirming the issue again?

Thanks!

It’s a feature of your recent products shortcode, it’s not a bug.

Let’s try this, open your home page in a browser. Then re-size your browser smaller and slower, you’ll notice that your products breaks into different columns, until it becomes 1 column.

In cornerstone editing mode, the preview area is smaller than front view. And the fact that your screen is indeed smaller too, then your products will break into one column in cornerstone preview.

Thanks!

Thanks for your time,
Fish

I’m guessing I somehow fixed the issue, not exactly sure how I did it, but nevertheless the issue seemed to resolve itself. Again I hate to bother your team and truly appreciate all the help you have provided.

You can close this ticket. For real this time.. 🙂

All the best,
Fish