Okay
  Public Ticket #2706691
Some issues in catalog view & general improvements
Closed

Comments

  •  11
    Christian started the conversation

    Dear TMS Plugins Support,

    This will be a longer ticket, so I apologize beforehand - but rather than opening many tickets, I decided to add the bulk of the issues into one for a better overview.

    I noticed some issues while setting up my catalog view for optimal performance (the page is located at vpro Trial Pages):

    1. would you be so kind to provide me with the css to hide the coach column in packages > second step (where it shows the list of appointments)

    2.  why is the description text so cramped in the package service when there is so much space available? (screenshot attached) - can this be fixed via CSS?

    3. On the same topic: adding a link in the description of a service looks weird/the text is larger than the rest of the description (also visible in the screenshot)

    4. I would need to hide the employee picture in the catalog view.. there is no point in showing that, considering I am the only employee. What css could I use to accomplish that purpose? Thank you!

    5. Packages truly need extras too! My current workaround is to make a service with all the extras I would need and one appointment. Then, when the customer books that service, I create for them a package (with cost zero) with all the extras as separate services so they can book them from the customer panel one by one when they desire - but I cannot book a package to a customer in the back-end! The workaround of the workaround is to make a hidden page on my website, where I type in the customer name and e-mail and "book" the package in his name. This is quite terrible. Is there anything I can do here to streamline this process?

    There is also a formatting issue in the account section:

    6. When going to a package that was purchased and selecting service info - the window that appears is weird - it breaks down the text and it is small, much smaller than it should be ( I am attaching a screenshot here too). The page this relates to is My Account ... but I am unsure if you can spot the issue without being logged in. Let me know if you need me to make a test user and purchase a package to see the issue.

    And finally:

    Additional tips to improve Amelia

    • Don't use the same "Cancel" in The booking form and in the customer panel. The reason for this is that I used poedit to change the "Cancel" in the booking form to "back" - which is more accurate, as when it is pressed it goes a step back.....but if I use that - then canceling an appointment from the customer panel reads as "Back" - which makes no sense there... 
    • "Appointment Info" in the metadata sent to WooCommerce is bolded, while "Package Info" and "Event Info" are not. Also "Appointment Info" has a colon ":" while the other two do not. Would be great if the "Appointment Info" was not in bold!
    • There is this beautiful option in the packages feature where you don't need to book any appointment upfront, and you can book them all from the customer panel. This should be a feature for Services as well!
    • Please allow to select employees for services based on the internal notes or some other way. I am a single person, but to circumvent some problems with Amelia, I created multiple "employees" with my name for different roles (different locations, different schedules for different services, etc.) - but I have no way to know which "me" is which when selecting the employee for the package or service

    Well, this is all I could come up with that I couldn't find a workaround by myself.

    Thank you in advance for your hard work!

    Best wishes,

    Christian


  • [deleted] replied

    Hi, Christian!

    Thank you for choosing Amelia.

    1. As far as I can see, you already found a solution on how to hide Employee selection. 

    2-4. I will have to consult with our front-end developer to find the right CSS since the font modification requires some proper web-development knowledge.

    5. The Packages feature was added a few months ago, therefore we are still working on it to make it more suitable for different types of businesses. Thank you for your feedback, I will also forward it to our developers. At the moment I can tell you precisely that booking/editing packages from the back-end will be implemented in one of the coming updates. 

    6. Actually, it's not related to Amelia itself. This issue is caused by the page builder and the theme on the page. As you know, Amelia adjusts to the page's layout, but with some themes, it's more complicated than with others. Therefore, let me ask you what is the page builder and the theme that you used for this page? Also, that would be very helpful if you make a test user for us.

    Additional tips to improve Amelia - I will forward these notes to our developer team as well.

    I'm sure you already know about this option, but you can also share your ideas on how to improve Amelia's functionality and UI by submitting a request on our website. The most requested features/changes will be implemented in the first place.

    Thank you for your comments and suggestions.

    Best Regards.

  •  11
    Christian replied

    Hi Liza!

    I am happy to be an Amelia customer!

    1. No, the issue is there, please go to the second booking step for packages, where you see the booking details. There there is a column called "Trainer" (I renamed it)...that column should not exist

    2.-4. I understand, I am waiting for an answer there :)

    5. GREAT NEWS! I hope this will happen soon, as otherwise I need to do these lengthy workarounds!

    6. Hmm, actually it is somehow...because other windows in the customer panel go past that line just fine. I will send you in a private message the login details to a customer account so you can check it out for yourself. I am using no page builder and the theme is called versatile business pro...if that matters :)

    Best wishes,

    Christian


  •   Christian replied privately
  • [deleted] replied

    Hi, Christian!

    I apologize for the delayed response, we don't work on weekends. 

    I logged in to the Panel and it looks like Amelia's CSS wasn't applied completely on the pages. 

    Which page builder and theme do you use?

    Also, do you have SG Optimizer installed on your site by any chance? If so, please exclude Amelia pages from it since there's a conflict between these two plugins.

    Also, I couldn't find a page with the Package booking on your site, could you please send us the URL?

    PS I made a test booking and canceled it to see if there are any other issues with the form. Just to let you know. 

    Looking forward to hearing from you. 


  •  11
    Christian replied

    Hi Liza!

    I use the default WP builder, nothing special and versatile business pro theme from fireflythemes

    I do not use SG Optimizer, I do not know what that is.

    No worries about the booking process, you can test it as much as you need!

    I will send you in a private message the page for booking packages as well as all amelia CSS I have related to the customer panel

    Best wishes,

    Christian


  •   Christian replied privately
  • [deleted] replied

    Hi, Christian!

    Thank you for these details.

    1. I still don't see the Trainer column that you mentioned, please attach a screenshot.

    2, 3. Try this CSS:

    .amelia-app-booking .am-package-selected .am-package-description {  text-align: justify;}

    4. Please use this one to hide the Employee picture:

    #am-category .am-category-service .am-category-services-thumbs {  display: none;}

    6. I'm waiting for my colleague's response on that. 

    Best Regards. 

  •  11
    Christian replied

    Hi Liza!

    Thanks for the fast answer!

    1. I attached a screenshot (trainer_package)

    2-3. This css does work, but solves no problem... (package_description)

    4. WORKS PERFECTLY!

    6. Ok :)


    Best wishes,

    Christian


  • [deleted] replied

    Hi, Christian!

    1. Please try this CSS:

    div.am-appointment-header.el-row > div:nth-child(4) {display: none !important;}
    div.am-appointment-body.el-row > div:nth-child(4) {display: none !important;}

    2-3. It seems like this issue is caused by the font-size: the text and the link have different sizes (14px and 16px respectively). So, please try this CSS:

    .amelia-app-booking a, .am-modal.am-in-body a { font-size: 14px !important;}

    4. Great!

    6. I apologize for the inconvenience, but at the moment that's how the Customer panel is supposed to look. So, there's no bug. I'm also surprised since I never tested this part. So, please, submit a request on our website, if you have some time. 

    Looking forward to hearing from you. 

  •  11
    Christian replied

    Hi Liza!

    Thank you for your code!

    1. Solves the problem just fine!

    2. Actually, the problem remains...because the text is still just on a single column, with so much free space! The red rectangle in the screenshot I sent you shows this...

    3. Link size issue is now fixed and works fine!

    4. Already solved!

    5. To be fixed in a coming update

    6. But that looks terrible!!

    But thank you for stcking with me on this troubleshooting process and looking forward to your reply :)


    Best wishes,

    Christian

  • [deleted] replied

    Hi, Christian!

    I'm happy to help.

    1. Awesome!

    2. Please try this CSS, it's the only option for increasing the Package description width, unfortunately, it's not possible to change it separately:

    .amelia-app-booking .am-package-selected .am-package-selected-col { 
     padding-right: 0; 
     width: 100%;
    }

    3. I'm glad to hear it's fixed now.

    4. Ok.

    5. Yes.

    6. Well, unfortunately, it can't be resolved with a simple CSS, so I forwarded your feedback to our front-end developer, and hopefully, the layout will be changed soon.

    Looking forward to hearing from you.