Hi Matthew,

Thank you for purchasing our plugin,

The table can be different for each variation (color/size), so it only shows after a variation is selected. This is not something we can change unfortunately, as the table is not for the product but for the variation.

In B2BKing you can make the table horizontal by adding this PHP code snippet to the site:

add_filter('b2bking_tiered_table_horizontal', '__return_true');

However, I am not sure if it would look good in this situation because there are 7 price ranges, so there would not be enough space.

Kind regards,

Stefan

We may be able to achieve that with some custom CSS. I will try to see if this is possible and if I can do it.

I need to open your site and see the product page and its code - it depends on your site and theme.

When I go to https://zhanghair.com.br/ I see only a MANUTENÇÃO page.

How can I open the product page, can you give me a login?

Thank you for the login details.

I am seeing the following if I open a product page on a laptop:

On mobile, I see it as follows:

I have added some CSS to your site to appearance -> customize:

.b2bking_tiered_price_table td {
    padding: 6px !important;
    font-size: 16px !important;
    width: 100px;
}
.b2bking_tiered_price_table td:nth-child(2) {
    font-weight: bold;
}

It makes it larger and more similar to the one you showed:

To get the price values I don't have an easy way via code - it can be done but it is quite difficult, you would need some custom development.

It is a better option to try to change the location of the price table. For example here where would you want to move the table?

I can check to see if we have a way to move it there.

Hi again,

To move it there, I think the only option is with JavaScript,

Try to add this PHP code snippet to your site:

add_action('wp_head', function(){
    ?>
    <script>
        jQuery(document).ready(function(){
            jQuery('.summary > .b2bking_tiered_price_table').remove();
            jQuery('.woocommerce-variation-availability .b2bking_tiered_price_table').detach().insertBefore('.rey-breadcrumbs');
            jQuery('.b2bking_tiered_price_table:nth-child(2)').remove();
        });
        jQuery( '.variations_form' ).on( 'woocommerce_variation_select_change', function() {
            jQuery('.summary > .b2bking_tiered_price_table').remove();
            jQuery('.woocommerce-variation-availability .b2bking_tiered_price_table').detach().insertBefore('.rey-breadcrumbs');
            jQuery('.b2bking_tiered_price_table:nth-child(2)').remove();
        });
    </script>
    <?php
});

and this CSS:

.single_variation_wrap .b2bking_tiered_price_table {
    display: none;
}