Home › Forums › WoodMart support forum › Filters from shop page disappeared

Filters from shop page disappeared

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 17, 2024 at 12:25 pm #530722

    ggournas@hotmail.com
    Participant

    Hello,

    suddenly filters from shop page and product categories disappeared.

    I have done the following:
    1) check woodmart settings
    2) check custom product archive layout
    3) regenerate product lookup tables
    4) cleared cache
    5) cleared cloudflare
    6) checked widgets
    7) no new plugin was installed
    8)eshop is fully updated

    still not working

    i attach login credentials to solve it as soon as possible

    thank you

    January 17, 2024 at 2:06 pm #530780

    Hung Pham
    Participant

    Hi ggournas@hotmail.com,

    Thanks for reaching to us.

    I disabled Custom Product Archive layout https://prnt.sc/8fiwxQJTjp5T and it worked again, please rebuild it again to see if it works.

    Also, if you are going to use Shop filters above products area, please add Filter widgets to Shop filters area https://prnt.sc/UcxhH0RyWHCJ

    Regards,

    January 17, 2024 at 2:28 pm #530800

    ggournas@hotmail.com
    Participant

    I would like to help me to make it work in the custom product layout.

    I cannot build it from scratch, because i have also made css correction.

    please help me work with that

    January 17, 2024 at 3:03 pm #530807

    ggournas@hotmail.com
    Participant

    i have an update.
    the icon i use for filter was hidden by css.
    the icon is shown now.

    but the problem is that despite the fact i have the right settings, it is shown to the top-left of the archive pages

    it must be sticky to the middle of the archive pages.

    can you help me with that?

    https://prnt.sc/JNibymhkvZ5k

    January 18, 2024 at 6:37 am #531009

    Hung Pham
    Participant

    Hi ggournas@hotmail.com,

    I reconfigured the Shop layout and filters are showing.

    Please check again.

    Regards,

    January 18, 2024 at 11:20 am #531073

    ggournas@hotmail.com
    Participant

    Hello again,

    this was not what i needed. I roll back the product achive layout as it was.

    what i need is to move the top left filter icon to the middle of the page, and of course to be operational. i will explain it to the link below

    https://prnt.sc/i3GXD9HIO5Fn

    After fixing it, please check it from a cell phone too

    thank you in advance

    January 18, 2024 at 3:30 pm #531203

    Hung Pham
    Participant

    Hi ggournas@hotmail.com,

    Please try to add the following Custom CSS code to Theme Settings > Custom CSS > Desktop CSS:

    .custom-filters .wpb_wrapper > .wd-enabled-width {
   position: absolute;
   top: 5%;
   left: 0;
   z-index: 999999;
}

    Regards,

    • This reply was modified 2 years, 5 months ago by Hung Pham.
    January 18, 2024 at 3:58 pm #531222

    ggournas@hotmail.com
    Participant

    this worked.

    one more thing. i have made it sticky. it does not work as sticky.

    can you help me fix this?

    thank you

    January 18, 2024 at 4:02 pm #531228

    ggournas@hotmail.com
    Participant

    in mobile and tablet does not work.

    it flashes and disappears. can you check it?

    January 19, 2024 at 8:11 am #531391

    Hung Pham
    Participant

    Hi ggournas@hotmail.com,

    Please add above Custom Code to Global CSS section. Add the following Custom CSS code to Theme Settings > Custom CSS > Mobile / Tablet CSS sections:

    .custom-filters .wpb_wrapper > .wd-enabled-width {
   top: 1%;
}

    Regards,

    January 19, 2024 at 3:53 pm #531578

    ggournas@hotmail.com
    Participant

    i did not add your code. i have the following problems.

    1) in desktop i added the following css in desktop

    .custom-filters .wpb_wrapper > .wd-enabled-width {
    position: fixed;
    top: 40%;
    z-index: 999999;
    }

    The result is that the button is in the right position and sticky, but it is transparent

    2) in mobile i have not added any code. the result is that when i open the hop page the icon of the filters is stuck in the up left corner next to logo. see image

    https://prnt.sc/RTWgT11mOKYp

    when i scroll, the filter icon seems fine and sticky. see picture.

    https://prnt.sc/XRPPgZ6Z4oHy

    January 21, 2024 at 7:39 am #531903

    Hung Pham
    Participant

    Hi ggournas@hotmail.com,

    Thanks for your patience.

    You need to put this Custom CSS code to Global CSS section instead https://prnt.sc/_fRStdGaN98L

    Please check your site on mobile again.

    Regards,

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)