Home Forums WoodMart support forum How to create collapsible sections in the single product page

How to create collapsible sections in the single product page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #597121

    hey3212
    Participant

    Hi,

    Currently on my single product page, all such information as size and materials are flatly laid out in word format. I want to organize such information into sections that can collapse and expand similar to https://www.net-a-porter.com/en-gb/shop/product/pacharee/jewelry-and-watches/earrings/floret-small-gold-tone-pearl-hoop-earrings/1647597335556755. See attached.

    Also, I want to increase the margins on the left and right to push the content towards the middle. Finally, I want to delete the Description and Shipping & Delivery sections. See attached.

    How to do all these?

    Attachments:
    You must be logged in to view attached files.
    #597260

    Hello,

    Try to use the Theme’s Layout Builder you can create Custom Layouts for WooCommerce pages like Shop, Category, Single Product page, Cart, and Checkouts. You can use that to create your own custom layouts for these pages. Try to use the product tab widget in the layout and set the tabs layout “Accordion”.

    Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    li#tab-title-description {
        display: none !important;
    }

    Navigate to Theme Settings > Single Product > Tabs > Additional tabs and remove the shipping and delivery tab.

    Best Regards

Viewing 2 posts - 1 through 2 (of 2 total)