Okay
  Public Ticket #2580589
"EXTRAS" and "CAPACITY" labels on Front End
Closed

Comments

  • JB started the conversation

    Hey guys, I'm really enjoying the plugin so far -- nice work!  A few minor css questions:

    1. How do I hide "Employees" list on front end booking?

    2. How do I hide ""Employee" on front end booking final confirmation page?

    3. How can I change the "EXTRAS" label to "PACKAGES" on the front end booking?

    4. How do I hide "Price" and "Maximum Quantity" on an Extra Service pull down on front end booking?

    5. How do I remove the "Capacity" label under Service Info on the front end booking?

    6. How do I change the pre-populated phone number sample field to a local area code (480) 555 0123.

    All this can be done with CSS, correct?

    Thanks guys!

  • [deleted] replied

    Hello JB, 

    Glad to see you like and enjoy Amelia, thank yousmile.png

    1. This can be hidden with adding custom CSS.

    Please try adding this format HTML to the page where you have your Amelia shortcode :

    <style>
    .am-service-providers {display:none;}
    </style>


    2. Try adding this CSS to the above HTML as well 

    .am-confirmation-booking-details > div:nth-child(1) {display:none !important;}


    3.

    You can change strings in the plugin by using the translation method, but in your case you would change strings in the same language, you wouldn't translate them to another one. 

    Strings can be changed using POEDIT or Loco Translate for example. If you want to use POEDIT then this is the instruction:

    1. Download Amelia from TMS Store

    2. Unzip the downloaded file.

    3. Download and install POEDIT

    4. Open the program and open the file from the extracted folder on your computer ameliabooking/languages/en_US/wpamelia-en_US.po.

    5. Change the strings you want.

    6. Save the translation.

    7. Go to ameliabooking/languages/en_US/ folder and copy these two files - wpamelia-en_US.po and wpamelia-en_US.mo back to your website to the location ../wp-content/plugins/ameliabooking/languages/en_US/.

    Please note that this change will be lost when you update Amelia so you will need to apply it after each update of the plugin.


    4. Try adding this CSS 

    .am-extra-capacity {display:none !important;}
    .am-extra-price {display:none !important;}
    

    5. Try this CSS for the Capacity

    div.el-row:nth-child(4) {display:none !important;}

    6. There isn't an option to change that in Amelia, unfortunately. the field isn't pre-populated, it is a placeholder for the input field and it is changing based on the country code chosen.

    Let me know if this helped.