Price Range in collection page issue

Shopify Discussion
,
1

Hi

I am not a developer and have my own website. I am facing an issue with the price range shown on the collection page. As someone adjust the price range the it removes last three digits. for example, if my price range is between 0 to 150000 and if we adjust the price range to 140000 then it will take 0 to 140

https://www.onlinemantra.in/collections/aurora?filter.v.price.gte=0&filter.v.price.lte=160

I am using wookie theme and added the shop and discovery app by shopify for the feature. I raised a case with shopify and they installed another free theme to check which was working fine. This is an issue in the wookie theme. Can someone help me where i can get this sorted.

Regards

Anish Todarwal

onlinemantra_0-1689828745892.png
onlinemantra_0-1689828745892.png1850×925 208 KB

2

hi @onlinemantra

the scenario is when you add a filter the collection price is showing 0..0 Rs to 14.00 Rs
this needs to be checked

vinods_0-1689833244368.png
vinods_0-1689833244368.png1366×768 113 KB

3

Yes I know the issue. Need to find a solution. For this. Can you suggest the reason why this issue is coming

4

The codes mentioned in the price_range_widget.css.liquid is as below

/*
The GPU License
Copyright (c) 2021 p-themes
https://themeforest.net/user/p-themes
*/
.scrollwidget{
display: block !important;
}
.scrollwidget_inputs{
display: flex;
justify-content: space-between;
align-items: center;
}
.scrollwidget_inputs input{
width: 100%;
height: 40px;
padding: 0 15px;
font-size: 14px;
line-height: 20px;
outline: none;
border: unset;
color: {{settings.prrange_input_color}};
background: {{settings.prrange_input_background}};
border: 1px solid {{settings.prrange_input_border}};
}

.scrollwidget_inputs input::-webkit-input-placeholder {
color: {{ settings.prrange_input_color }};
}
.scrollwidget_inputs input::-moz-placeholder {
color: {{ settings.prrange_input_color }};
}
.scrollwidget_inputs input:-moz-placeholder {
color: {{ settings.prrange_input_color }};
}
.scrollwidget_inputs input:-ms-input-placeholder {
color: {{ settings.prrange_input_color }};
}

.scrollwidget_inputs input:hover,
.scrollwidget_inputs input:focus{
color: {{settings.prrange_input_color_h}};
border-color:{{settings.prrange_input_border_h}};
background: {{settings.prrange_input_background_h}};
}
.scrollwidget_text{
text-align: center;
min-width: 30px;
}

.scrollwidget_scroll{
–buttonwidth: {{settings.prrange_size}}px;
display: flex;
align-items: center;
margin-top: 15px;
height: var(–buttonwidth);
position: relative;
}
.scrollwidget_scroll_active,
.scrollwidget_scroll_line{
height: {{settings.prrange_lineheight}}px;
}
.scrollwidget_scroll_line{
width: 100%;
position: relative;
background: {{settings.prrange_line_color}};
}
.scrollwidget_scroll_active{
position: absolute;
left: 0;
right: 0;
top: 0;
background: {{settings.prrange_line_color_h}};
}
.scrollwidget_inputs input::-webkit-outer-spin-button,
.scrollwidget_inputs input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.scrollwidget_inputs input[type=number] {
-moz-appearance: textfield;
}
[class*=“scrollwidget_scroll_btn”]{
position: absolute;
width: var(–buttonwidth);
height: var(–buttonwidth);
padding: 0;
background: {{settings.prrange_button_color}};
border: 1px solid {{settings.prrange_border_color}};
cursor: pointer;
z-index: 1;
border-radius: {{settings.prrange_radius}}px;
}
.scrollwidget_scroll_btn__left{
left: 0;
}
.scrollwidget_scroll_btn__right{
right: 0;
}
[class*=“scrollwidget_scroll_btn”]:before{
content: “”;
height: calc(var(–buttonwidth) + var(–buttonwidth));
display: block;
position: absolute;
top: -10px;
z-index: 0;
cursor: default;
}
button.scrollwidget_scroll_btn__left:before {
width: calc(var(–buttonwidth) + 10px);
left: -10px;
}
button.scrollwidget_scroll_btn__right:before {
width: calc(var(–buttonwidth) + 10px);
right: -10px;
}
[class*=“scrollwidget_scroll_btn”]:after {
content: “”;
width: var(–buttonwidth);
height: var(–buttonwidth);
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
cursor: pointer;
}
@media (max-width: 1024px){
.aside.leftColumn.withpricerage{
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
}

5

@onlinemantra

the filter and pricing code needs to be checked and worked on

have you installed any app for this ?

6

I have installed the search and discovery app by shopify. I checked with
shopify team also but they say it is an issue with my theme wookie as they
tried installing another dwan theme and it is working fine in that.

7

I have installed the “search and discovery” app by shopify. I checked with shopify team also but they say it is an issue with my theme wookie as they tried installing another dwan theme and it is working fine in that.

8

in your theme there would be code issue as dawn theme is from shopify so it is glitch free

did you take ur theme from theme forest or somewhere else ? if yes then code needs to checked

9

Yes took it from themeforest

10

hi @onlinemantra

ok the code needs to checked the pricing code