Articles on: Storefront Display & Customization for Bundles

Enabling Product Slots in full page bundle builders




You can paste the following CSS code in the Easy Bundle > Additional Configuration > Bundle Level CSS section.


Make sure the discount you've set up in the Bundle Discount is reflected in the content section (5%off, 10$off) of the code below, based on the discount you've created in Easy bundles.


`.gbbSlotFooterProductContainer:has(.gbbSlotFooterProductImage)::before {

content: "" !important; /* Empty the content if the condition is met */

}


.gbbSlotFooterProductContainer {

font-size: 0px; /* This hides the original content */

}


.gbbSlotFooterProductContainer::before {

font-size: 14px; /* Set the font size for the ::before content */

}


.gbbSlotFooterProductContainer:nth-last-child(1)::before {

content: "5% off";

}


.gbbSlotFooterProductContainer:nth-last-child(2)::before {

content: "5% off";

}


.gbbSlotFooterProductContainer:nth-last-child(3)::before {

content: "15% off";

}


.gbbSlotFooterProductContainer:nth-last-child(4)::before {

content: "15% off";

}


.gbbSlotFooterProductContainer:nth-last-child(5)::before {

content: "20% off";

}`

Updated on: 12/07/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!