WooBeWoo WooCommerce Product Table plugin Advanced Custom Fields (ACF) and Custom Post Type UI
With its help, you are able to create any custom fields for your products – image, text, video, link, button, taxonomy, map etc and display them as columns in a table.
Custom fields plugin is a must-have for any WooCommerce store if you need to display additional data about products. They give you more flexibility and opportunities to represent the product in the best way.
You can use fields to add links or buttons, for example, to download data, add a PDF file or add embedded content such as audio or video players. The possibilities of such fields unlimited.
Product table with link & button, audio player TYPE NAME LENGTH PREVIEW DOWNLOAD I'm Happy Length: 3:05
File I_m_Happy_For_This_Guitar.mp3
Juno Length: 2:55
File I_m_Happy_For_This_Guitar.mp3
@import url("//fonts.googleapis.com/css?family=Alef");#wtbp-table-45_18213_wrapper table {border-collapse: collapse;} #wtbp-table-45_18213_wrapper th {background-color: #e0ccb3 !important;font-family: "Alef";} #wtbp-table-45_18213_wrapper tbody tr {background-color: #d1d1d1;} #wtbp-table-45_18213_wrapper tbody td {background-color: inherit;} #wtbp-table-45_18213_wrapper table.stripe tbody tr.even {background-color: #bdbdbd;} #wtbp-table-45_18213_wrapper table.stripe.order-column tbody tr > .sorting_1 {background-color: #bdbdbd;} #wtbp-table-45_18213_wrapper table.hover tbody tr:hover {background-color: #a9a9a9;} #wtbp-table-45_18213_wrapper table.stripe.order-column tbody tr.even > .sorting_1 {background-color: #a9a9a9;} #wtbp-table-45_18213_wrapper table.order-column tbody tr > .sorting_1 {background-color: #bdbdbd;} #wtbp-table-45_18213_wrapper table.hover.order-column tbody tr:hover > .sorting_1 {background-color: #959595;} #wtbp-table-45_18213_wrapper td {font-family: "Alef";font-size: 16px;} #wtbp-table-45_18213 th, #wtbp-table-45_18213 td, #wtbp-table-45_18213.wtbpVarAttributes {vertical-align: middle;} #wtbp-table-45_18213 td {text-align: center;} #wtbp-table-45_18213 .thumbnail img, #wtbp-table-45_18213 .wtbpAddToCartWrapper {margin-left: auto;margin-right: auto;} .wtbpModalContent {width: 80%;}
Product table with an embedded map, video player, link and PDF file Appartment Image Video Our location Link PDF VIP Suite SR_Singapore_Asc-Orchard_1BRM-Dlx_Living-rm-HR.jpg
VIDEO
Visit website University-Gardens-Application.pdf
Apartment LUX 86.jpg
VIDEO
Apply Here University-Gardens-Application.pdf
@import url("//fonts.googleapis.com/css?family=Alegreya+SC");@import url("//fonts.googleapis.com/css?family=Alegreya");#wtbp-table-43_488075_wrapper table {border-collapse: collapse;} #wtbp-table-43_488075_wrapper td {border-top: 2px solid #ffffff;font-family: "Alegreya";color: #000000;} #wtbp-table-43_488075_wrapper tbody tr:first-child td {border-top: none;} #wtbp-table-43_488075_wrapper tbody tr:last-child td {border-bottom: 2px solid #ffffff;} #wtbp-table-43_488075_wrapper .child table {border-collapse: collapse;} #wtbp-table-43_488075_wrapper th {background-color: #8c8c8c !important;font-family: "Alegreya SC";color: #ffffff;} #wtbp-table-43_488075_wrapper tbody tr {background-color: #dddddd;} #wtbp-table-43_488075_wrapper tbody td {background-color: inherit;} #wtbp-table-43_488075_wrapper table.stripe tbody tr.even {background-color: #c9c9c9;} #wtbp-table-43_488075_wrapper table.stripe.order-column tbody tr > .sorting_1 {background-color: #c9c9c9;} #wtbp-table-43_488075_wrapper table.hover tbody tr:hover {background-color: #b5b5b5;} #wtbp-table-43_488075_wrapper table.stripe.order-column tbody tr.even > .sorting_1 {background-color: #b5b5b5;} #wtbp-table-43_488075_wrapper table.order-column tbody tr > .sorting_1 {background-color: #c9c9c9;} #wtbp-table-43_488075_wrapper table.hover.order-column tbody tr:hover > .sorting_1 {background-color: #a1a1a1;} #wtbp-table-43_488075 th, #wtbp-table-43_488075 td, #wtbp-table-43_488075.wtbpVarAttributes {vertical-align: middle;} #wtbp-table-43_488075 td {text-align: center;} #wtbp-table-43_488075 .thumbnail img, #wtbp-table-43_488075 .wtbpAddToCartWrapper {margin-left: auto;margin-right: auto;} .wtbpModalContent {width: 80%;}
How to add the custom fields to the table You need to install an Advanced Custom Fields (ACF) or Custom Post Type UI plugin in order to create your custom fields. Use the ACF documentation to create your custom fields.
Make sure you select the ‘Products’ post type. This is important to make the custom field appear on the product page to fill.
Once you have created your custom field, use these instructions
You can create as many custom fields as you like, and list each one as a separate column.
