Existing website

Trying to change the layout for the shop page of an existing website which already has products but am unable to change the layout or select any elements. Would the shop page have to be deleted and start all over? Also, can you provide any documentation on setting up a global product page layout.

Thanks.

Hi there,

Thanks for writing in! First you can set a global layout by head over to Appearance -> Customize -> Layout and Design and set Content Layout.

Then you can head over to Appearance -> Customize -> WooCommerce -> Shop area and select either your Global content layout or a full width layout.

Hope that helps.

Hi,
Thanks for your reply. I am wanting to change the layout of the products pages and the shop page via cornerstone, e.g. the composition, image style, text etc. but am unable to select any elements on the page. Is this because it is an existing site and the shop page/product pages needs to be re-created?

Hi there,

Thanks for writing in! The shop page is dynamically generated ny Woocommerce. Theshop page 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 functions.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 their documentation:


Hope this explain it briefly.

Hi,
Thanks for your reply. Apologies I thought you could control these aspects of the theme in the same way that you can with the headers and footer. Is this going to become a feature?

Hi There,

Thank you for your understanding, at this time I’m not certain whether it will be a feature in future.

You can still use WooCommerce shortcodes as mentioned above by @Jade and see if that matches your requirements to create your own page. For example you can populate products into a page using different filters it offers (https://docs.woocommerce.com/document/woocommerce-shortcodes/#section-6).

Thanks!

Hi mldarshana,
Thanks for your reply. Hopefully! Would it be possible to get some css code for the styling instead?

Hi there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

Hi,
Thank you for your reply.

Hi there,

Based on your reference website we recommend you hiring a developer to assist you achieving your goals or researching yourself if you feel comfortable.

Regarding FaceWP we cannot assure compatibility as we have not tested this specific plugin.

Thanks for understanding.

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