Modify Existing B2B King Plugin Table

Job ID: 38679179

Budget: €30 – €250 EUR

Important: Please send fixed price proposals. I do not accept extra payment requests.

I need a professional to make changes to a table that already exists in the B2B King plugin in Woocommerce.

B2B King allows you to show a table of variations on the product page, including real-time calculation of price per quantity.

The table generated by B2B King is interesting and complete.

However, I needed a different presentation - it would have to have the sizes in columns and also the unit price (changing depending on the quantity) next to each variation.

The idea is to keep the plugin without changing it, creating a separate table based on the original code.

More details:

I have a website with Woocommerce, Elementor Pro, B2B King.
The B2B King plugin allows you to create tiered pricing for each variation. Additionally, it allows you to add a variation table on each product page.

I'll send you an image of what the table generated by B2B King looks like.

This table contains the columns Product, Qty, Subtotal, Cart and a check box.

- The Product column is generating a thumbnail photo of the variation, color, size and reference in each line.
- The Qty column is generating an input form for us to choose the quantity.
- The Subtotal column is calculating price x quantity in real time, remembering that the price varies according to quantity.
- The Cart column is generating a button to add the variation of each line to the cart.
- The checkbox column allows you to mark or select this line.
- At the end of the table there is another button that allows you to add all selected lines to the cart.

What I want is for you to see if it is possible to generate a new table, based on the code and the existing table. The new table should have the following structure:

Columns: Image, Color, Sizes (one column for each size detected in each product), Subtotal, Cart, Checkbox.

Lines - each line must show:

- Image Column: shows the same thumbnail of the variation, as in the original table;
- Sizes column: shows the input form to choose the quantity for size and color; Next to the input form, the unit price must be shown according to the quantity (it will be the same price that is being used to calculate the subtotal);
- Subtotal: the same as the original table, that is, it shows in real time the total value of that line (quantity x price (taking into account that the price varies according to the quantity);
- Cart: the same as the original table;
- Checkbox: the same as the original table
- At the end of the table, show, in the same way as the original table, the button that allows you to add all selected lines to the cart.

My idea is that the final table has the features of the B2B King table, but has the available variations in a size grid, similar to this example:

https://thclothes.com/en/t-shirts/334-10371-THC-LUANDA.html#/246-tamanho-l/357-cor-damasco

The final table should look similar to this (see images), based on the B2B King code, respecting the functionalities of the calculations and buttons.
The table is dynamic and should be used based on the B2B King plugin - it is not an HTML table.

The ideal freelancer for this project should have a strong background in WooCommerce and B2BKing.
I will not give access to my website.
The professional must carry out tests on your side.

Images:
- product_variations.jpg: actual product example
- b2bking_table.jpg: actual product variation table example, from B2B King
- final_table.jpg: example of the final table I want

Thanks.
Related categories: PHP JavaScript AJAX WordPress WooCommerce