Home Forums WoodMart support forum Thumbnail on Checkout

Thumbnail on Checkout

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #432437

    narovital.com
    Participant

    Hello,

    we use the popular plugin “cartflows” for our woocommerce checkout.

    The problem is that the Thumbnail of the products is very very small and the product title is squeezed. When I switch the theme to another theme that problem doesn’t happen.

    We contacted cartflows and they answered:

    “These styles are overriding CartFlows styles and causing the image issue, please contact theme support to know if they have a code to fix this issue. We can provide you with a custom CSS code but it may cause responsive issues since the theme styles are overriding.”

    Do you have a solution for that problem? I think that other customers could have that problem, too.

    Attachments:
    You must be logged in to view attached files.
    #432461

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    We have not tested this plugin with this plugin. We cannot guarantee full compatibility.

    In any case, please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Best Regards

    #432486

    narovital.com
    Participant

    Thanks for your reply. I created an user for you.

    #432536

    Hello,

    Unfortunately, the access is not valid.

    Please check again and provide workable access.

    If you have any questions please feel free to contact us.

    Best Regards

    #432561

    narovital.com
    Participant

    Sorry, please try again. It should work now.

    #432698

    Hello,

    I have checked and I see the problem is caused by the CSS of the plugin.

    Please try this code to fix:

    body .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper {
        width: 45%;
    }
    body .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap{
    	width: 50%;
    }
    body .wcf-embed-checkout-form .woocommerce .wcf-product-image{
    display:block;
    }

    Please add this code to the Theme Settings > Custom CSS > General.

    Best Regards

    #432808

    narovital.com
    Participant

    Thank you.

    But the thumbnail is still very small and the product title is still squeezed. I attached a screenshot how it look now and how it should look. And the order summary is now very wide.

    Attachments:
    You must be logged in to view attached files.
    #432950

    Hello,

    Please make the full backup of your site and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by WooСommerce.

    Please provide the screen how it looks like on the Storefront.

    Best Regards

    #432984

    narovital.com
    Participant

    Hello,
    I switched the theme to storefront. It looks correct. I attached a screenshot.

    Attachments:
    You must be logged in to view attached files.
    #433204

    Hello,

    Please replace the code with this one:

    body .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper {
        width: 45%;
    }
    body .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap{
    	width: 50%;
    }
    body .wcf-embed-checkout-form .woocommerce .wcf-product-image{
    display:inline-block;
    }
    body .wcf-embed-checkout-form .woocommerce .wcf-product-image .wcf-product-thumbnail{
    	width:100%;
    	margin-right:10px;
    }

    Best Regards

    #433265

    narovital.com
    Participant

    Still looks incorrect.

    Attachments:
    You must be logged in to view attached files.
    #434011

    narovital.com
    Participant

    Any news on this?

    #434016

    Hello,

    Sorry for the delay.

    Please replace the whole code provided before with this one:

    body .woocommerce-checkout-review-order-table th, 
    body .woocommerce-checkout-review-order-table td {
    	max-width: 100%;
    }

    If you have any questions please feel free to contact us.

    Best Regards

    #434019

    narovital.com
    Participant

    That works now. Thank you.

    #434074

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Thumbnail on Checkout’ is closed to new replies.