How to display category filter bottons in shop grid fullscreen page?

This topic has 8 replies, 4 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

  • Avatar: Webacto
    Webacto
    Participant
    September 29, 2015 at 09:55

    I have this ecommerce grid fullscreen page

    http://lococostyle.com/jewellry/

    and I would add my 4 category filter bottons in an other pull-down menu?

    How to display them?

    thank you in advance

    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 29, 2015 at 14:58

    Hello,

    Sorry, but your question is unclear. What filter do you want to add and where?

    Best regards,
    Jack Richardson.

    Avatar: Webacto
    Webacto
    Participant
    September 30, 2015 at 10:50

    Hello,

    I clarify my request:

    I need to add 4 filters botton that correspond to my 4 product categories: EARRINGS BRACELETES NECKLACES BACIAMANOS above the shop product grid in this page:

    http://lococostyle.com/jewellry/

    I want to add them above the text and the divisory black line, on the left side, next to the existanting bottons (Orden Predeterminado and the other two ones) for let that customer can filter all the existanting productos by the avalaible categories product. If doesn’t enter in the same line, I would like to create a different line for them, immediatly under the first filters line.

    If I choice the widget sidebar template this 4 filter category bottons automatically appears on the left side, but If I change the template layout in full screen visualization they doesn’t appear more and I need to customize the template.

    I hope it’s clearer,
    at your disposition for any request

    Thank you
    Chiara

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    October 1, 2015 at 10:20

    Hello,

    I’ve added Woocommerce Product Categories widget to “Additional Shop Widget Area” in Appearance > Widgets. Please check the page now.

    Regards,
    Eva Kemp.

    Avatar: Webacto
    Webacto
    Participant
    October 1, 2015 at 11:33

    That’s it!
    Only a detail: why the box area doesn’t adapt automatically at the text width?

    How to enlarge the botton width?

    thank you in advance

    Avatar: stan
    Stan Russell
    Participant
    October 1, 2015 at 13:04

    Hello Webacto,

    please try following css code:

    #woocommerce_product_categories-2 .dropdown_product_cat{
    width:228px; margin-top:15px;
    }

    Regards,
    Stan Russell.

    Avatar: Webacto
    Webacto
    Participant
    October 1, 2015 at 15:48

    Great!
    Thank you

    Avatar: Eva
    Eva Kemp
    Support staff
    October 1, 2015 at 16:44

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘how to display category filter bottons in shop grid fullscreen page?’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.