Return to previous page

How to add customize table in product page

This topic has 2 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Olga Barlow

Thinktech

Participant

March 12, 2019 at 13:57

http://saibabamachines.com.cp-45.webhostbox.net/product/2sp-v420t-cnc-vtl/
1.how to cusotmize the galllery as per the jpeg above
2.how to add two different tables section.
a)one table section for product page.(http://saibabamachines.com.cp-45.webhostbox.net/product/2sp-v420t-cnc-vtl/)
b)one table section for product category page.(http://saibabamachines.com.cp-45.webhostbox.net/product-category/cnc-lathes/)
https://www.ithink.co/clients/saibaba/03-category-list-landing-page-lhs.jpg
The table what i add in product short description in product page that automatically adds the same table to product category page of that product(where i want to add different table or section into product category page and in quick view of that product)
3.how to add table section in category page of that product page(not same table should appear).
4.how to extend the product description column
5.want to add new tab section in that page

#210772 Copied Theme version: 4.5.2 WooCommerce version: 4.5.2

1 Answer
Olga Barlow

Participant

March 12, 2019 at 18:52
Hello,

1) To change the order of the featured image and product gallery add the following code to Custom CSS

.gallery_vertical .woocommerce-product-gallery { -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; }

2), 3) There is no option by default to add 2 different tables in the product description to show them for the single product and for the product grid. You can disable short description for the Quick View http://prntscr.com/mwuu7b . 2 different options to add different descriptions could be added only by additional customization. If you don’t have PHP skills you can submit the request to Codeable team.

4) To change the width of the description column for this type of layout copy woopress/woocommerce/content-single-product.php file to child theme, find the code http://prntscr.com/mwxt3b and change classes to http://prntscr.com/mwxsvc

5) You can try Additional information block option http://prntscr.com/mwxuhq and Static Blocks. Create static block with the necessary content using WPBakery page builder http://prntscr.com/mwxv88 (tabs for example) and choose this static block in the Additional information block drop-down.

Regards
#210791 Copied
Viewing 2 results - 1 through 2 (of 2 total)