This article explains how you can change a product fields using Tabs to a collapsable pane container display.

  • Login as admin in the storefront
  • Navigate to the bottom of the page and locate View Details using debug configuration mode

debug-config-fe

  • From the admin panel, navigate to jApps >> Design >> Views
  • Search for the view detail of the page from step 1 (product_page_item)

product-page-views-fe

  • Click "Elements" under Elements column
  • Locate "Description" and "Fields" or any fields you want to change
  • Edit "Description / Fields" element and set the "Type" to Collapsable Pane Container
  • Click [Save] once you are done

field-collapsable-be

These are the lists of element type you can use:

  1. Tab container
  2. Pane Container
  3. Collapsable Pane Container
  4. WidgetBox
  5. Create Column
  6. Create Row
  7. Div Container

Product page using Tab Container looks like this:

tab-product-page-fe

Product page using Collapsable Pane Container looks like this;

collapsable-front-fe 

Thank you for your purchase!

We are committed to a policy of fair-trading and we shall make every effort to ensure that you are happy with our products and services. We invite you to review the following terms that will apply to any order you place with us and if you find yourself unable to agree to them, then you must contact Joobi support for further clarification.

  • Refund Policy: All purchases made through Joobi store are final and there are no refunds. Joobi uses "evaluate before you buy" approach (30 days trial), we do NOT issue refunds after a membership is purchased.
  • Support Policy
  • Terms of Use
Note: Your subscription is renewed automatically at the end of the initial period, and the recurring payment will be made with the payment method you used to sign up. You can cancel the subscription at any time via Paypal.

Friendly Reminder

Joobi uses "evaluate before you buy" approach, we do NOT issue refunds after a subscription is purchased.
All basic plan (3 months) includes a back-link to Joobi.org

We invite you to:

Use the 30 days trial period before buying
Test-drive Joobi products using the demo website
For Mobile apps, check our iOS and Android demo

joobi-custom-service

Web Hosting Partner

Web Hosting     DreamHost