first commit
This commit is contained in:
166
modules/appagebuilder/views/templates/hook/ApAjaxTabs.tpl
Normal file
166
modules/appagebuilder/views/templates/hook/ApAjaxTabs.tpl
Normal file
@@ -0,0 +1,166 @@
|
||||
{*
|
||||
* @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}
|
||||
Reference in New Issue
Block a user