Okay
  Public Ticket #3655785
Questions About Variations table
Closed

Comments

  • Julio Gutierez started the conversation


    You sent

    Hi i have bought your plugin, i am currently facing issues with the beta feature Show Variations Table, I am unable to edit the layout or the background colors of the table thats create, adding to that I'd like for a single add to cart icon at the bottom, not an add to cart for every variant. I have read the documentation and this feature is not mentioned anywhere, nor on the changelogs.

  •  2,214
    WebWizards replied

    Hello Julio,

    Thank you for purchasing our plugin,


    Indeed this table is a new feature in the plugin - we are still working on this and we are planning to add more options to it (specifically we also want to add a "bulk variations grid" option). This is why it is currently marked as beta and there is no documentation for it yet,


    To change the layout and background colors: While there is no specific editor for it, it may be possible to do it with some custom CSS. If you can give us more details about what colors and layout you'd like to implement, we'd be happy to try and write that CSS for you, so please let us know.


    I'd like for a single add to cart icon at the bottom, not an add to cart for every variant

    This is a feature we are interested in adding as it has been quite requested. It is not yet available I'm afraid, however I believe we can have it ready within the next few months.


    Kind regards,

    Stefan

  • Julio Gutierez replied

    I mainly want for it to look similar to that layout, obviously adapting it the layout that is in place. I have no issue implementing it all using CSS; on another note, I've noticed that it takes a while to load, I don't know if it's posible to store it in the cache or any other way to speed up the load. For now I purchased the plugin 

    Product Variation Table for WooCommerce, but I would like to use yours.
    5591408224.png
  •  2,214
    WebWizards replied

    Hi Julio,

    (1) Generally to speed up the table, you can try adding this code snippet which disables some of the higher load tasks: 

    add_filter('b2bking_bulkorder_skip_sort', '__return_true');
    add_filter('b2bking_search_results_number_order_form_cream', function($results){
        return 15;
    }, 10, 1);
    

    If even with this the load time is too slow, perhaps there is another issue or conflict occurring. In that case we can check the issue directly if you are able to share a backend access to the site or staging site with us,


    (2) Regarding CSS, to achieve a style closer to the one in your screenshot, you can try adding this CSS:

    .b2bking_bulkorder_form_container_top.b2bking_bulkorder_form_container_top_indigo.b2bking_bulkorder_form_container_top_cream {
        background: #fe6603;
        border: none !important;
        border-radius: 4px 4px 0px 0px;
        height: 55px !important;
        margin-bottom: 7px;
    }
    .b2bking_bulkorder_form_container_top.b2bking_bulkorder_form_container_top_indigo.b2bking_bulkorder_form_container_top_cream div {
        color: white !important;
    }
    button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add {
        background: none !important;
        color: black !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
    }
    button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:hover {
        background: #f4f4f4 !important;
    }
    .b2bking_bulkorder_form_container_content_line_indigo.b2bking_bulkorder_form_container_content_line_cream {
        border-bottom: 1px solid #ff650017 !important;
    }
    

    It would result in a table like this one:

    8535680237.png