Quick Shop – Insufficient height

Hello,

We bought your theme yesterday and we are quite impressed! However, we do have a few things to polish…

If a Woocommerce product has more than 2 variation attributes, the height of the product grid element is too short and is incapable of displaying all fields in the Quick Shop mode.

I have already set the grid size to the lowest possible. The product grid elements did expand a bit, but still insufficient to accommodate all variations.

Ideas? See attached screenshot.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Thank you so much purchasing our theme and contacting our support center.

Could you please provide us a link to your website so we could review this issue and try to prepare some CSS workaround for you.

Kind Regards
XTemos Studio

Sending the URL in private.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.basel-hover-quick .variations tr {
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
    justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
}

.basel-hover-quick .variations label {
  margin-bottom:0;
} 

.basel-hover-quick .variations .value {
 min-width: 200px;
}

.basel-hover-quick .variations tr:last-child .label {
  margin-bottom:25px;
}

.basel-hover-quick .quick-shop-close {
  top: -5px;
}

.basel-hover-quick .reset_variations {
    left: auto;
    right: 0;
	transform: none;
    -webkit-transform: none;
}

Kind Regards
XTemos Studio

Thanks, that worked!

You are welcome.

[Author]

Posts