i use module oclayerednavigation, it filter price eg: 1000000 - 2000000.
I want to change price ranger is 1,000,000 - 2,000,000
Pls help me, thanks
my code is:
<div class="layernavigation-module">
<div class="panel panel-default">
<div class="layered-heading module-title"><h2><?php echo $heading_title; ?></h2></div>
<div class="layered">
<div class="list-group">
<div class="filter-attribute-container filter-attribute-remove-container">
<?php $is_filter = false; ?>
<?php foreach($filter_groups as $filter_group): ?>
<?php foreach ($filter_group['filter'] as $filter) : ?>
<?php $filter_id = $filter['filter_id']; ?>
<?php if (in_array($filter['filter_id'], $filter_category)) : ?>
<?php $is_filter = true; ?>
<div class="list-group-item filter-act-name">
<p><?php echo $filter['e_name']; ?></p>
<a class="a-filter remove-filter" href="javascript:void(0);" name="<?php echo $filter_id ?>"><span>Remove</span></a>
</div>
<?php endif; ?>
<?php endforeach; ?>
<?php endforeach; ?>
<?php if($is_filter): ?>
<div class="list-group-item filter-clear-all">
<a class="clear-filter" href="javascript:void(0);" onclick="oclayerednavigationajax.filter('<?php echo $clear_action ?>')">Clear all</a>
</div>
<?php endif; ?>
</div>
<div class="filter-attribute-container filter-price">
<label><?php echo $text_byprice; ?></label>
<div class="list-group-item">
<div class="filter-price">
<div id="slider-price"></div>
<div class="slider-values">
<span><?php echo $currency_symbol; ?></span>
<input id="price-from" disabled="disabled" class="input-price" type="text" value="<?php echo $min_price ?>" placeholder="Min" name="price-from"/> -
<span><?php echo $currency_symbol; ?></span>
<input id="price-to" disabled="disabled" class="input-price" type="text" value="<?php echo $max_price ?>" placeholder="Max" name="price-to" />
</div>
</div>
</div>
</div>
<?php foreach ($filter_groups as $filter_group) { ?>
<div class="filter-attribute-container filter-<?php echo strtolower($filter_group['name']); ?>">
<label><?php echo $filter_group['name']; ?></label>
<div class="list-group-item">
<div id="filter-group<?php echo $filter_group['filter_group_id']; ?>">
<?php foreach ($filter_group['filter'] as $filter) { ?>
<?php $filter_id = $filter['filter_id']; ?>
<?php if (in_array($filter['filter_id'], $filter_category)) { ?>
<!-- Not show filter attribute -->
<?php } else { ?>
<a class="a-filter add-filter" href="javascript:void(0);" name="<?php echo $filter_id ?>"><i class="fa fa-square-o"></i><?php echo $filter['name']; ?></a>
<?php } ?>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<input type="hidden" class="filter-url" value="<?php echo $action; ?>" />
<input type="hidden" class="price-url" value="<?php echo $action; ?>" />
</div>
<script type="text/javascript">
var filter_url = '';
var ids = [];
var min_price = parseFloat('<?php echo $min_price ?>');
var max_price = parseFloat('<?php echo $max_price ?>');
var current_min_price = parseFloat($('#price-from').val());
var current_max_price = parseFloat($('#price-to').val());
$('#slider-price').slider({
range : true,
min : min_price,
max : max_price,
values : [ current_min_price, current_max_price ],
slide : function (event, ui) {
$('#price-from').val(ui.values[0]);
$('#price-to').val(ui.values[1]);
current_min_price = ui.values[0];
current_max_price = ui.values[1];
},
stop : function (event, ui) {
filter_url = $('.price-url').val();
filter_url += '&price=' + current_min_price + ',' + current_max_price;
oclayerednavigationajax.filter(filter_url);
}
});
$('.a-filter').click(function () {
var id = $(this).attr('name');
var filter_ids = '';
filter_url = $('.filter-url').val();
if($(this).hasClass('add-filter') == true) {
ids.push(id);
} else if($(this).hasClass('remove-filter') == true) {
ids = $.grep(ids, function (value) {
return value != id;
});
}
filter_ids = ids.join(',');
filter_url += '&filter=' + filter_ids;
oclayerednavigationajax.filter(filter_url);
});
$('.clear-filter').click(function () {
ids = [];
});
$(document).ajaxComplete(function () {
var current_min_price = parseFloat($('#price-from').val());
var current_max_price = parseFloat($('#price-to').val());
$('#slider-price').slider({
range : true,
min : min_price,
max : max_price,
values : [ current_min_price, current_max_price ],
slide : function (event, ui) {
$('#price-from').val(ui.values[0]);
$('#price-to').val(ui.values[1]);
current_min_price = ui.values[0];
current_max_price = ui.values[1];
},
stop : function (event, ui) {
filter_url = $('.price-url').val();
filter_url += '&price=' + current_min_price + ',' + current_max_price;
oclayerednavigationajax.filter(filter_url);
}
});
$('.a-filter').click(function () {
var id = $(this).attr('name');
var filter_ids = '';
filter_url = $('.filter-url').val();
if($(this).hasClass('add-filter') == true) {
ids.push(id);
} else if($(this).hasClass('remove-filter') == true) {
ids = $.grep(ids, function (value) {
return value != id;
});
}
filter_ids = ids.join(',');
filter_url += '&filter=' + filter_ids;
oclayerednavigationajax.filter(filter_url);
});
$('.clear-filter').click(function () {
ids = [];
});
});
$('.layered .filter-attribute-container label').click(function(){
$(this).next().slideToggle();
});
</script>
</div>
I want to change price ranger is 1,000,000 - 2,000,000
Pls help me, thanks
my code is:
<div class="layernavigation-module">
<div class="panel panel-default">
<div class="layered-heading module-title"><h2><?php echo $heading_title; ?></h2></div>
<div class="layered">
<div class="list-group">
<div class="filter-attribute-container filter-attribute-remove-container">
<?php $is_filter = false; ?>
<?php foreach($filter_groups as $filter_group): ?>
<?php foreach ($filter_group['filter'] as $filter) : ?>
<?php $filter_id = $filter['filter_id']; ?>
<?php if (in_array($filter['filter_id'], $filter_category)) : ?>
<?php $is_filter = true; ?>
<div class="list-group-item filter-act-name">
<p><?php echo $filter['e_name']; ?></p>
<a class="a-filter remove-filter" href="javascript:void(0);" name="<?php echo $filter_id ?>"><span>Remove</span></a>
</div>
<?php endif; ?>
<?php endforeach; ?>
<?php endforeach; ?>
<?php if($is_filter): ?>
<div class="list-group-item filter-clear-all">
<a class="clear-filter" href="javascript:void(0);" onclick="oclayerednavigationajax.filter('<?php echo $clear_action ?>')">Clear all</a>
</div>
<?php endif; ?>
</div>
<div class="filter-attribute-container filter-price">
<label><?php echo $text_byprice; ?></label>
<div class="list-group-item">
<div class="filter-price">
<div id="slider-price"></div>
<div class="slider-values">
<span><?php echo $currency_symbol; ?></span>
<input id="price-from" disabled="disabled" class="input-price" type="text" value="<?php echo $min_price ?>" placeholder="Min" name="price-from"/> -
<span><?php echo $currency_symbol; ?></span>
<input id="price-to" disabled="disabled" class="input-price" type="text" value="<?php echo $max_price ?>" placeholder="Max" name="price-to" />
</div>
</div>
</div>
</div>
<?php foreach ($filter_groups as $filter_group) { ?>
<div class="filter-attribute-container filter-<?php echo strtolower($filter_group['name']); ?>">
<label><?php echo $filter_group['name']; ?></label>
<div class="list-group-item">
<div id="filter-group<?php echo $filter_group['filter_group_id']; ?>">
<?php foreach ($filter_group['filter'] as $filter) { ?>
<?php $filter_id = $filter['filter_id']; ?>
<?php if (in_array($filter['filter_id'], $filter_category)) { ?>
<!-- Not show filter attribute -->
<?php } else { ?>
<a class="a-filter add-filter" href="javascript:void(0);" name="<?php echo $filter_id ?>"><i class="fa fa-square-o"></i><?php echo $filter['name']; ?></a>
<?php } ?>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<input type="hidden" class="filter-url" value="<?php echo $action; ?>" />
<input type="hidden" class="price-url" value="<?php echo $action; ?>" />
</div>
<script type="text/javascript">
var filter_url = '';
var ids = [];
var min_price = parseFloat('<?php echo $min_price ?>');
var max_price = parseFloat('<?php echo $max_price ?>');
var current_min_price = parseFloat($('#price-from').val());
var current_max_price = parseFloat($('#price-to').val());
$('#slider-price').slider({
range : true,
min : min_price,
max : max_price,
values : [ current_min_price, current_max_price ],
slide : function (event, ui) {
$('#price-from').val(ui.values[0]);
$('#price-to').val(ui.values[1]);
current_min_price = ui.values[0];
current_max_price = ui.values[1];
},
stop : function (event, ui) {
filter_url = $('.price-url').val();
filter_url += '&price=' + current_min_price + ',' + current_max_price;
oclayerednavigationajax.filter(filter_url);
}
});
$('.a-filter').click(function () {
var id = $(this).attr('name');
var filter_ids = '';
filter_url = $('.filter-url').val();
if($(this).hasClass('add-filter') == true) {
ids.push(id);
} else if($(this).hasClass('remove-filter') == true) {
ids = $.grep(ids, function (value) {
return value != id;
});
}
filter_ids = ids.join(',');
filter_url += '&filter=' + filter_ids;
oclayerednavigationajax.filter(filter_url);
});
$('.clear-filter').click(function () {
ids = [];
});
$(document).ajaxComplete(function () {
var current_min_price = parseFloat($('#price-from').val());
var current_max_price = parseFloat($('#price-to').val());
$('#slider-price').slider({
range : true,
min : min_price,
max : max_price,
values : [ current_min_price, current_max_price ],
slide : function (event, ui) {
$('#price-from').val(ui.values[0]);
$('#price-to').val(ui.values[1]);
current_min_price = ui.values[0];
current_max_price = ui.values[1];
},
stop : function (event, ui) {
filter_url = $('.price-url').val();
filter_url += '&price=' + current_min_price + ',' + current_max_price;
oclayerednavigationajax.filter(filter_url);
}
});
$('.a-filter').click(function () {
var id = $(this).attr('name');
var filter_ids = '';
filter_url = $('.filter-url').val();
if($(this).hasClass('add-filter') == true) {
ids.push(id);
} else if($(this).hasClass('remove-filter') == true) {
ids = $.grep(ids, function (value) {
return value != id;
});
}
filter_ids = ids.join(',');
filter_url += '&filter=' + filter_ids;
oclayerednavigationajax.filter(filter_url);
});
$('.clear-filter').click(function () {
ids = [];
});
});
$('.layered .filter-attribute-container label').click(function(){
$(this).next().slideToggle();
});
</script>
</div>
By using Google: https://stackoverflow.com/questions/184 ... javascript
In your posted code, find:
replace with:
Then, at the bottom of the file,
replace:
with:
This should resolved the issue.
In your posted code, find:
Code: Select all
var min_price = parseFloat('<?php echo $min_price ?>');
var max_price = parseFloat('<?php echo $max_price ?>');
var current_min_price = parseFloat($('#price-from').val());
var current_max_price = parseFloat($('#price-to').val());
Code: Select all
var min_price = isNumber('<?php echo $min_price ?>');
var max_price = isNumber('<?php echo $max_price ?>');
var current_min_price = isNumber($('#price-from').val());
var current_max_price = isNumber($('#price-to').val());
replace:
Code: Select all
});
</script>
Code: Select all
});
function isNumber(n) {
'use strict';
n = n.replace(/\./g, '').replace(',', '.');
return !isNaN(parseFloat(n)) && isFinite(n);
}
</script>
Dedication and passion goes to those who are able to push and merge a project.
Regards,
Straightlight
Programmer / Opencart Tester
Well, something like this could possibly be of help!
Ernie
---
Change default weight settings, separators, add weight units
https://www.opencart.com/index.php?rout ... n_id=32974
---
Ernie
---
Change default weight settings, separators, add weight units
https://www.opencart.com/index.php?rout ... n_id=32974
---
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Who is online
Users browsing this forum: No registered users and 84 guests