[ADS MediaParticipant]

Hi,

We’ve enabled Cornerstone for product pages. However it only lets you modify what’s in the Product description tab.

We were wondering if there was a way to only display the content that cornerstone creates and nothing else on the page effectively overriding the product page with just the cornerstone content.

As an example:
Before:

After:

Thanks!

[JadeModerator]

Hello there,

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.

[ADS MediaParticipant]

Thanks for the reply.

The above is for the shop page though correct? We’re looking to just modify the single product page. Would the above still apply?

So what we want is the Woocommerce shop page to display as normal, but when you click on a product and it brings you to the single product page, we want to basically only show the content that’s currently in the Product Description tab. So we’d hide the product image and the product summary and the x-tabs, but show the content that was in the Product Description tab. These exist in x-tabs so I would assume it’s coming from a file in X theme.

In the image below div.x-tab-content. We tried to see if we could accomplish this by via css but once we remove the tabs, we couldn’t display the content of it.

Not sure if this explains the what we are looking to do any more clearly 🙁

[ADS MediaParticipant]

I actually managed to accomplish what I wanted via a ton of CSS edits but it worked. Thanks for the help!

[Prasant RaiModerator]

We are happy to know you made this work for you, let us know if you need further help, cheers.

[Author]

Posts