Order summary on phone checkout

  • Resolved jameshi

    (@jameshi)


    1 year, 6 months ago

    Hi friends, i like this plugin but i am having a similar problem only on the phone. The show/hide order summary does not look good on my phone, it is always opened but the swedish name and amount looks out of place. Is there a way to hide the show/hide box and let the products be there without the open/close toggle box. Or maybe there is a function code text to change the name like the one i found for coupon code button name?

    The next thing is the total price, the price is above total and not inline as you can see on the picture. Is there a way to have the amount and total inline on the computer and phone?

    Sorry for long text and thank you.

    https://ibb.co/H4dcSb1

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Aamir

    (@aamiribsf)

    Hello @jameshi,

    Greetings for the day!

    Can you please share the checkout URL with us so we can look into the issue and share our findings with you?

    Looking forward to hearing from you.

    Thread Starter jameshi

    (@jameshi)

    Hi @aamiribsf

    Thank you for the fast response. On the the desktop it looks nice i think but on the phone the order summary hide/show does not fit so well. A order summary without that open close thing would be so great.

    Then total price is not inline on the desktop and phone.

    The add coupon has a different name on the desktop and phone. I added a code that changed it only for my laptop.

    Thank you for the great plugin. This is the link to website you need to add product to see the checkout my friend

    Visit website

    • This reply was modified 1 year, 6 months ago by jameshi.
    • This reply was modified 1 year, 6 months ago by jameshi.
    Plugin Support Sravan Bhaskaravajjula

    (@bhshravankumar)

    Hello @jameshi,

    It appears that the spacing issue you’ve encountered on mobile devices is related to the selected variations displayed on the checkout page. This is a common concern, and there’s a solution to enhance the user interface (UI) by showing the variations alongside the product name. You can achieve this by utilizing a WooCommerce filter code. Here are the steps to implement it:

    Please try adding the following filter code to your website:

    add_filter( ‘woocommerce_product_variation_title_include_attributes’, ‘__return_true’ );

    You can add this filter code to your child theme’s functions.php file or use a code snippets plugin to apply the code.

    We hope this solution proves helpful in enhancing the mobile user experience on your checkout page.

    Plugin Support Sravan Bhaskaravajjula

    (@bhshravankumar)

    Hello @jameshi,

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.
    Thank you!

    Thread Starter jameshi

    (@jameshi)

    Thank you very much for the help, i appreciate it a lot:)

    Have a great weekend!

    • This reply was modified 1 year, 5 months ago by jameshi.
    Plugin Support Sravan Bhaskaravajjula

    (@bhshravankumar)

    Hello @jameshi,

    Thank you so much for giving me the opportunity to help you with resolving this issue! It was a pleasure assisting you and I hope that everything is working smoothly now.

    If you have a few moments, I would really appreciate it if you could leave a positive review on our?WordPress plugin page. Your feedback helps us improve our services and lets other users know that we’re here to help. Plus, it would mean a lot to me personally to know that I was able to assist you to your satisfaction.

    Thank you again for choosing our service, and I hope you have a great day!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Order summary on phone checkout’ is closed to new replies.