Filter products by clicking on an icon / text on the same page!

  • Resolved Anonymous User 16408075

    (@anonymized-16408075)


    6 years, 3 months ago

    Hello,

    I have a question and here is an example: https://raw-alignment.com/shop/

    I would like to filter my products in the form of icons / small pictures and below the category name.
    By simply clicking on the icon or text and that on the same page still, the products are loaded.
    I’ve tried a lot, Ajax Load More Filter unfortunately costs extra, I’m a bit borrowed and would be very happy if someone could give me a tip!
    I use the WpBakery Page Builder (Theme: Salient).
    Would it be possible, as shown in the example, individually by clicking on an icon, for example, to load the products on the same page?
    I would like to do the whole thing on the shop page, does anyone have a tip, a guide?

    I would be incredibly happy to receive an answer!

    Thank you!
    Raffaela

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Hey there,

    To pull this kind of filtering off, you’ll need a filter that uses Ajax.

    You can do this with colors using our Layered Navigation plugin:
    https://woocommerce.com/products/ajax-layered-navigation

    I’m not aware of one that uses images, though. In that case, you may need to develop it yourself. I highly recommend contacting one of the services on our customizations page: https://woocommerce.com/customizations/

    Anonymous User 16431599

    (@anonymized-16431599)

    Hello,

    Thanks for the answer and help!
    I still have a question about the shop page, when I enter the shop page in the woocommerce settings, the product archive is automatically displayed, how can I deactivate the standard template of the shop? breadcrumbs can stay that way, also that I have specified the shop page in the settings as base page.
    I just want the content on the page removed so that I can work better with the wpbakery builder.
    I have some problems, because some things are not displayed correctly like the icons.
    This is how it should look like: https://snag.gy/e8vJKl.jpg
    And this is how it looks on the static shop page: https://snag.gy/LEVHlA.jpg

    Would it be possible with some php code to disable the default shop page?
    That would be unbelievably great, I would like to customize the shop itself, but it would be great if the breadcrumbs and the product sorting remains!
    I am looking forward to your feedback, thank you very much !!
    Raffaela

    Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Hey there,

    Can you please create new threads for new questions? That helps keep the forums cleaner and also helps those searching for solutions in the future.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Filter products by clicking on an icon / text on the same page!’ is closed to new replies.