Your IP : 216.73.216.95
<div class="sticky">
<div class="module-header">
<div class='module-name'>Footer <span>Menu</span></div>
<store-picker data-url="footer/menu"></store-picker>
<div class="module-buttons">
<a class="btn green" data-ng-click="save($event)">Save</a>
<a class="btn red" data-ng-click="reset($event)">Reset</a>
</div>
</div>
</div>
<div class="module-body footer-columns" data-ng-hide="isLoading">
<div class="accordion-bar bar-level-0 bar-expand" >
<a data-ng-click="toggleAccordion(rows, 'scope', null, true)" class="hint--top" data-hint="Expand All"><i class="expand-icon"></i></a> <a data-ng-click="toggleAccordion(rows, 'scope', null, false)" class="hint--top" data-hint="Collapse All"><i class="collapse-icon"></i></a>
<label class="close-others hint--top" data-hint="Close Others"><input type="checkbox" data-ng-model="close_others" /></label>
</div>
<accordion close-others="close_others">
<!-- rows -->
<accordion-group data-ng-repeat="row in rows" is-open="row.is_open">
<div class="dummy-1"> </div>
<accordion-heading>
<div class="accordion-bar bar-level-0">Row {{$index + 1}} <a href="javascript:;" class="accordion-remove slide-remove" data-ng-click="removeRow($index)"><b ></b>Remove</a></div>
</accordion-heading>
<ul class="module-create-options lvl-0">
<li>
<span class="module-create-title">Row Type</span>
<span class="module-create-option">
<switch data-ng-model="row.type">
<switch-option key="columns">Columns</switch-option>
<switch-option key="contacts">Contacts</switch-option>
</switch>
</span>
</li>
<li>
<span class="module-create-title">Items per Row</span>
<span class="module-create-option">
<j-opt-items-per-row data-ng-model="row.items_per_row"></j-opt-items-per-row>
</span>
</li>
<li>
<span class="module-create-title">Background</span>
<span class="module-create-option">
<j-opt-background data-ng-model="row.background" data-bgcolor="true"></j-opt-background>
</span>
</li>
<li>
<span class="module-create-title">Padding<small>Top-Right-Bottom-Left</small></span>
<span class="module-create-option">
<input type="text" data-ng-model="row.padding_top" class="journal-sort journal-input" /> -
<input type="text" data-ng-model="row.padding_right" class="journal-sort journal-input" /> -
<input type="text" data-ng-model="row.padding_bottom" class="journal-sort journal-input" /> -
<input type="text" data-ng-model="row.padding_left" class="journal-sort journal-input" />
</span>
</li>
<li>
<span class="module-create-title">Bottom Spacing</span>
<span class="module-create-option">
<input type="text" data-ng-model="row.bottom_spacing" class="journal-input journal-number-field" />
</span>
</li>
<li>
<span class="module-create-title">Status</span>
<span class="module-create-option">
<switch data-ng-model="row.status">
<switch-option key="1">ON</switch-option>
<switch-option key="0">OFF</switch-option>
</switch>
</span>
</li>
<li>
<span class="module-create-title">Sort Order</span>
<span class="module-create-option">
<input type="text" data-ng-model="row.sort_order" class="journal-input journal-sort" />
</span>
</li>
</ul>
<div class="accordion-bar bar-level-1 bar-expand" data-ng-show="row.type === 'columns'">
<a data-ng-click="toggleAccordion(row.columns, null, row, true)" class="hint--top hint-fix" data-hint="Expand All"><i class="expand-icon"></i></a> <a data-ng-click="toggleAccordion(row.columns, null, row, false)" class="hint--top hint-fix" data-hint="Collapse All"><i class="collapse-icon"></i></a>
<label class="close-others hint--top" data-hint="Close Others"><input type="checkbox" data-ng-model="row.close_others" /></label>
</div>
<accordion close-others="row.close_others" data-ng-show="row.type === 'columns'">
<!-- columns -->
<accordion-group data-ng-repeat="column in row.columns" is-open="column.is_open">
<div class="dummy-2"> </div>
<accordion-heading>
<div class="accordion-bar bar-level-1">Column {{$index + 1}} <a href="javascript:;" class="accordion-remove slide-remove" data-ng-click="removeColumn(row, $index)"><b ></b>Remove</a></div>
</accordion-heading>
<ul class="module-create-options lvl-1">
<li>
<span class="module-create-title">Column Type</span>
<span class="module-create-option">
<switch data-ng-model="column.type">
<switch-option key="menu">Menu</switch-option>
<switch-option key="text">HTML</switch-option>
<switch-option key="newsletter">Newsletter</switch-option>
<switch-option key="products">Products</switch-option>
</switch>
</span>
</li>
<li>
<span class="module-create-title">Column Title</span>
<span class="module-create-option">
<j-opt-text-lang data-ng-model="column.title"></j-opt-text-lang>
</span>
</li>
<li>
<span class="module-create-title">Sort Order</span>
<span class="module-create-option">
<input type="text" data-ng-model="column.sort_order" class="journal-input journal-sort" />
</span>
</li>
<li data-ng-show="column.type == 'text'">
<span class="module-create-title">Add Icon</span>
<span class="module-create-option">
<switch data-ng-model="column.icon_status">
<switch-option key="1">ON</switch-option>
<switch-option key="0">OFF</switch-option>
</switch>
</span>
</li>
<li data-ng-show="column.icon_status == 1 && column.type == 'text'">
<span class="module-create-title">Icon</span>
<span class="module-create-option">
<icon-select data-ng-model="column.icon"></icon-select>
</span>
</li>
<li data-ng-show="column.icon_status == 1 && column.type == 'text'">
<span class="module-create-title">Icon Position</span>
<span class="module-create-option">
<switch data-ng-model="column.icon_position">
<switch-option key="left">Left</switch-option>
<switch-option key="top">Top</switch-option>
</switch>
</span>
</li>
<li data-ng-show="column.icon_status == 1 && column.type == 'text'">
<span class="module-create-title">Icon Container Background</span>
<span class="module-create-option">
<j-opt-color data-ng-model="column.icon_bg_color"></j-opt-color>
</span>
</li>
<li data-ng-show="column.icon_status == 1 && column.type == 'text'">
<span class="module-create-title">Icon Container Border</span>
<span class="module-create-option">
<j-opt-border data-ng-model="column.icon_border"></j-opt-border>
</span>
</li>
<li data-ng-show="column.icon_status == 1 && column.type == 'text'">
<span class="module-create-title">Icon Container Dimensions</span>
<span class="module-create-option">
<input type="text" class="journal-number-field" data-ng-model="column.icon_width" /> x <input type="text" class="journal-number-field" data-ng-model="column.icon_height" />
</span>
</li>
<li data-ng-show="column.type === 'text'">
<span class="module-create-title">Text</span>
<span class="module-create-option">
<ck-editor data-ng-model="column.text"></ck-editor>
</span>
</li>
<li data-ng-show="column.type === 'newsletter'">
<span class="module-create-title">Choose Module</span>
<span class="module-create-option">
<select data-ng-model="column.newsletter_id" ui-select2="{width: 50, minimumResultsForSearch: -1, placeholder: 'Choose Module'}">
<option value=""></option>
<option data-ng-repeat="module in newsletter_modules" value="{{module.module_id}}">{{module.module_data.module_name}}</option>
</select>
</span>
</li>
<li data-ng-show="column.type === 'products'">
<span class="module-create-title">Section Type</span>
<span class="module-create-option">
<switch data-ng-model="column.section_type">
<switch-option key="module">Module</switch-option>
<switch-option key="category">Category</switch-option>
<switch-option key="manufacturer">Brand</switch-option>
<switch-option key="random">Random</switch-option>
<switch-option key="custom">Custom</switch-option>
</switch>
</span>
</li>
<li data-ng-show="column.type === 'products' && column.section_type == 'module'">
<span class="module-create-title">Module Type</span>
<span class="module-create-option">
<switch data-ng-model="column.module_type">
<switch-option key="featured">Featured</switch-option>
<switch-option key="bestsellers">Bestsellers</switch-option>
<switch-option key="specials">Specials</switch-option>
<switch-option key="latest">Latest</switch-option>
</switch>
</span>
</li>
<li data-ng-show="column.type === 'products' && column.section_type == 'category'">
<span class="module-create-title">Category</span>
<span class="module-create-option">
<category-search model="column.category.data"></category-search>
</span>
</li>
<li data-ng-show="column.type === 'products' && column.section_type == 'manufacturer'">
<span class="module-create-title">Brand</span>
<span class="module-create-option">
<manufacturer-search model="column.manufacturer.data"></manufacturer-search>
</span>
</li>
<li data-ng-show="column.type === 'products' && column.section_type == 'custom'">
<span class="module-create-title">Products</span>
<span class="module-create-option">
<ul class="simple-list">
<li data-ng-repeat="item in column.products">
<product-search model="item.data"></product-search>
<a class="btn red delete" href="javascript:;" data-ng-click="removeProduct(column, $index)">X</a>
</li>
</ul>
<a href="javascript:;" class="btn blue add-product" data-ng-click="addProduct(column)">Add</a>
</span>
</li>
<li data-ng-show="column.type === 'products' && column.section_type == 'random'">
<span class="module-create-title">Random From</span>
<span class="module-create-option">
<switch data-ng-model="column.random_from">
<switch-option key="all"> All </switch-option>
<switch-option key="category">Category</switch-option>
</switch>
</span>
</li>
<li data-ng-show="column.type === 'products' && column.section_type == 'random' && column.random_from == 'category'">
<span class="module-create-title">Category</span>
<span class="module-create-option">
<category-search model="column.random_from_category"></category-search>
</span>
</li>
<li data-ng-show="column.type === 'products'">
<span class="module-create-title">Item Limit</span>
<span class="module-create-option">
<input type="text" value="" class="journal-input journal-sort" data-ng-model="column.items_limit" />
</span>
</li>
</ul>
<!-- column item -->
<div class="accordion-bar bar-level-2 bar-expand" data-ng-show="row.type === 'columns'">
<a data-ng-click="toggleAccordion(column.items, null, column, true)" class="hint--top hint-fix" data-hint="Expand All"><i class="expand-icon"></i></a> <a data-ng-click="toggleAccordion(column.items, null, column, false)" class="hint--top hint-fix" data-hint="Collapse All"><i class="collapse-icon"></i></a>
<label class="close-others hint--top" data-hint="Close Others"><input type="checkbox" data-ng-model="column.close_others" /></label>
</div>
<accordion close-others="column.close_others" data-ng-show="column.type === 'menu'">
<accordion-group data-ng-repeat="item in column.items" is-open="item.is_open">
<div class="dummy-3"> </div>
<accordion-heading>
<div class="accordion-bar bar-level-2"> Menu Item {{$index + 1}} <a href="javascript:;" class="accordion-remove slide-remove" data-ng-click="removeItem(column, $index)"><b ></b>Remove</a></div>
</accordion-heading>
<ul class="module-create-options lvl-2">
<li>
<span class="module-create-title">Icon</span>
<span class="module-create-option">
<icon-select data-ng-model="item.icon"></icon-select>
</span>
</li>
<li>
<span class="module-create-title">Link</span>
<span class="module-create-option">
<menu-item data-ng-model="item.menu"></menu-item>
</span>
</li>
<li data-ng-hide="item.menu.menu_type === 'custom'">
<span class="module-create-title">Name Overwrite</span>
<span class="module-create-option">
<switch data-ng-model="item.name_overwrite">
<switch-option key="1">ON</switch-option>
<switch-option key="0">OFF</switch-option>
</switch>
</span>
</li>
<li data-ng-show="item.name_overwrite === '1' || item.menu.menu_type === 'custom'">
<span class="module-create-title">Name</span>
<span class="module-create-option">
<j-opt-text-lang data-ng-model="item.name"></j-opt-text-lang>
</span>
</li>
<li>
<span class="module-create-title">Open in New Tab</span>
<span class="module-create-option">
<switch data-ng-model="item.target">
<switch-option key="1">ON</switch-option>
<switch-option key="0">OFF</switch-option>
</switch>
</span>
</li>
<li>
<span class="module-create-title">Sort Order</span>
<span class="module-create-option">
<input type="text" data-ng-model="item.sort_order" class="journal-input journal-sort" />
</span>
</li>
</ul>
</accordion-group>
</accordion>
<div class="add-level add-level-2" data-ng-click="addItem(column)" data-ng-show="row.type === 'columns' && column.type === 'menu'">Add Menu Item +</div>
</accordion-group>
</accordion>
<div class="accordion-bar bar-level-1 bar-expand" data-ng-show="row.type === 'contacts'">
<a data-ng-click="toggleAccordion(row.contacts, null, row, true)" class="hint--top hint-fix" data-hint="Expand All"><i class="expand-icon"></i></a> <a data-ng-click="toggleAccordion(row.contacts, null, row, false)" class="hint--top hint-fix" data-hint="Collapse All"><i class="collapse-icon"></i></a>
<label class="close-others hint--top" data-hint="Close Others"><input type="checkbox" data-ng-model="row.close_others" /></label>
</div>
<accordion close-others="row.close_others" data-ng-show="row.type === 'contacts'">
<!-- contacts -->
<accordion-group data-ng-repeat="contact in row.contacts" is-open="contact.is_open">
<accordion-heading>
<div class="accordion-bar bar-level-1">{{ 'Contact ' + ($index + 1) }} <a href="javascript:;" class="accordion-remove slide-remove" data-ng-click="removeContact(row, $index)"><b ></b>Remove</a></div>
</accordion-heading>
<ul class="module-create-options">
<li>
<span class="module-create-title">Position</span>
<span class="module-create-option">
<switch data-ng-model="contact.position">
<switch-option key="left">Left</switch-option>
<switch-option key="right">Right</switch-option>
</switch>
</span>
</li>
<li>
<span class="module-create-title">Icon</span>
<span class="module-create-option">
<icon-select data-ng-model="contact.icon"></icon-select>
</span>
</li>
<li>
<span class="module-create-title">Name</span>
<span class="module-create-option">
<j-opt-text-lang data-ng-model="contact.name"></j-opt-text-lang>
</span>
</li>
<li>
<span class="module-create-title">Show as Tooltip</span>
<span class="module-create-option">
<switch data-ng-model="contact.tooltip">
<switch-option key="1">ON</switch-option>
<switch-option key="0">OFF</switch-option>
</switch>
</span>
</li>
<li>
<span class="module-create-title">Link</span>
<span class="module-create-option">
<menu-item data-ng-model="contact.link"></menu-item>
</span>
</li>
<li>
<span class="module-create-title">Open in New Tab</span>
<span class="module-create-option">
<switch data-ng-model="contact.target">
<switch-option key="1">ON</switch-option>
<switch-option key="0">OFF</switch-option>
</switch>
</span>
</li>
<li>
<span class="module-create-title">Sort Order</span>
<span class="module-create-option">
<input type="text" class="journal-input journal-sort" data-ng-model="contact.sort_order" />
</span>
</li>
</ul>
</accordion-group>
</accordion>
<div class="add-level add-level-1" data-ng-click="addColumn(row)" data-ng-show="row.type === 'columns'">Add Column +</div>
<div class="add-level add-level-1" data-ng-click="addContact(row)" data-ng-show="row.type === 'contacts'">Add Contacts +</div>
</accordion-group>
</accordion>
<div class="add-level add-level-0" data-ng-click="addRow()">Add Row + </div>
</div>