woocomerce product bundle issue

hello there, woocommerce product bundle is not working properly in this woodmart theme.. every thing get so big please help me out. i saw many topic regarding this but i wasnt much clear
woocommerce product bundle is facing so manny issue in woodmart

there are table , grid ,standard layout and none is working for me
i have given you my website link and some details

Hi,

Please, describe to us your problems in a bit more details. Attach some screenshots and provide us with a list of steps on how to reproduce them on your website.

Thank you in advance.

okay thank you so much for your concern
i installed woocommerce product bundles plugin (please do check out this plugin once)
but it isn’t working as shown in plugin..
this plugin provides three layout for product (standard, table, grid) and none of them work as shown in plugin demo… standard and grid one just gets so big and huge in size …and table one even does’nt display correctly…..
this plugin works fine in storefront theme and other themes but it has lots of issue in woodmart theme……plugin is working fine but product display is so worse
i am not just good in explaining this please do check it out

Attachments:

You must be logged in to view attached files.

Could you please install the Storefront theme and disable all extra plugins so we can see how it should work?

Thank you in advance.

okay i already did it

hi there i have already deactivated other plugin please check it out fast and resolve it …

you can check out woocommerce product bundle for demo

hello please watch it out i just installed storefront an please check “help xtemos” and now pleaseee dooo solve it and confighure it

hello please do reply fast

Please, check how it looks now. There are a few differences only like product title font size. You can adjust it with our Advanced typography settings https://xtemos.com/docs/woodmart/advanced-typography-settings/

dear xtemos nothing has been changed… grid layout, table layout, standard layout is looking same as before
is this bot replying to me???
“woocommerce bundle product” is a plugin …

We have compared the table view with WoodMart and Storefront and it looks the same. The only difference is the font size for the title and also our theme’s table looks a bit different (doesn’t have grey backgrounds for rows).

We don’t see that test product now to test it one more time. Also, please, clarify what exactly is wrong with the table layout for example?

nothing else i just want my product to look as shown in picture of woocommerce bundle plugin

have you checked out all images i gave above??
when i select grid layout in “woocommerce product bundle plugin” the product layout become soo big

please check out my every message i replied there with every images

i just want woocommerce bundle plugin to work like in this figure i mentioned below

Attachments:

You must be logged in to view attached files.

These screenshots are from the Storefront theme and of course, our theme looks a bit different. Please, specify which layout are you interested in and we will provide you with a simple CSS code to make it looks like Storefront. Note that if you want to make it looks 100% exactly, then you will need to perform additional code customization that is out of our theme support scope.

Also, as you can see, our theme is fully compatible with this plugin. But we don’t have any specific CSS styles for that.

okay then please provide me css as much you can..and thank you so much for your guidance

Please, specify which layout you are interested in. As we can understand, you can’t use them all at the same time.

table one would be so useful for me

please provide me css for table layout

Send us a link to the product with table bundled products.

https://pujamandu.com/index.php/product/xtemos/

it doesnt look like table layout though

Try to add the following code snippet to the Custom CSS area in Theme Settings

.summary-inner table:not( .has-background ) th {
    background-color: #f8f8f8;
    font-size: 14px
}

.summary-inner table:not( .has-background ) tbody td {
    background-color: #fdfdfd;
}

.summary-inner table:not( .has-background ) tbody tr:nth-child(2n) td, 
.summary-inner fieldset, 
.summary-inner fieldset legend {
    background-color: #fbfbfb;
}

.summary-inner h4.bundled_product_title {
    font-weight: 400;
    font-size: 16px;
}

And this part as well

.summary-inner .bundled_item_qty_col div.quantity {
    font-size: 14px;
}

dear xtemos i forgot to locate “before tabs” you gave me css for default tab
xtemos i am sending you the link again and please provide me again css for this
please do check it out again i am sorry for inconvenience
check my link again and provide me css
https://pujamandu.com/index.php/product/xtemos/

if css is needed for mobile then also do provide me

and thank you so much for your support xtemos

OK, try to replace it with the following one

.single-product-content table:not( .has-background ) th {
    background-color: #f8f8f8;
    font-size: 14px
}

.single-product-content table:not( .has-background ) tbody td {
    background-color: #fdfdfd;
}

.single-product-content table:not( .has-background ) tbody tr:nth-child(2n) td, 
.single-product-content fieldset, 
.single-product-content fieldset legend {
    background-color: #fbfbfb;
}

.single-product-content h4.bundled_product_title {
    font-weight: 400;
    font-size: 16px;
}

.single-product-content  .bundled_item_qty_col div.quantity {
    font-size: 14px;
}

.single-product-content div.quantity input[type=number] {
  margin:0 -3px
}

thank you so much…you are my saviour
but it isnt displaying correctly in my mobile ..

please provide me css if needed

Could you please send us a screenshot? Also, we don’t see this table anymore. Please, send us a link where we can see it now.

check it now please can you make same css for mobile as well?? or configure by any method

and also can you please decrease the size of table i have more than 100 products to bundle..
by the way every thing you configured me is just so awesome…

and please provide css for all variant(mobile ,tablet etc etc) if available

[Author]

Posts