Okay
  Public Ticket #2134872
Hiding service Information
Closed

Comments

  • Gaston started the conversation

    Hello! I want to hide the Service Information:

    Capacity: 1 (doesn't make sense to me or my clients)
    Category: _____
    Employee: They don't need to see this, it's just me

    I can hide it via CSS, but I'm wondering if there's any option to hide those things.. I couldn't find it anywhere. I'm afraid that if I hide it via CSS it might hide something that's important in the next steps or things on the client side that I can't verify.

    Thank you!

  •  2,572
    Aleksandar replied

    Hello Gaston.

    We are currently developing a better customization page, where you'll be able to hide all this through settings. For now, unfortunately, CSS is the way to go.

    You don't have to worry, though - it will not hide anything before or after that screen, only what we tell it to hide. So, to hide "Capacity: X", you'll need to add this:

    #am-service-booking > div > div.am-service > div.am-service-header > div.am-service-data > div.am-service-info > div:nth-child(1) {
    display: none !important;
    }

    To hide the category:

    #am-service-booking > div > div.am-service > div.am-service-info > div > div:nth-child(1) > div:nth-child(2) {
    display: none !important;
    }
    

    And to hide "Photographers", you can use this:

    #am-service-booking > div > div.am-service > div.am-service-info > div > div:nth-child(2) > div {
    display: none !important;
    }
    

    All this needs to be above the [ameliacatalog] shortcode, in between the <style>...</style> tags, so like this:

    <style>
    #am-service-booking > div > div.am-service > div.am-service-header > div.am-service-data > div.am-service-info > div:nth-child(1) {
    display: none !important;
    }
    #am-service-booking > div > div.am-service > div.am-service-info > div > div:nth-child(1) > div:nth-child(2) {
    display: none !important;
    }
    #am-service-booking > div > div.am-service > div.am-service-info > div > div:nth-child(2) > div {
    display: none !important;
    }
    </style>
    [ameliacatalog]

    Best regards.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables