167 lines
9.6 KiB
Smarty
167 lines
9.6 KiB
Smarty
{*
|
|
* @Module Name: AP Page Builder
|
|
* @Website: apollotheme.com - prestashop template provider
|
|
* @author Apollotheme <apollotheme@gmail.com>
|
|
* @copyright Apollotheme
|
|
* @description: ApPageBuilder is module help you can build content for your shop
|
|
*}
|
|
<!-- @file modules\appagebuilder\views\templates\hook\ApAjaxTabs -->
|
|
{if $tab_name == 'ApAjaxTabs'}
|
|
<script type="text/javascript">
|
|
ap_list_functions.push(function(){
|
|
{if isset($formAtts.fade_effect) && $formAtts.fade_effect}
|
|
// ACTION USE EFFECT
|
|
$("#{$formAtts.id|escape:'html':'UTF-8'} .tab-pane").addClass("fade");
|
|
{/if}
|
|
|
|
{if $formAtts.active_tab >= 0}
|
|
// ACTION SET ACTIVE
|
|
$('#{$formAtts.id|escape:'html':'UTF-8'} .nav a:eq({$formAtts.active_tab|escape:'html':'UTF-8'})').trigger('click');
|
|
{/if}
|
|
});
|
|
</script>
|
|
<div{if isset($formAtts.id)} id="{$formAtts.id|escape:'html':'UTF-8'}"{/if} class="ApTabs AjaxTabs {(isset($formAtts.class)) ? $formAtts.class : ''|escape:'html':'UTF-8'}">
|
|
|
|
{($apLiveEdit)?$apLiveEdit:'' nofilter}{* HTML form , no escape necessary *}
|
|
|
|
{if isset($formAtts.title) && $formAtts.title}
|
|
<h4 class="title_block">{$formAtts.title|escape:'html':'UTF-8'}</h4>
|
|
{/if}
|
|
{if isset($formAtts.sub_title) && $formAtts.sub_title}
|
|
<div class="sub-title-widget">{$formAtts.sub_title nofilter}</div>
|
|
{/if}
|
|
{if isset($formAtts.lib_error) && $formAtts.lib_error}
|
|
<div class="alert alert-warning leo-lib-error">{$formAtts.lib_error}</div>
|
|
{/if}
|
|
{if isset($formAtts.tab_mobile_type) && $formAtts.tab_mobile_type =='tabs-dropdown'}
|
|
<div class="dropdown tabs-dropdown-menu hidden-sm-up">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{l s='Select tab' mod='appagebuilder'}
|
|
</button>
|
|
<div class="dropdown-menu" role="tablist">
|
|
{foreach from=$subTabContent item=subTab}
|
|
<a href="#{$subTab.id|escape:'html':'UTF-8'}" class="dropdown-item {$subTab.form_id|escape:'html':'UTF-8'}" role="tab" data-toggle="tab">
|
|
<span>{$subTab.title|escape:'html':'UTF-8'}</span>
|
|
{if isset($subTab.sub_title) && $subTab.sub_title}
|
|
<div class="sub-title-widget">{$subTab.sub_title nofilter}</div>
|
|
{/if}
|
|
{if isset($subTab.image) && $subTab.image}<img class="img-fluid" src="{$path}{$subTab.image|escape:'html':'UTF-8'}" alt="{$subTab.title}"/>{/if}
|
|
</a>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
{if isset($formAtts.categorylist) && $formAtts.categorylist}
|
|
<div class="dropdown tabs-categories" style="display: inline-block;float: right;">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
{l s='Select category' mod='appagebuilder'}
|
|
</button>
|
|
<div class="dropdown-menu" >
|
|
{foreach from=$formAtts.categorylist item=subCat}
|
|
<a class="dropdown-item" href="#">
|
|
<input type="radio" class="ajaxtabcate" id="ajaxtabcate{$subCat.id_category}" name="ajaxtabcate" value="{$subCat.id_category}">
|
|
<label for="ajaxtabcate{$subCat.id_category}"> {$subCat.name|escape:'html':'UTF-8'}</label>
|
|
</a>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
{if $formAtts.tab_type =='tabs-left'}
|
|
<div class="block_content">
|
|
<ul class="nav nav-tabs col-md-3{if isset($formAtts.tab_mobile_type)}{if $formAtts.tab_mobile_type =='tabs-accordion'} tabs-accordion{else if $formAtts.tab_mobile_type =='tabs-dropdown'} tabs-dropdown hidden-xs-down{/if}{/if}" role="tablist">
|
|
{foreach from=$subTabContent item=subTab}
|
|
<li class="nav-item {(isset($subTab.css_class)) ? $subTab.css_class : ''|escape:'html':'UTF-8'}">
|
|
<a href="#{$subTab.id|escape:'html':'UTF-8'}" class="nav-link {$subTab.form_id|escape:'html':'UTF-8'}" role="tab" data-toggle="tab">
|
|
<span>{$subTab.title|escape:'html':'UTF-8'}</span>
|
|
{if isset($subTab.sub_title) && $subTab.sub_title}
|
|
<div class="sub-title-widget">{$subTab.sub_title nofilter}</div>
|
|
{/if}
|
|
{if isset($subTab.image) && $subTab.image}<img class="img-fluid" src="{$path}{$subTab.image|escape:'html':'UTF-8'}" alt="{$subTab.title}"/>{/if}
|
|
</a>
|
|
</li>
|
|
{/foreach}
|
|
|
|
</ul>
|
|
<div class="tab-content col-md-9">
|
|
{$apContent nofilter}{* HTML form , no escape necessary *}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
{if $formAtts.tab_type =='tabs-right'}
|
|
<div class="block_content">
|
|
<div class="tab-content col-md-9">
|
|
{$apContent nofilter}{* HTML form , no escape necessary *}
|
|
</div>
|
|
<ul class="nav nav-tabs col-md-3{if isset($formAtts.tab_mobile_type)}{if $formAtts.tab_mobile_type =='tabs-accordion'} tabs-accordion{else if $formAtts.tab_mobile_type =='tabs-dropdown'} tabs-dropdown hidden-xs-down{/if}{/if}" role="tablist">
|
|
{foreach from=$subTabContent item=subTab}
|
|
<li class="nav-item {(isset($subTab.css_class)) ? $subTab.css_class : ''|escape:'html':'UTF-8'}">
|
|
<a href="#{$subTab.id|escape:'html':'UTF-8'}" class="nav-link {$subTab.form_id|escape:'html':'UTF-8'}" role="tab" data-toggle="tab">
|
|
<span>{$subTab.title|escape:'html':'UTF-8'}</span>
|
|
{if isset($subTab.sub_title) && $subTab.sub_title}
|
|
<div class="sub-title-widget">{$subTab.sub_title nofilter}</div>
|
|
{/if}
|
|
{if isset($subTab.image) && $subTab.image}<img class="img-fluid{if $aplazyload} lazy{/if}" {if $aplazyload}data-src{else}src{/if}="{$path}{$subTab.image|escape:'html':'UTF-8'}" alt="{$subTab.title}"/>{/if}
|
|
</a>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
{/if}
|
|
{if $formAtts.tab_type =='tabs-below'}
|
|
<div class="block_content">
|
|
<div class="tab-content">
|
|
{$apContent nofilter}{* HTML form , no escape necessary *}
|
|
</div>
|
|
<ul class="nav nav-tabs{if isset($formAtts.tab_mobile_type)}{if $formAtts.tab_mobile_type =='tabs-accordion'} tabs-accordion{else if $formAtts.tab_mobile_type =='tabs-dropdown'} tabs-dropdown hidden-xs-down{/if}{/if}" role="tablist">
|
|
{foreach from=$subTabContent item=subTab}
|
|
<li class="nav-item {(isset($subTab.css_class)) ? $subTab.css_class : ''|escape:'html':'UTF-8'}">
|
|
<a href="#{$subTab.id|escape:'html':'UTF-8'}" class="nav-link {$subTab.form_id|escape:'html':'UTF-8'}" role="tab" data-toggle="tab">
|
|
<span>{$subTab.title|escape:'html':'UTF-8'}</span>
|
|
{if isset($subTab.sub_title) && $subTab.sub_title}
|
|
<div class="sub-title-widget">{$subTab.sub_title nofilter}</div>
|
|
{/if}
|
|
{if isset($subTab.image) && $subTab.image}<img class="img-fluid{if $aplazyload} lazy{/if}" {if $aplazyload}data-src{else}src{/if}="{$path}{$subTab.image|escape:'html':'UTF-8'}" alt="{$subTab.title}"/>{/if}
|
|
</a>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
{/if}
|
|
{if $formAtts.tab_type =='tabs-top'}
|
|
<div class="block_content">
|
|
<ul class="nav nav-tabs{if isset($formAtts.tab_mobile_type)}{if $formAtts.tab_mobile_type =='tabs-accordion'} tabs-accordion{else if $formAtts.tab_mobile_type =='tabs-dropdown'} tabs-dropdown hidden-xs-down{/if}{/if}" role="tablist">
|
|
{foreach from=$subTabContent item=subTab}
|
|
<li class="nav-item {(isset($subTab.css_class)) ? $subTab.css_class : ''|escape:'html':'UTF-8'}">
|
|
<a href="#{$subTab.id|escape:'html':'UTF-8'}" class="nav-link {$subTab.form_id|escape:'html':'UTF-8'}" role="tab" data-toggle="tab">
|
|
<span>{$subTab.title|escape:'html':'UTF-8'}</span>
|
|
{if isset($subTab.sub_title) && $subTab.sub_title}
|
|
<div class="sub-title-widget">{$subTab.sub_title nofilter}</div>
|
|
{/if}
|
|
{if isset($subTab.image) && $subTab.image}<img class="img-fluid{if $aplazyload} lazy{/if}" {if $aplazyload}data-src{else}src{/if}="{$path}{$subTab.image|escape:'html':'UTF-8'}" alt="{$subTab.title}"/>{/if}
|
|
</a>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
<div class="tab-content">
|
|
{$apContent nofilter}{* HTML form , no escape necessary *}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
{($apLiveEditEnd)?$apLiveEditEnd:'' nofilter}{* HTML form , no escape necessary *}
|
|
</div>
|
|
{/if}
|
|
{if $tab_name == 'ApAjaxTab'}
|
|
{if isset($formAtts.active) && $formAtts.active}
|
|
<div id="{$tabID|escape:'html':'UTF-8'}" class="tab-pane leo-ajax-tabs loaded" data-shortcode="{$apshortcode}">
|
|
{$apContent nofilter}{* HTML form , no escape necessary *}
|
|
</div>
|
|
{else}
|
|
<div id="{$tabID|escape:'html':'UTF-8'}" class="tab-pane leo-ajax-tabs" data-shortcode="{$apContent}">
|
|
<div class="slick-loading" style="display: block;">
|
|
<div class="slick-list" style="height: 600px;"> </div>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
{/if}
|