How to add customize table in product page

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

  • Avatar: Thinktech
    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

    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    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

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.