[INcroatiaParticipant]

Hi X,

Novice Woo question here.

Basically I’d like to make a Page in Cornerstone featuring a product category… for example “face-products”
I’d like the page to have all products (13 for now), 4 columns wide. I’ve found the Woo shortcode below but I can’t make sense of where to insert my information. I know how to add individual product IDs or SKUs (and make the page four columns wide) but since we’re regularly adding new products and/or seasonal products I’d prefer not to have to go in every time and update the page with a specific product. I hope I am clear. I know there are descriptions below but I guess I need the baby steps version.

thanks!

Product Categories
Display product categories loop

Args:

array(
‘number’ => ‘null’,
‘orderby’ => ‘title’,
‘order’ => ‘ASC’,
‘columns’ => ‘4’,
‘hide_empty’ => ‘1’,
‘parent’ => ”,
‘ids’ => ”
)
The number field is used to display the number of products and the ids field is to tell the shortcode which categories to display.

[product_categories number=”12″ parent=”0″]
Set the parent parameter to 0 to only display top level categories. Set IDs to a comma separated list of category IDs to only show those.

[LelyModerator]

Hi There,

We just need to add the following shortcode in a RAW element in Cornerstone:
[product_categories number="12" parent="0" columns="4"]
It will display 12 products in 3 ROWS and 4 columns each.

On the other hand, there’s an available option too on Appearance > Customize > Woocommerce. No need to build it using Cornerstone. You can use the default Woocomerce archive pages.

Hope this helps.

[INcroatiaParticipant]

Thanks, this was helpful. We’d like to build our own category pages because we don’t like the default woo archive pages.

So we’ll be making pages for face products, body products, etc. and we only want the specific category products on each page. Therefore Face Page will only have the face products, how do I do this? … something like:
[product_category=”face-product” number=”12″ parent=”0″ columns=”4″] … but that doesn’t work.

If it’s helpful, here’s a draft of the new homepage. Basically, someone clicks which category they want to search and on that page (that they clicked) all the products appear. http://pronounceskincare.com/new/

[DarshanaModerator]

Hi there,

Can you please try with the following.

[product_category category="face-product" number="12" parent="0" columns="4"]

Hope that helps.

[INcroatiaParticipant]

Hi,

When I add this to a RAW content box nothing really happens besides whacky code. When I add it to a text box the items appear however they are not in 4 columns/3 rows… they are stacked on top of each other so it feels like an endless scroll.

Here is the page with both versions right now.
http://pronounceskincare.com/face/

[LelyModerator]

Hi There,

I am seeing 4 columns 3 rows on a text element. See this:http://screencast-o-matic.com/watch/cbnVIPQRuF

[INcroatiaParticipant]

yes, thank you! Figured it out. VIEW PAGE not looking at in Cornerstone in bewilderment! thanks for your help… now I can do this correctly on ten pages!

[JoaoModerator]

Let us know if you need further assistance.

Cheers

[INcroatiaParticipant]

Hi there, I’m still struggling with this a touch.

If I write this shortcode below and say there are 16 items or more, only 12 items appear.

http://pronounceskincare.com/shop/face-products/
[product_category category=”face-products” number=”16″ parent=”0″ columns=”3″]

Same with this page (and nearly all shop pages). I have 14 written but only 12 appear. What am I missing?
http://pronounceskincare.com/shop/body-products/
[product_category category=”body-products” number=”14″ parent=”0″ columns=”3″]

thanks so much for your consistent help!

[Rue NelModerator]

Hello There,

Thanks for updating in! The number of items is only up to 12 items. This is the default number of products since you have set it in the customizer. If you want to increase it, please go to the customizer, Appearance > Customize > WooCommerce > Shop > Posts Per Page. You may insert 24 as the maximum number.

Hope this helps. Kindly let us know.

[INcroatiaParticipant]

Hi there,

I definitely missed thinking about this section on the Customizer, however when looking into it to make the change the setting was already 25. I changed it to 24 however no changes took place on the page (I also purged the cache). Any other ideas? Where did you see the default set to 12? I can’t seem to find it.

thanks!

[Rue NelModerator]

Hello There,

Thanks for updating in! The default per page is just 12. This is a WooCommerce default. You can check it in the WooCommerce file: http://prntscr.com/elr33p

And I think you have used the shortcode incorrectly. Please try this:

[product_category category="face-products" per_page="16" parent="0" columns="3"]

[product_category category="body-products" per_page="14" parent="0" columns="3"]

We would loved to know if this has work for you. Thank you.

[INcroatiaParticipant]

Brilliant! This did the trick. I was using the short code suggested posted by X above but this last one works better.

[RahulModerator]

Glad to hear it.

If you have anything further to ask, kindly let us know. We’d be happy to assist you with anything.

Thank you.

[Author]

Posts