Title: clickable atributes grid
Last modified: August 31, 2016

---

# clickable atributes grid

 *  [alfons271](https://wordpress.org/support/users/alfons271/)
 * (@alfons271)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/clickable-atributes-grid/)
 * Hi,
 * I would like to show on my shop a grid with all variable products (size, color,…)
   something like this:
 * [http://tinypic.com/r/xkveh5/9](http://tinypic.com/r/xkveh5/9)
 * But to have a clickable price, and add the chosen product to cart.
 * I was searching a lot and found many pluguins that I think don’t fit my necessities
   like:
 * [http://codecanyon.net/item/woocommerce-variations-to-table-grid/10494620](http://codecanyon.net/item/woocommerce-variations-to-table-grid/10494620)
 * [https://www.woothemes.com/products/bulk-variation-forms/](https://www.woothemes.com/products/bulk-variation-forms/)
 * Also find a code to put on functions.php that breaks my wordpress:
 * [http://www.mrova.com/display-woocommerce-product-variation-as-table-instead-of-drop-down/](http://www.mrova.com/display-woocommerce-product-variation-as-table-instead-of-drop-down/)
 * Any ideas on how I can reach the desired result?
 * Thanks in advance!
 * [https://wordpress.org/plugins/woocommerce/](https://wordpress.org/plugins/woocommerce/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Contributor [Mike Jolley](https://wordpress.org/support/users/mikejolley/)
 * (@mikejolley)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/clickable-atributes-grid/#post-7068548)
 * Not seen a plugin for that.
 * It wouldn’t be a grid, but you could have a ‘list’ of products/buttons if you
   set each one up as a simple product, and then grouped them all into one as a 
   grouped product.
 *  Thread Starter [alfons271](https://wordpress.org/support/users/alfons271/)
 * (@alfons271)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/clickable-atributes-grid/#post-7068569)
 * Thanks for your answer.
 * I found the plugin tablepress to make a grid as I need, then I could use a woocommmerce
   shortcode as `[add_to_cart id="product_ID"]`
 * And is pretty much what I need. Now I just need to feat the style:
 * [http://probas.xani.net/producto/bolsas-de-papel-mediana-de-asa-retorcida-kraft/](http://probas.xani.net/producto/bolsas-de-papel-mediana-de-asa-retorcida-kraft/)
 * I’m tryng to apply custom css, trough he plugin “simple custom css”:
 *     ```
       .woocommerce #content .add_to_cart_button {
         width:100%;
         background:#539DC2;
         height:1px;
         font-size:17px;
         font-weight:lighter
       }
       ```
   
 * But I cannot see any changes, how and where I should change the css?
 *  Plugin Contributor [Mike Jolley](https://wordpress.org/support/users/mikejolley/)
 * (@mikejolley)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/clickable-atributes-grid/#post-7068572)
 * CSS changes are fine to make via a plugin. You don’t need to change existing 
   CSS.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘clickable atributes grid’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Mike Jolley](https://wordpress.org/support/users/mikejolley/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/clickable-atributes-grid/#post-7068572)
 * Status: not resolved