• Resolved phellarm

    (@phellarm)


    Hi, I am wondering if there is some custom CSS that can be added to a product catalog in order to hide a specific custom field on the product catalog page. I know that you can select the “hide” setting when editing the custom fields, but that option will hide the custom field on all product catalogs. I want to only hide it on this specific catalog and not the other ones.

    i try this:

    .prod-cat-sidebar-cf-1 {display: none;}

    But not Working ..Help please

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support jaysupport

    (@jaysupport)

    Hi phellarm,

    It should be possible to only hide it from a specific catalog, but you would definitely have to use custom CSS. The way I would suggest doing it would be to wrap the product-catalog shortcode in a div with a unique ID. For example:

    <div id="my-catalog">
    [product-catalog id="1"]
    </div>

    Then you could target the custom field only within that specific div. For example:

    #my-catalog .prod-cat-sidebar-cf-1 {
      display: none;
    }
    Thread Starter phellarm

    (@phellarm)

    Really weird but it doesn’t work! Theoretically it seems correct but it doesn’t work nor customizing the shortcode on the page like this:

    <div id=”my-catalog”>
    [product-catalog id=”1″]
    </div>

    and adding to the custom css field of the catalog (in edit catalog of ultimate panel):

    #my-catalog .prod-cat-sidebar-cf-1 {display: none;}

    I also tried without customizing the div but it doesn’t seem to accept this custom css:

    .prod-cat-sidebar-cf-1 {display: none;}

    Obviously the id is right because if I inspect the page and put that id hide you can’t see it!

    Plugin Support jaysupport

    (@jaysupport)

    It’s likely that something isn’t set up correctly, either on the page or in your CSS. Could you provide the URL of your page so I can take a look?

    Thread Starter phellarm

    (@phellarm)

    Yesssss ??

    https://www.goodphellas.it/test/shop/

    Che Cf is “Artista”

    my-catalog=catalogo

    In the Ultimate Product Catalog Settings/Custom css i make :
    #catalogo .prod-cat-sidebar-cf-1 { display: none; }

    In the shortcode of page shop i make :
    <div id=”catalogo”>[product-catalog id=”1″]</div>

    Thanks !!!

    Plugin Support jaysupport

    (@jaysupport)

    Okay, it looks like the issue is that the selector you’re using is a class, but what you’re trying to target is actually an ID. Can you try amending your CSS as below?

    #catalogo div#prod-cat-sidebar-cf-1 {
        display: none;
    }
    Thread Starter phellarm

    (@phellarm)

    Yessssss…
    Works great! In this case I don’t need to create the unique id in the catalog, I just put the div # prod in the personalized css of the catalog itself !! You have been great !! I have a last question if I can always concerns this plug in but another topic! Do you want me to create a new topic or do I mention it here? I love this plug in ??

    Plugin Support jaysupport

    (@jaysupport)

    Hi phellarm,

    You’re very welcome! Yes, normally it is indeed better to create a new thread for a new topic. Just let me know what’s going on and I’ll be happy to help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Hide single custom field in Catalog Page’ is closed to new replies.