Never mind, I figured it out, and for those who might have the same issue
you need to update _ProductTabsWithoutAjax.cshtml (under SevenSpikes.Nop.Plugins/Views/ProductTab ) with this code:
@** Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*@
@using Nop.Core.Infrastructure
@using Nop.Core
@using SevenSpikes.Nop.Plugins.NopQuickTabs
@model SevenSpikes.Nop.Plugins.NopQuickTabs.Models.TabUIModel
<script type="text/javascript">
jQuery(function ($) {
$("#quickTabs").tabs();
});
</script>
@{
var attachmentsTabContent = Html.Widget("quick_tabs_product_attachments_tab");
bool hasAttachments = true;
if (attachmentsTabContent == null || attachmentsTabContent == MvcHtmlString.Empty || string.Compare(attachmentsTabContent.ToString().Trim(), string.Empty, StringComparison.InvariantCultureIgnoreCase) == 0)
{
hasAttachments = false;
}
}
<div id="quickTabs" class="productTabs">
<div class="productTabs-header">
<ul>
@foreach (var tabInfo in Model.Tabs)
{
<li>
<a href="#[email protected]">@tabInfo.Title</a>
</li>
}
@if (hasAttachments)
{
<li>
<a href="#quickTab-attachments-in-tab">Attachments</a>
</li>
}
@* Uncomment the code below if you want to have a Tab that gets its information from a Topic. This tab will be shown for all products in your store*@
@*<li><a href="#quickTab-ShippingInfo">@T("ShippingReturns")</a> </li>*@
</ul>
</div>
<div class="productTabs-body">
@foreach (var tabInfo in Model.Tabs)
{
<div id="[email protected]">
@Html.Raw(tabInfo.Content)
</div>
}
@if (hasAttachments)
{
<div id="quickTab-attachments-in-tab">
@attachmentsTabContent
</div>
}
@* Uncomment the code below if you want to have a Tab that gets its information from a Topic. This tab will be shown for all products in your store *@
@*<div id="quickTab-ShippingInfo">
@Html.Action("TopicBlock", "ProductTab", new { systemName = "ShippingInfo" })
</div>*@
</div>
</div>