Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #3232897
Ability to override/rename displayed product titles selected under Smart Bundles
Closed

Comments

  •  2
    Geno Cavender started the conversation

    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.

    Attached files:  Change.png
      Screenshot_20230215_114803_Chrome.jpg

  •  1,226
    Dustin replied

    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

  •  2
    Geno Cavender replied

    Thank you, this displays a lot better now. Cheers

  •  1,226
    Dustin replied

    You're welcome!smile.png

    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