Home › Forums › WoodMart support forum › Thumbnail on Checkout
Thumbnail on Checkout
- This topic has 14 replies, 2 voices, and was last updated 2 years, 1 month ago by
Elise Noromit.
-
AuthorPosts
-
December 31, 2022 at 4:10 pm #432437
narovital.comParticipantHello,
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.January 1, 2023 at 7:36 am #432461
Elise NoromitMemberHello,
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
January 1, 2023 at 2:45 pm #432486
narovital.comParticipantThanks for your reply. I created an user for you.
January 2, 2023 at 6:47 am #432536
Elise NoromitMemberHello,
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
January 2, 2023 at 10:45 am #432561
narovital.comParticipantSorry, please try again. It should work now.
January 3, 2023 at 2:48 am #432698
Elise NoromitMemberHello,
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
January 3, 2023 at 2:02 pm #432808
narovital.comParticipantThank 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.January 4, 2023 at 5:05 am #432950
Elise NoromitMemberHello,
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
January 4, 2023 at 10:35 am #432984
narovital.comParticipantHello,
I switched the theme to storefront. It looks correct. I attached a screenshot.Attachments:
You must be logged in to view attached files.January 5, 2023 at 3:45 am #433204
Elise NoromitMemberHello,
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
January 5, 2023 at 11:00 am #433265
narovital.comParticipantStill looks incorrect.
Attachments:
You must be logged in to view attached files.January 9, 2023 at 6:30 pm #434011
narovital.comParticipantAny news on this?
January 9, 2023 at 6:42 pm #434016
Elise NoromitMemberHello,
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
January 9, 2023 at 6:44 pm #434019
narovital.comParticipantThat works now. Thank you.
January 10, 2023 at 1:49 am #434074
Elise NoromitMemberYou are welcome! We are here to help.
Wish you a wonderful day!
-
AuthorPosts
The topic ‘Thumbnail on Checkout’ is closed to new replies.
- You must be logged in to create new topics. Login / Register