• Resolved mrtony82

    (@mrtony82)


    Hi all,

    i’m trying to create different shop like pages based on different categories. I’m using the [products] shortcode and the relative attributes ( [products columns=”6″ orderby=”menu_order” order=”ASC” ids=”” skus=”” post_per_pages”-1″ pagination=”yes” category=”wholesale”]) but the page that i create is missing two element that i would like to have on the top of the product loop:
    1. woocommerce-result-count
    2- woocommerce-ordering form
    3. gridlist toggle: show_grid and show_list

    Link to the example image

    Thanks a lot for your help

    • This topic was modified 3 years ago by mrtony82.
Viewing 6 replies - 1 through 6 (of 6 total)
  • To add the missing elements (woocommerce-result-count, woocommerce-ordering form, and gridlist toggle) to your custom shop pages created using the [products] shortcode, you can follow these steps:

    1. Create a new page in WordPress and give it a title (e.g., “Wholesale Shop”).
    2. In the page editor, switch to the Text/HTML mode to work with the shortcode directly.
    3. Modify your existing shortcode by adding the missing elements before the [products] shortcode. Here’s an example:
    [woocommerce_product_filter_categories]
    [woocommerce_product_filter]
    
    [woocommerce_result_count]
    [woocommerce_catalog_ordering]
    
    [products columns="6" orderby="menu_order" order="ASC" ids="" skus="" posts_per_page="-1" pagination="yes" category="wholesale" show_grid="true" show_list="true"]
    
    

    In the example above, the [woocommerce_result_count] shortcode adds the product count, and the [woocommerce_catalog_ordering] shortcode adds the sorting options.

    Note: The show_grid="true" and show_list="true" attributes in the [products] shortcode enable the grid and list toggle options.

    Save or update the page.Now, when you visit the “Wholesale Shop” page, you should see the woocommerce-result-count, woocommerce-ordering form, and gridlist toggle elements displayed above the product loop. Adjust the shortcode and attributes as needed to match your requirements and styling preferences.

    Thread Starter mrtony82

    (@mrtony82)

    Hello @narmeen1it

    thanks a lot for for your reply and solution! I’ll try it today!
    Best
    Antonio

    Thread Starter mrtony82

    (@mrtony82)

    Hi @narmeen1it ;
    just tried and i just see the Shortcodes text when i publish the new page. Seems that the shortcodes are not working.

    hello , if you use elementor darg and drop the HTML code or shortcode to write the codes on it

    if you use the default editor of WordPress you can also choose the Shortcode and write them on it , so now tell me Which one of the page editors are you using?

    Plugin Support mouli a11n

    (@mouli)

    @narmeen1it
    Shortcodes available in WooCommerce are listed here:
    https://woocommerce.com/document/woocommerce-shortcodes/
    and I see no mention of the shortcodes you suggest.
    I’d be interested to learn about them though so any information would be appreciated as I can see that they could be useful.
    Perhaps they are generated by a plugin?

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – we’ll be here if and/or when you are ready to continue.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Add Sorting Form to Category Shop Loop Page’ is closed to new replies.