3 question of Tier table

Hello Kornchai,

(1) To change those colors, you can add this CSS to your site:

/* Product Quantity Text Color */
.b2bking_tiered_price_table thead tr th:nth-child(1) {
    background: #ff7f51;
}
/* Price Per Unit Text Color */
.b2bking_tiered_price_table thead tr th:nth-child(2) {
    background: #5e9ea0;
}
/* Product Quantity Column Color */
.b2bking_tiered_price_table tbody tr td:nth-child(1) {
    background: white;
}
/* Price Per Unit Column Color */
.b2bking_tiered_price_table tbody tr td:nth-child(2) {
    background: #5e9ea0;
}

It will look like this on your site:

(2) These texts should be translateable like any other text in the plugin.

We would advise to try to follow the steps here: https://wpml.org/documentation/getting-started-guide/string-translation/finding-strings-that-dont-appear-on-the-string-translation-page/

Or if you would like to share a backend login to your site or a staging site with us, we can check this directly on your site to troubleshoot and get this resolved for you,

(3) For feature requests you can simply open tickets here with us.

Thank you for the suggestion. 

Right now we do not have any feature to have a different text for each product there.

It is possible with PHP code snippets if you want to do this with custom coding. 

Kind regards,

Stefan

(1) Do you mean the Blue Color here?

You can add:

body table.b2bking_tiered_price_table tbody td.b2bking_has_color {
    background: #2a5a51 !important;
}

(2) A border where? I don't think I understand. Can you show a screenshot with a drawing please?

(3)  For example you can have:

.b2bking_tiered_price_table tbody tr:nth-child(even) td:nth-child(1) {
    background: red;
    border: 1px;
    border-color: #c8c8c8;
}
.b2bking_tiered_price_table tbody tr:nth-child(odd) td:nth-child(1) {
    background: blue;
    border: 1px;
    border-color: #c8c8c8;
}

(4) To center CSS, you can add:

.b2bking_tiered_price_table tr th, .b2bking_tiered_price_table tr td {
    text-align: center;
}

But it does not work very well.

I think it is better to add:

.b2bking_tiered_price_table thead tr th:nth-child(1) {
    padding-left: 15px;
}
.b2bking_tiered_price_table tbody tr td:nth-child(1) {
    padding-left: 15px;
}

(5)  You can add:

.b2bking_tiered_price_table {
    margin-top: 0px !important;
}

and add this PHP code snippet:

add_action('wp_head', function(){
   ?>
   <script>
    jQuery(document).ready(function(){
        jQuery('<div style="margin-bottom:0px;border: 2px solid red;text-align: center;margin-top: 30px;">Tier Table Title</div>').insertBefore('.b2bking_tiered_price_table');
    });
   </script>
   <?php 
});

(6) This is very hard to achieve unfortunately. It would not work together with the other snippets.

Hi,

(1) 

How to add border ? I try to add border but not show it (in attach image).

I just meant: where do you want this border? It would help if you have a screenshot or an example, etc.

(2) You can add some text there after quantity, with this snippet:

add_action('b2bking_tiered_table_after_quantity', function($product_id){
    echo ' test';
}, 10, 1);

(3) You can use the class 

.b2bking_information_table

to target the information table

You can add a border to the tiered table with this CSS:

.b2bking_tiered_price_table, .b2bking_tiered_price_table td, .b2bking_tiered_price_table th {
    border: 2px solid #747474 !important;
}

Hi,

You can do that by adding this CSS to your site:

.b2bking_information_table tbody tr td:nth-child(1) {
    padding-left: 15px;
    width: 50%;
}

Hi there,

(1) This is a bit unclear to me: Are you trying to show the tiered price table for each product on the cart page?

Generally, it makes things a bit complicated, B2BKing was not built to have this feature. But you can do it by adding this PHP code snippet to your site:

add_filter('woocommerce_cart_item_price', function($price, $cart_item, $cart_item_key){
    ob_start();
    echo do_shortcode('[b2bking_tiered_pricing_table id='.$cart_item['product_id'].']');
    $table = ob_get_clean();
    return $price.$table;
}, 10, 3);

It will then show as:

Please note that the "Active price" range does not work here - because this was only built to work on the single product page.

(2) Generally you can make changes there with CSS.

I will show a few examples on my local test site:

First I have this product page and table:

You can add this CSS to set the colors for the different columns:

.b2bking_tiered_price_table td:nth-child(1), .b2bking_tiered_price_table td:nth-child(2) {
    color: red;
}
.b2bking_tiered_price_table td:nth-child(3) {
    color: green;
}

It results in:

If you would like to set other colors for the active price, you can further add this CSS:

table.b2bking_tiered_price_table tbody td.b2bking_has_color:nth-child(1), table.b2bking_tiered_price_table tbody  td.b2bking_has_color:nth-child(2) {
    color: purple !important;
}
table.b2bking_tiered_price_table tbody td.b2bking_has_color:nth-child(3) {
    color: red !important;
}

Now the table becomes:

(3) To change those texts to something else, you can follow our guide here: https://b2bkingplugin.com/docs/how-to-edit-any-plugin-text-string-same-language

This works for any text in the plugin. I see that you have already managed to edit those:

Kind regards,

Stefan