Woocommerce Product Price Filter

av_admin_1984 · January 2020

Hi , Finally I'm learning a little bit of css and html

Product
Price Filter: The problem
in showing on RTL and positon of bottom

1-price_label
should be in right and [ .widget_price_filter .price_label .from, ] should be
show after of [ price_label ]and the bottom should be in left next to In front
of posts [ .widget_price_filter .price_label .from, ] the result with image

2- I used
css code to Custom css & js and now is better but I need more help , These
are my css :

.woocommerce
.widget_price_filter .price_slider_amount .button {float: left; margin-top:
80px; }

.rtl.woocommerce
.price_label {direction: rtl;}

the result with image and the link
to the page

3-I want to
show this items like this example I mean just like that code not about the color

Can you please fix my bug in css editing?

Thank you very much.

Pablo · January 2020

Hello,

As I see, it's quite similar, did you solve the problem?

The price label is on the right, just the button is on the left, you want to move it on right like on the first screenshot?

Thanks

av_admin_1984 · January 2020

No no , I want to crate like this image https://prnt.sc/qpg0as

the buttons on the left , the price label one the right and the prices near each other after price label I don't want to use br tag

Thanks

Bryan · January 2020

Sorry but this will be more advanced and would require a lot more customization. This is a standard woocommerce look and we do not modify it.

thanks

av_admin_1984 · January 2020

Fine,

Thanks.

av_admin_1984 · January 2020

Hi again

I fix that with css code , but in mobile mode have problem , would you please Hint or suggestion me ?

Pablo · January 2020

Can you disable the minify plugin?

It would be really helpful for us.

Thanks

av_admin_1984 · January 2020

Now it's diable.

Thanks

Pablo · January 2020

If you want to push this content on the top of the content, please use this JS code:

jQuery(function($){
     if($(window).width() < 768) $('.sidebar').insertBefore('#Content');
});

Thanks

av_admin_1984 · January 2020

That's not work,

Should I remove my css code ?

My code:

.rtl.woocommerce .price_label span {

direction: rtl;

}

.woocommerce .widget_price_filter .price_slider_amount .button {

margin-right: 72px;

float: right;

margin-top: 60px;

}

.widget_price_filter .price_slider_amount .button {

margin-bottom: -118px;

}

.rtl.woocommerce .price_label span {

font-size: 12px;

}

Or would you show me the result with this code ?

Thanks

av_admin_1984 · January 2020

I want to use a customize page for shop, but theme automatically assign that to default and shows the betheme default shop page, I must use my shop page in menu ?

Your theme design is very nice but in woocommerc part your design have many problem and the shop is not flexible.

Maybe I have change my theme.

Pablo · January 2020

We use the basic WooCommerce functionality, we didn't add anything for it. (as many themes on envato market)

I applied this code and it works.

Did you copy into the Theme Options > Custom CSS & JS > JS ?

Also, remember, that it will change only on mobile, inspecting it using inspector will not give you any effect because this script is turning on while your page is loaded.

http://prntscr.com/qr65fk

Thanks

av_admin_1984 · January 2020

Oh yes,

I cheeked in inspect elements,

I love betheme :-*

Do you have any plan to add more option for shop in theme options ? Because I think it's not flexible very well .

Thanks.

Pablo · January 2020

Right now we do not have any plans to do that.

For now, we are working about the new support forum and documentation because the actual one is really outdated.

Thanks

av_admin_1984 · January 2020

So after do that , do we have access to these tickets ? I mean do you convert these forum to the new one or you destroy it?

Pablo · January 2020

It will be overwrited.

I cannot tell more, but surely you will love it

Thanks

av_admin_1984 · January 2020

It would be nice,

and how long to wait for ?

and after that do you add more function for shop ?

Thanks

Pablo · January 2020

We are not sure.

At the moment, we know that we'll surely extend the functionality of the Muffin Header Builder, because it needs quite improvements.

Thanks

av_admin_1984 · January 2020

It's not good that you are not sure.
Maybe I have move on and purchase another theme for shop

Woocommerce Product Price Filter

Comments

This website uses cookies