radykal | Support Center Chooser

For which product do you need support?

Fancy Product Designer Multistep Product Configurator

Start a new topic
Discussions Fancy Product Designer Community Discussions
Answered

Is that possible to hide filter Tab at Andvance image edit?

is that possible to hide the entire Filter Tab, or some of the filters?  by CSS?

I have to switch advance filter on to enable the Mask Crop


Many Thanks

Best Answer

Here is an improved CSS snippet:

.fpd-panel-advanced-editing .fpd-panel-tabs {
    display: none !important;
}


.fpd-panel-tabs-content > [data-id="filters"] {
    display: none !important;
}

.fpd-panel-tabs-content > [data-id="crop"] {
    display: block !important;
    
}

.fpd-panel-tabs-content > [data-id="crop"] > div {
    margin-bottom: 0 !important;
    padding: 10px 0;
}


8 CommentsSorted by Oldest First

Yes, you can hide it with CSS. Inspect the page to get the relevant class to hide the Filers feature of advanced editing.  

Is that possible to give me some example in fancy open in light box? many thanks


I want only the crop function tab, but disable the whole filter or disable selected filter.  Plan on Engraving business with no color filter need


if anyone has CSS example will be many thanks 

.fpd-panel-advanced-editing [data-tab="filters"] {
    display: none !important;
}


thank you very much, i was using .fpd-tool-filters{display: none !important;}


Just try your CSS, but filter main tab still here, if that possible to hide the whole filter tab and only show the Crop option?  or just simply switch Crop in the first tab? 


many thanks


That hide the filter tab, but show the filter too 



Hope it will only show the crop


Answer

Here is an improved CSS snippet:

.fpd-panel-advanced-editing .fpd-panel-tabs {
    display: none !important;
}


.fpd-panel-tabs-content > [data-id="filters"] {
    display: none !important;
}

.fpd-panel-tabs-content > [data-id="crop"] {
    display: block !important;
    
}

.fpd-panel-tabs-content > [data-id="crop"] > div {
    margin-bottom: 0 !important;
    padding: 10px 0;
}


120% thank you very much~~~

Login or Signup to post a comment
More topics in Community Discussions
See all 2208 topics