When creating a smart bundle, some of the products selected have longer titles. This creates a small amount of room to display this text, especially on mobile devices.
Is there a way to override the product titles that are selected in the bundles to make the navigation more realistic?
Website Example Link - This Smart Bundle allows color options for the same product. Instead of having the full title, I want to override with a few words for better visibility.
If this isn't currently a feature, could we request a feature update?
THANK YOU - Everything else works fantastic with this plug-in. Will explore and purchase others from WPC.
However, changing the sub-product name (just for bundles) will cause other issues, especially in managing the order or packing. Other staff won't know the real product when it was changed to another name.
I think you should try another way is optimize the displaying on the mobile screen. Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:
When creating a smart bundle, some of the products selected have longer titles. This creates a small amount of room to display this text, especially on mobile devices.
Is there a way to override the product titles that are selected in the bundles to make the navigation more realistic?
Website Example Link - This Smart Bundle allows color options for the same product. Instead of having the full title, I want to override with a few words for better visibility.
If this isn't currently a feature, could we request a feature update?
THANK YOU - Everything else works fantastic with this plug-in. Will explore and purchase others from WPC.
Hi Geno,
I understand this situation.
However, changing the sub-product name (just for bundles) will cause other issues, especially in managing the order or packing. Other staff won't know the real product when it was changed to another name.
I think you should try another way is optimize the displaying on the mobile screen. Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:
.woosb-products .woosb-product .woosb-price { width: 70px; flex: 0 0 70px; } @media only screen and (max-width: 767px) { .woosb-products .woosb-product { flex-direction: column; justify-content: center; } .woosb-products .woosb-product > div { width: 100%; flex-basis: 100%; flex: 0 0 100% !important; text-align: center !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .woosb-products .woosb-product .woosb-thumb { width: 80px; flex: 0 0 80px; } .woosb-products .woosb-product .woosb-thumb img { width: 80px; min-width: 80px; max-width: 80px; height: auto; } .woosb-products .woosb-product .woosb-title { text-align: center !important; } .woosb-products .woosb-product .woosb-qty, .woosb-products .woosb-product .woosb-price { width: auto !important; flex-basis: auto !important; } .woosb-products .woosb-product .variations { display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 5px !important; } .woosb-products .woosb-product .variations .reset { display: none !important; } }And the result: https://www.screencast.com/t/PtUZCRvaZuy (desktop) and https://www.screencast.com/t/YX0qjEMMOd (mobile).
Best regards,
Dustin
Thank you, this displays a lot better now. Cheers
You're welcome!
If you are satisfied with our plugin and support, please reward it with a full five-star ★★★★★ rating. https://wordpress.org/support/plugin/woo-product-bundle/reviews?rate=5#new-post Thank you in advance! ♥
Best regards,
Dustin