Cartflow plugin issue: Product thumbnail became extra large when view in the order summary

This topic has 6 replies, 3 voices, and was last updated 3 weeks, 6 days ago ago by Luca Rossi

  • Avatar: lawrep
    lawrep
    Participant
    January 17, 2025 at 14:28

    Dear Team,

    As stated in the topic, please advise, thanks very much

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2025 at 14:55

    Hello,

    Thank you for reaching out to us.

    Could you please provide a link to the page where the display matches the screenshot you have shared?

    Best regards,
    8Theme’s Team

    Avatar: lawrep
    lawrep
    Participant
    January 19, 2025 at 08:10

    Dear Rose,

    Thanks for your reply, please refer to the product link in the private content area for your reference. The issue arises in mobile page check out, when the order summary tab is expanded, the thumbnail of the product become extra large, could you please advise? Thank you.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 19, 2025 at 09:13

    Dear @lawrep,

    We appreciate your prompt response.

    We’ve added custom CSS code https://prnt.sc/b-38ldekYTIW to solve the issue. Please clear cache of mobile browser and check the result.

    Best regards,
    8Theme’s Team

    Avatar: lawrep
    lawrep
    Participant
    January 19, 2025 at 13:24

    Dear Rose,

    Appreciate your help in building my first website using xstore~
    However, there are still some minor issues

    1)The Width of the drop down “Order Summary” is a bit weird, could you please help to adjust?
    2) When inputting the billing details, it automatically zoom in which is not desirable for me
    3) After the paypal button, it seems there’s lot of space/scrolling down to the button, could reduce the spacing?

    Thanks very much for your help again.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    January 20, 2025 at 10:27

    Dear @lawrep,

    We hope this message finds you well.

    We wanted to inform you that we have added the following custom CSS code:

      
    @media (max-width: 600px) {  
        .wcf-embed-checkout-form.wcf-embed-checkout-form-instant-checkout .woocommerce .wcf-order-review-toggle {  
            margin: 0;  
            border-top-left-radius: 4px;  
            border-top-right-radius: 4px;  
            border: 1px solid #111;  
        }  
    
        .wcf-ic-layout-right-column {  
            display: none !important;  
        }  
    }  
    

    Could you kindly review it again and let us know if it resolves the issue?

    Regarding the second point you raised:

    When inputting the billing details, it automatically zooms in, which is not desirable for me.

    This behavior is related to the mobile browser itself, and unfortunately, we are unable to address it through custom CSS.

    Thank you for your understanding. Please feel free to reach out if you have any further questions or concerns.

    Best regards,
    8Theme Team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.