Enabling Product Slots in Footer section of bundles - With discount placeholders
This video will guide you on Enabling Product Slots in Footer section in bundle builder with discount placeholders in the footer section
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: 25/04/2025
Thank you!