Use fontawesome icon instead of reset button text

  • Hello,

    Is it possible to use a icon from fontawesome instead of the reset button test?
    We insert the reset button via Shortcode [br_filter_single filter_id=5644].

    This is the fontawesome icon: https://fontawesome.com/icons/minus-square?style=solid
    <i class="fas fa-minus-square"></i>

    P.s: When we use the CSS class option from the reset filter button and adding there fas fa-minus-square the fontawesome icon is loaded but not in the button itself. The icon is on the left side. We want to have the icon in the middle of the reset button. ??

    Cheers

Viewing 7 replies - 16 through 22 (of 22 total)
  • Plugin Author RazyRx

    (@razyrx)

    Hello,

    Plugin do not displayed filters twice, but if you need to display it for different devices(mobile and desktop), then you can create two group and set option “Hide this group on:” as mobile for first group and Tablet, Desktop for second group.

    Regards,
    Oleg

    Thread Starter niikk

    (@niikk)

    hello @razyrx

    Thanks. I understand. But for this I need also to create the filter twice right? Because when I create two groups, one for desktop and one for mobile. Hide the desktop group on mobile is only a hide function. The filter is there in the background. Or do I miss something here?

    Currently I build every filter twice, which works but it’s not very cool to administrate as you can imagine.

    Is the group thing better?

    Plugin Author RazyRx

    (@razyrx)

    Hello,

    No, you can use same filters for both group, but option “Hide this group on:” on group edit page must be setuped correct.

    Regards,
    Oleg

    Thread Starter niikk

    (@niikk)

    hello @razyrx

    Thanks. I made some test with this setup but it’s not working as expected. When I create two groups and hide them on specific devices, then I only see the filter on one device. On the other device I only see the title but no filter and values. After removing the other group, it’s working. Seems like there is a issue with display filter twice even in groups.

    Or do I miss something?

    Plugin Author RazyRx

    (@razyrx)

    Hello,

    Plugin detect device on page load and remove filter that is not for current device.
    If you change device after page load it will be not displayed, but after page reload it will be displayed correct.

    Regards,
    Oleg

    Thread Starter niikk

    (@niikk)

    Hello @razyrx

    Okey, This is my current setting:

    Group: Test Desktop (Hide on: Mobile & Tablet)
    Group: Test Mobile (Hide on: Desktop)

    Filter “Test Filter” is on both groups added.
    Desktop: Left Sidebar
    Mobile & tablet: Canvas Sidebar

    Repro steps:
    Case Desktop:
    – Navigate on Desktop to shop page
    – Filter “Test Filter” is shown

    Case Mobile & tablet:
    – Navigate on Mobile / tablet on shop page (Reload F5 or Load entire site new)
    – Filter “Test Filter” is NOT shown. Only the Filter Name is displayed.

    I made tests with shortcode or BeRocked widget. Both no success..

    What is the error in my process? ??

    Cheers

    Plugin Author RazyRx

    (@razyrx)

    Hello,

    Please provide URL of the page where I can check this issue.

    Regards,
    Oleg

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘Use fontawesome icon instead of reset button text’ is closed to new replies.