Change Bundle Layout

With Revy Bundles you have the freedom to change the Bundle layout the way you want using the Custom CSS feature.

We have written the Custom CSS if you want your Quantity Bundle to look like these:

Go to Settings > Advanced and add this Custom CSS:

.revy-bundle-products {
	display: none !important;
}

.revy-bundle-products.revy-bundle-products-quantity-variants-open {
	display: flex !important;
}
.revy-bundle-action {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.revy-bundle-add-button {
	min-width: 120px !important;
	margin-right: 20px !important;
}

#revy-bundle-wrapper .revy-bundle-title {
	text-align: center;
}

Save it and it's done.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us