New Landing › How can we help? › Atelier › Product Bundles

Viewing 12 posts - 1 through 12 (of 12 total)
  • Back to forum
    Posted in: Atelier
  • August 27, 2015 at 8:37 am #207977
    micheal_w
    Member
    Post count: 498

    Hi Guys, I’d like to use bundled products on our site. We bought the Product Bundles plugin from Woothemes http://www.woothemes.com/products/product-bundles/ So far it works well, however we do have some styling issue with it.

    The “choose an option” dropdown and the “add to cart” button look different and also the circled elements are extra and wouldn’t need them… Can we get rid of them somehow? Please check attached screenshot.

    The support at Woothemes has already helped in few things, however to further correct the look they suggested that “The differences in styling are down to how the your theme styles products and I should contact you for help with that” So here I am…

    I also attached the full conversation with them if you are interested to read that… (please note, the attached css has already been added to the Custom CSS)

    Attachments:
    You must be logged in to view attached files.
    August 27, 2015 at 10:09 am #208026
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me specific page url with issue.
    Thanks
    Mohammad

    August 27, 2015 at 11:33 am #208082
    micheal_w
    Member
    Post count: 498
    This reply has been marked as private.
    August 27, 2015 at 12:07 pm #208094
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    
.bundled_product_title, .bundle_error,.attribute-options label,.single_variation_wrap.bundled_item_wrap{   
    display:none !important;
}
.bundle_add_to_cart_button{
height: 60px;
margin: 0px;
border: medium none;
text-transform: uppercase;
font-weight: bold !important;
}

table.variations{
width:400px !important;
}

    Thanks
    Mohammad

    August 27, 2015 at 2:16 pm #208158
    micheal_w
    Member
    Post count: 498
    This reply has been marked as private.
    August 28, 2015 at 6:04 am #208304
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove last css code and use this new css code:-

    .bundled_product_title, .bundle_error,.attribute-options label,.single_variation_wrap.bundled_item_wrap{   
    display:none !important;
}

.bundle_add_to_cart_button{
margin: 0px !important;
border: 1px solid rgb(0, 0, 0) !important;
height: 60px !important;
width: 200px !important;
text-transform: uppercase !important;
font-weight: bold !important;
}

table.variations{
width:500px !important;
margin-left:-15px !important;
}
.bundle_add_to_cart_button:before{
content: "\e601";
    display: block !important;
    font-family: "si-shop-two" !important;
    font-size: 24px !important;
}

    Thanks
    Mohammad

    August 28, 2015 at 6:12 am #208306
    micheal_w
    Member
    Post count: 498

    Hi Mohammad,
    after adding the new css still not perfect, please see http://lifewear.com.au/product/womens-shirt
    – the add to cart text/icon ar emoved
    – the colour / hover color of the button is not okay
    – if you select a variation a “Total: $…” appears, which should not …

    Thank you!

    August 28, 2015 at 11:42 am #208396
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    I made changes so its looks perfect.
    Thanks
    Mohammad

    August 28, 2015 at 12:07 pm #208405
    micheal_w
    Member
    Post count: 498

    Hi Mohammad,

    almost there, one more little thing: when you hover on top of the add to cart button (before you select any variation), the colour of the button is an ugly light pinkish-purple… It should be #7831b1
    http://lifewear.com.au/product/womens-shirt/

    Thanks!

    August 28, 2015 at 12:14 pm #208410
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Its the same color but it will look some blur because button is disabled before choosing any option. Its basic and recommended feature of Woocommerce and we cant change it.
    Thanks
    Mohammad

    August 28, 2015 at 1:13 pm #208426
    micheal_w
    Member
    Post count: 498

    In this case, we are done! Thank you for your amazing help!

    August 28, 2015 at 1:44 pm #208432
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. Glad 🙂 to help you.
    Thanks
    Mohammad

  • Back to forum
    Posted in: Atelier
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.