In the classic order form the design is break, see the attached images. This is happening on both Desktop & Mobile.
On desktop the table structure breaks, where the qty box is not in line with the qty header and price is on a seperate line. On mobile, same issue but also has buttons stacking up.
Other than the design break, how does one remove the SKU from the classic theme? I was able to remove SKU from the cream theme by adding code as per the documentation.
In a previous ticket you had provided code for the cream bulk order form, adding here in case that could be causing the design breaks:
In the thread below, the issue had to do with some custom CSS on the site.
It is likely the same in your case, there is probably some kind of CSS conflict. It could be with another plugin, or the theme, etc. You can try switching to the "Storefront" default theme and deactivate all other plugins except B2BKing and WooCommerce to help you identify the conflict.
In the classic order form the design is break, see the attached images. This is happening on both Desktop & Mobile.
On desktop the table structure breaks, where the qty box is not in line with the qty header and price is on a seperate line. On mobile, same issue but also has buttons stacking up.
Other than the design break, how does one remove the SKU from the classic theme? I was able to remove SKU from the cream theme by adding code as per the documentation.
In a previous ticket you had provided code for the cream bulk order form, adding here in case that could be causing the design breaks:
@media screen and (max-width: 665px) { .b2bking_bulkorder_form_container_content_line .b2bking_bulkorder_cream_image.b2bking_bulkorder_indigo_image, .b2bking_cream_product_nr_icon{ display:none !important; } .b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name{ font-size: 18px !important; } .b2bking_bulkorder_indigo_product_container.b2bking_bulkorder_cream_product_container{ padding-top:0px !important; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:focus{ min-height: 30px !important; } .b2bking_cream_input_button { height: 30px !important; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty{ height: 30px !important; } .b2bking_bulkorder_form_container_content_line_subtotal.b2bking_bulkorder_form_container_content_line_subtotal_indigo.b2bking_bulkorder_form_container_content_line_subtotal_cream{ font-size: 18px !important; top: 10.5% !important; width: 150px !important; text-align: right !important; } a.b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name { text-align: left !important; } }
Attached files: Classic-Bulk-Order-UI.png
Classic-Bulk-Order-Mobile-UI.png
Hi - really need a response on this as we are waiting on this to go to live over the weekend.
Hi there,
Our apologies for any delay on this, we are seeing a high volume of tickets at the moment,
-> Regarding SKU, please clarify, do you want to remove this area after the product name?
-> The alignment issues appear to have to do with a CSS conflict though I can't say more without checking the page directly.
Can you please provide me with a way to access that page? a link and a user/password to login if necessary to view the order form?
Kind regards,
Stefan
Same problem,
How can resolve?
Hello Mehmet,
Kindly please open a separate ticket with us via this link: https://webwizards.ticksy.com/submit/#100016890
In that ticket, please share all details of your issue - if you can also share screenshots, that would be very helpful.
Kind regards,
Thomas
Same problem, classic bulk ui breaking
Attached files: Ekran Resmi 2023-10-05 17.30.15.png
In the thread below, the issue had to do with some custom CSS on the site.
It is likely the same in your case, there is probably some kind of CSS conflict. It could be with another plugin, or the theme, etc. You can try switching to the "Storefront" default theme and deactivate all other plugins except B2BKing and WooCommerce to help you identify the conflict.