Styling the Product Details Tabs

The tabs on the product details page can be styled as follows:

  1. Using file explorer, go to the \desktopmodules\smith.productdetail folder.
  2. Open the file titled “ProductDetails.ascx”
  3. Locate the following div titled ProductDetailTabs
<div class="dnnForm" id="ProductDetailTabs">
        <ul class="dnnAdminTabNav">
Change the class name highlighted above to the tab class name that is build into your skin or change it to the bootstrap tab class name.

Add Feedback