File "octhemeoption.twig"
Full path: /home/cakedeco/retaildirectonline.co.uk/admin/view/template/extension/module/octhemeoption.twig
File
size: 54.16 B (54.16 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor &nnbsp; Back
{{ header }}{{ column_left }}
<div id="content">
<div class="page-header">
<div class="container-fluid">
<div class="pull-right">
<button type="submit" form="form-octhemeoption" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
<a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a></div>
<h1>{{ heading_title }}</h1>
<ul class="breadcrumb theme-option-breadcrumb">
{% for breadcrumb in breadcrumbs %}
<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="container-fluid">
{% if error_warning %}
<div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
<button type="button" class="close" data-dismiss="alert">×</button>
</div>
{% endif %}
{% if error_load_file %}
<div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_load_file }}
<button type="button" class="close" data-dismiss="alert">×</button>
</div>
{% endif %}
{% if success %}
<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}
<button type="button" class="close" data-dismiss="alert">×</button>
</div>
{% endif %}
<div class="theme-option-container">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="fa fa-pencil fw"></i>{{ text_edit }}</h3>
</div>
<div class="panel-body">
<form action="{{ action_import }}" method="post" enctype="multipart/form-data" id="form-data" class="form-horizontal">
<input type="hidden" name="file" />
</form>
<form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-octhemeoption" class="form-horizontal">
<ul class="nav nav-tabs general-sections">
<li class="active"><a href="#tab-configuration" data-toggle="tab">{{ tab_configuration }}</a></li>
<li><a href="#tab-product" data-toggle="tab">{{ tab_product }}</a></li>
<li><a href="#tab-category" data-toggle="tab">{{ tab_category }}</a></li>
<li><a href="#tab-stylesheet" data-toggle="tab">{{ tab_stylesheet }}</a></li>
<li><a href="#tab-database" style="display:none;" data-toggle="tab">{{ tab_backup }}</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-configuration">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-image">{{ entry_loader_image }}</label>
<div class="col-sm-9">
<a href="" id="thumb-image" data-toggle="image" class="img-thumbnail"><img src="{{ thumb }}" alt="" title="" /></a>
<input type="hidden" name="module_octhemeoption_loader_img" value="{{ module_octhemeoption_loader_img }}" id="input-image" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-configuration-store">{{ entry_store }}</label>
<div class="col-sm-6">
<select id="input-configuration-store" class="form-control">
{% for store in stores %}
<option value="{{ store.store_id }}" {% if(store.store_id == 0) %}selected="selected"{% endif %}>{{ store.name }}</option>
{% endfor %}
</select>
</div>
</div>
{% for store in stores %}
<div id="frm-configuration-{{ store.store_id }}" class="frm-configuration">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-catalog-{{ store.store_id }}">{{ entry_catalog }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_catalog[{{ store.store_id }}]" id="input-catalog-{{ store.store_id }}" class="form-control">
{% if module_octhemeoption_catalog[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-rotator-{{ store.store_id }}">{{ entry_rotator }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_rotator[{{ store.store_id }}]" id="input-rotator-{{ store.store_id }}" class="form-control">
{% if module_octhemeoption_rotator[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-quickview-{{ store.store_id }}">{{ entry_quickview }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_quickview[{{ store.store_id }}]" id="input-quickview-{{ store.store_id }}" class="form-control">
{% if module_octhemeoption_quickview[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="tab-pane" id="tab-stylesheet">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-stylesheet-store">{{ entry_store }}</label>
<div class="col-sm-6">
<select id="input-stylesheet-store" class="form-control">
{% for store in stores %}
<option value="{{ store.store_id }}" {% if(store.store_id == 0) %}selected="selected"{% endif %}>{{ store.name }}</option>
{% endfor %}
</select>
</div>
</div>
{% for store in stores %}
<div id="frm-stylesheet-{{ store.store_id }}" class="frm-stylesheet">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-status-{{ store.store_id }}">{{ entry_status }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_status[{{ store.store_id }}]" id="input-status-{{ store.store_id }}" class="form-control style-status" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_status[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="row stylesheet-settings" id="stylesheet-settings-{{ store.store_id }}">
<div class="col-sm-2">
<ul class="nav nav-pills nav-stacked" id="stylesheet">
<li class="active"><a href="#tab-body-{{ store.store_id }}" data-toggle="tab">{{ tab_body }}</a></li>
<li><a href="#tab-a-{{ store.store_id }}" data-toggle="tab">{{ tab_a }}</a></li>
<li><a href="#tab-header-{{ store.store_id }}" data-toggle="tab">{{ tab_header }}</a></li>
</ul>
</div>
<div class="col-sm-10">
<div class="tab-content">
<div class="tab-pane active" id="tab-body-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-body-color">{{ entry_color }}</label>
<div class="col-sm-3">
<input type="text" id="input-body-color" class="jscolor form-control" name="module_octhemeoption_body[{{ store.store_id }}][color]" value="{{ module_octhemeoption_body[store.store_id].color }}" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-body-font-family">{{ entry_font_family }}</label>
<div class="col-sm-3">
<input type="text" id="input-body-font-family" class="form-control" name="module_octhemeoption_body[{{ store.store_id }}][font_family]" value="{{ module_octhemeoption_body[store.store_id].font_family }}" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-body-font-size">{{ entry_font_size }}</label>
<div class="col-sm-3">
<input type="text" id="input-body-font-size" class="form-control" name="module_octhemeoption_body[{{ store.store_id }}][font_size]" value="{{ module_octhemeoption_body[store.store_id].font_size }}" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-body-font-weight">{{ entry_font_weight }}</label>
<div class="col-sm-3">
<input type="text" id="input-body-font-weight" class="form-control" name="module_octhemeoption_body[{{ store.store_id }}][font_weight]" value="{{ module_octhemeoption_body[store.store_id].font_weight }}" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-line-height">{{ entry_line_height }}</label>
<div class="col-sm-3">
<input type="text" id="input-line-height" class="form-control" name="module_octhemeoption_body[{{ store.store_id }}][line_height]" value="{{ module_octhemeoption_body[store.store_id].line_height }}" />
</div>
</div>
</div>
<div class="tab-pane" id="tab-a-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-color">{{ entry_color }}</label>
<div class="col-sm-3">
<input type="text" id="input-color" class="jscolor form-control" name="module_octhemeoption_a_tag[{{ store.store_id }}][color]" value="{{ module_octhemeoption_a_tag[store.store_id].color }}" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-hover-color">{{ entry_hover_color }}</label>
<div class="col-sm-3">
<input type="text" id="input-hover-color" class="jscolor form-control" name="module_octhemeoption_a_tag[{{ store.store_id }}][hover_color]" value="{{ module_octhemeoption_a_tag[store.store_id].hover_color }}" />
</div>
</div>
</div>
<div class="tab-pane" id="tab-header-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-hcolor">{{ entry_color }}</label>
<div class="col-sm-3">
<input type="text" id="input-hcolor" class="jscolor form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][color]" value="{{ module_octhemeoption_header_tag[store.store_id].color }}" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-hfont-family">{{ entry_font_family }}</label>
<div class="col-sm-3">
<input type="text" id="input-hfont-family" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][font_family]" value="{{ module_octhemeoption_header_tag[store.store_id].font_family }}" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label" for="input-hfont-weight">{{ entry_font_weight }}</label>
<div class="col-sm-3">
<input type="text" id="input-hfont-weight" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][font_weight]" value="{{ module_octhemeoption_header_tag[store.store_id].font_weight }}" />
</div>
</div>
<ul class="nav nav-tabs">
<li class="active"><a href="#tab-h1-{{ store.store_id }}" data-toggle="tab">{{ 'h1' }}</a></li>
<li><a href="#tab-h2-{{ store.store_id }}" data-toggle="tab">{{ 'h2' }}</a></li>
<li><a href="#tab-h3-{{ store.store_id }}" data-toggle="tab">{{ 'h3' }}</a></li>
<li><a href="#tab-h4-{{ store.store_id }}" data-toggle="tab">{{ 'h4' }}</a></li>
<li><a href="#tab-h5-{{ store.store_id }}" data-toggle="tab">{{ 'h5' }}</a></li>
<li><a href="#tab-h6-{{ store.store_id }}" data-toggle="tab">{{ 'h6' }}</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab-h1-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-h1-font-size">{{ entry_font_size }}</label>
<div class="col-sm-3">
<input type="text" id="input-h1-font-size" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][h1][font_size]" value="{{ module_octhemeoption_header_tag[store.store_id].h1.font_size }}" />
</div>
</div>
</div>
<div class="tab-pane" id="tab-h2-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-h2-font-size">{{ entry_font_size }}</label>
<div class="col-sm-3">
<input type="text" id="input-h2-font-size" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][h2][font_size]" value="{{ module_octhemeoption_header_tag[store.store_id].h2.font_size }}" />
</div>
</div>
</div>
<div class="tab-pane" id="tab-h3-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-h3-font-size">{{ entry_font_size }}</label>
<div class="col-sm-3">
<input type="text" id="input-h3-font-size" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][h3][font_size]" value="{{ module_octhemeoption_header_tag[store.store_id].h3.font_size }}" />
</div>
</div>
</div>
<div class="tab-pane" id="tab-h4-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-h4-font-size">{{ entry_font_size }}</label>
<div class="col-sm-3">
<input type="text" id="input-h4-font-size" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][h4][font_size]" value="{{ module_octhemeoption_header_tag[store.store_id].h4.font_size }}" />
</div>
</div>
</div>
<div class="tab-pane" id="tab-h5-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-h5-font-size">{{ entry_font_size }}</label>
<div class="col-sm-3">
<input type="text" id="input-h5-font-size" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][h5][font_size]" value="{{ module_octhemeoption_header_tag[store.store_id].h5.font_size }}" />
</div>
</div>
</div>
<div class="tab-pane" id="tab-h6-{{ store.store_id }}">
<div class="form-group">
<label class="col-sm-2 control-label" for="input-h6-font-size">{{ entry_font_size }}</label>
<div class="col-sm-3">
<input type="text" id="input-h6-font-size" class="form-control" name="module_octhemeoption_header_tag[{{ store.store_id }}][h6][font_size]" value="{{ module_octhemeoption_header_tag[store.store_id].h6.font_size }}" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="tab-pane" id="tab-product">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-product-store">{{ entry_store }}</label>
<div class="col-sm-6">
<select id="input-product-store" class="form-control">
{% for store in stores %}
<option value="{{ store.store_id }}" {% if(store.store_id == 0) %}selected="selected"{% endif %}>{{ store.name }}</option>
{% endfor %}
</select>
</div>
</div>
{% for store in stores %}
<div id="frm-product-{{ store.store_id }}" class="frm-product">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-swatches-{{ store.store_id }}">{{ entry_use_swatches }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_use_swatches[{{ store.store_id }}]" id="input-swatches-{{ store.store_id }}" class="form-control" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_use_swatches[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-dimension-{{ store.store_id }}">{{ entry_icon_swatches }}</label>
<div class="col-sm-3">
<input type="text" value="{{ module_octhemeoption_swatches_width[store.store_id] }}" name="module_octhemeoption_swatches_width[{{ store.store_id }}]" placeholder="{{ entry_width }}" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" value="{{ module_octhemeoption_swatches_height[store.store_id] }}" name="module_octhemeoption_swatches_height[{{ store.store_id }}]" placeholder="{{ entry_height }}" class="form-control" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-color-option-{{ store.store_id }}">{{ entry_color_option }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_swatches_option[{{ store.store_id }}]" id="input-color-option-{{ store.store_id }}" class="form-control">
{% for option in options %}
{% if option.type == 'select' or option.type == 'radio' %}
<option value="{{ option.option_id }}" {% if module_octhemeoption_swatches_option[store.store_id] == option.option_id %} selected="selected" {% endif %}>{{ option.name }}</option>
{% endif %}
{% endfor %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-zoom-{{ store.store_id }}">{{ entry_use_zoom }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_use_zoom[{{ store.store_id }}]" id="input-zoom-{{ store.store_id }}" class="form-control zoom-status" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_use_zoom[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group zoom-settings zoom-settings-{{ store.store_id }}">
<label class="col-sm-3 control-label" for="input-zoom-position-{{ store.store_id }}">{{ entry_zoom_position }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_zoom_position[{{ store.store_id }}]" id="input-zoom-position-{{ store.store_id }}" class="form-control">
<option value="outside" {% if module_octhemeoption_zoom_position[store.store_id] == 'outside' %}selected="selected"{% endif %}>{{ text_outside }}</option>
<option value="inside" {% if module_octhemeoption_zoom_position[store.store_id] == 'inside' %}selected="selected"{% endif %}>{{ text_inside }}</option>
</select>
</div>
</div>
<div class="form-group zoom-settings zoom-settings-{{ store.store_id }}">
<label class="col-sm-3 control-label" for="input-zoom-space-{{ store.store_id }}">{{ entry_zoom_space }}</label>
<div class="col-sm-6">
<input type="text" id="input-zoom-space-{{ store.store_id }}" class="form-control" name="module_octhemeoption_zoom_space[{{ store.store_id }}]" value="{{ module_octhemeoption_zoom_space[store.store_id] }}" placeholder="{{ text_zoom_space }}" />
<span><i class="fa fa-exclamation-circle"></i> <i>{{ text_for_space }}</i></span>
</div>
</div>
<div class="form-group zoom-settings zoom-settings-{{ store.store_id }}">
<label class="col-sm-3 control-label" for="input-zoom-title-{{ store.store_id }}">{{ entry_zoom_title }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_zoom_title[{{ store.store_id }}]" id="input-zoom-title-{{ store.store_id }}" class="form-control" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_zoom_title[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group " style="display:none !important;" >
<label class="col-sm-3 control-label" for="input-zoom-background-{{ store.store_id }}">{{ entry_zoom_bg }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_zoom_background_status[{{ store.store_id }}]" id="input-zoom-background-{{ store.store_id }}" class="form-control" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_zoom_background_status[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group " style="display:none !important;">
<label class="col-sm-3 control-label" for="input-zoom-background-color-{{ store.store_id }}">{{ entry_zoom_bg_color }}</label>
<div class="col-sm-2">
<input type="text" id="input-zoom-background-color-{{ store.store_id }}" class="form-control jscolor" name="module_octhemeoption_zoom_background_color[{{ store.store_id }}]" value="{{ module_octhemeoption_zoom_background_color[store.store_id] }}" />
</div>
<label class="col-sm-2 control-label" for="input-zoom-background-opacity-{{ store.store_id }}">{{ entry_zoom_bgopacity }}</label>
<div class="col-sm-2">
<input type="text" id="input-zoom-background-opacity-{{ store.store_id }}" class="form-control" name="module_octhemeoption_zoom_background_opacity[{{ store.store_id }}]" value="{{ module_octhemeoption_zoom_background_opacity[store.store_id] }}" />
</div>
</div>
</div>
{% endfor %}
</div>
<div class="tab-pane" id="tab-category">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-category-store">{{ entry_store }}</label>
<div class="col-sm-6">
<select id="input-category-store" class="form-control">
{% for store in stores %}
<option value="{{ store.store_id }}" {% if(store.store_id == 0) %}selected="selected"{% endif %}>{{ store.name }}</option>
{% endfor %}
</select>
</div>
</div>
{% for store in stores %}
<div id="frm-category-{{ store.store_id }}" class="frm-category">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-custom-view-{{ store.store_id }}">{{ entry_custom_view }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_custom_view[{{ store.store_id }}]" id="input-custom-view-{{ store.store_id }}" class="form-control" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_custom_view[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-cview-{{ store.store_id }}">{{ entry_category_view }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_category_view[{{ store.store_id }}]" id="input-cview-{{ store.store_id }}" class="form-control">
<option value="list" {% if module_octhemeoption_category_view[store.store_id] == 'list' %} selected="selected" {% endif %}>{{ text_list }}</option>
<option value="grid" {% if module_octhemeoption_category_view[store.store_id] == 'grid' %} selected="selected" {% endif %}>{{ text_grid }}</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-columns-{{ store.store_id }}">{{ entry_columns_grid }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_grid_columns[{{ store.store_id }}]" id="input-columns-{{ store.store_id }}" class="form-control">
<option value="2" {% if module_octhemeoption_grid_columns[store.store_id] == '2' %} selected="selected" {% endif %}>2</option>
<option value="3" {% if module_octhemeoption_grid_columns[store.store_id] == '3' %} selected="selected" {% endif %}>3</option>
<option value="4" {% if module_octhemeoption_grid_columns[store.store_id] == '4' %} selected="selected" {% endif %}>4</option>
<option value="5" {% if module_octhemeoption_grid_columns[store.store_id] == '5' %} selected="selected" {% endif %}>5</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-layered-{{ store.store_id }}">{{ entry_use_layered }}</label>
<div class="col-sm-3">
<select name="module_octhemeoption_use_layered[{{ store.store_id }}]" id="input-layered-{{ store.store_id }}" class="form-control" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_use_layered[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
<div class="col-sm-3">
<select name="module_octhemeoption_layered_column[{{ store.store_id }}]" class="form-control">
<option value="left" {% if module_octhemeoption_layered_column[store.store_id] == 'left' %} selected="selected" {% endif %}>{{ text_column_left }}</option>
<option value="right" {% if module_octhemeoption_layered_column[store.store_id] == 'right' %} selected="selected" {% endif %}>{{ text_column_right }}</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-cquickview-{{ store.store_id }}">{{ entry_use_quickview }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_use_cate_quickview[{{ store.store_id }}]" id="input-cquickview-{{ store.store_id }}" class="form-control" data-store-id="{{ store.store_id }}">
{% if module_octhemeoption_use_cate_quickview[store.store_id] %}
<option value="1" selected="selected">{{ text_enabled }}</option>
<option value="0">{{ text_disabled }}</option>
{% else %}
<option value="1">{{ text_enabled }}</option>
<option value="0" selected="selected">{{ text_disabled }}</option>
{% endif %}
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-product-image-{{ store.store_id }}">{{ entry_product_image }}</label>
<div class="col-sm-6">
<select name="module_octhemeoption_image_effect[{{ store.store_id }}]" id="input-product-image-{{ store.store_id }}" class="form-control">
<option value="none" {% if module_octhemeoption_image_effect[store.store_id] == 'none' %}selected="selected" {% endif %}>{{ text_none }}</option>
<option value="rotator" {% if module_octhemeoption_image_effect[store.store_id] == 'rotator' %}selected="selected" {% endif %}>{{ text_use_rotator }}</option>
<option value="swatches" {% if module_octhemeoption_image_effect[store.store_id] == 'swatches' %}selected="selected" {% endif %}>{{ text_use_swatches }}</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label" for="input-product-image-{{ store.store_id }}">{{ entry_icon_swatches }}</label>
<div class="col-sm-3">
<input type="text" value="{{ module_octhemeoption_cate_swatches_width[store.store_id] }}" name="module_octhemeoption_cate_swatches_width[{{ store.store_id }}]" placeholder="{{ entry_width }}" class="form-control" />
</div>
<div class="col-sm-3">
<input type="text" value="{{ module_octhemeoption_cate_swatches_height[store.store_id] }}" name="module_octhemeoption_cate_swatches_height[{{ store.store_id }}]" placeholder="{{ entry_height }}" class="form-control" />
</div>
</div>
</div>
{% endfor %}
</div>
<div class="tab-pane" id="tab-database" style="display:none;">
<div class="form-group">
<label class="col-sm-3 control-label" for="input-theme">{{ entry_theme_database }}</label>
<div class="col-sm-9">
<div class="row">
<div class="col-sm-6">
<select id="input-theme" class="form-control" name="file">
{% for key, value in database %}
<option value="{{ key }}">{{ value }}</option>
{% endfor %}
</select>
</div>
<div class="col-sm-6">
<button type="button" id="button-import" class="btn btn-primary btn-theme-option"><i class="fa fa-upload"></i> {{ button_import }}</button>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
$('.toggle.btn').on('click', function () {
var ckb_status = parseInt($(this).find('.ckb-switch').val());
if(ckb_status == 1) {
$(this).find('.ckb-switch').val('0');
} else {
$(this).find('.ckb-switch').val('1');
}
});
// Module Configuration of Stores
$('.frm-configuration').hide();
$('#frm-configuration-0').show();
$('#input-configuration-store').change(function () {
var store_id = $(this).val();
$('.frm-configuration').hide();
$('#frm-configuration-' + store_id).show();
});
// Stylesheet of Stores
$('.frm-stylesheet').hide();
$('#frm-stylesheet-0').show();
$('#input-stylesheet-store').change(function () {
var store_id = $(this).val();
$('.frm-stylesheet').hide();
$('#frm-stylesheet-' + store_id).show();
});
// Enable / Disable Stylesheet Settings
$('.stylesheet-settings').hide();
var style_selection = $('.style-status');
style_selection.each(function () {
var store_id = $(this).data('store-id');
var status = parseInt($('#input-status-' + store_id).val());
if(status === 1) {
$('#stylesheet-settings-' + store_id).show();
} else {
$('#stylesheet-settings-' + store_id).hide();
}
});
style_selection.on('change', function () {
var store_id = $(this).data('store-id');
var status = parseInt($('#input-status-' + store_id).val());
if(status === 1) {
$('#stylesheet-settings-' + store_id).show();
} else {
$('#stylesheet-settings-' + store_id).hide();
}
});
// Product Configuration of Stores
$('.frm-product').hide();
$('#frm-product-0').show();
$('#input-product-store').change(function () {
var store_id = $(this).val();
$('.frm-product').hide();
$('#frm-product-' + store_id).show();
});
// Category Configuration of Stores
$('.frm-category').hide();
$('#frm-category-0').show();
$('#input-category-store').change(function () {
var store_id = $(this).val();
$('.frm-category').hide();
$('#frm-category-' + store_id).show();
});
// Enable / Disable Zoom Settings
$('.zoom-settings').hide();
var zoom_status = $('.zoom-status');
zoom_status.each(function () {
var store_id = $(this).data('store-id');
var status = parseInt($('#input-zoom-' + store_id).val());
if(status === 1) {
$('.zoom-settings-' + store_id).show();
} else {
$('.zoom-settings-' + store_id).hide();
}
});
zoom_status.change(function () {
var store_id = $(this).data('store-id');
var status = parseInt($('#input-zoom-' + store_id).val());
if(status === 1) {
$('.zoom-settings-' + store_id).show();
} else {
$('.zoom-settings-' + store_id).hide();
}
});
});
</script>
<script type="text/javascript"><!--
$('#button-import').on('click', function() {
$('#form-data input[name=\'file\']').val($('#input-theme').val());
$('#form-data').submit();
});
//--></script>
{{ footer }}