[Rene]

Hi Dimitar,

Hope you are doing well. Currently I’m testing a setup with the Rigid theme, which is very nice btw, but I’m running into a strange phenomenon. See screenshot.

• When I enable the price filter the price range is between 75 and 80. despite the fact that the prices are between the 20 and the 239 euros
• When I select e.g. ‘Sorting by price: high to low’ there is some sorting, but not from high to low.

Hope you can help me.

Kind regards,
René Guicherit

[Rene]

And now with working images… 😉

[Rene]

Hi Dimitar,

Additional question. When I zoom to the product images the right and left arrows are not visible. They are there but you can’t see them. Where can I change the color of the arrows?

Thank for the help

Kind regards,
René Guicherit

[Althemist]

Hi Rene,

You’d probably need to run the “Recount terms” and “Regenerate Product Lookup Tables” tools under WooCommerce > Tools page.

For the gallery arrows – you can’t manipulate their color, as they are part of the WooCommerce sprite. What you can do is to revert the background color back to the original WooCommerce dark background with CSS. Something like this:

body.single-product .pswp__bg {
    background: rgba(0,0,0,.9);
}

[Rene]

Hi Dimitar,

Thanks for the reply. Recount and Regenerate worked. Thanks.

The CSS als works, but is there not any way we can tweak these two?

<button class="pswp__button pswp__button--arrow--left" aria-label="Previous (arrow left)"></button>
<button class="pswp__button pswp__button--arrow--right" aria-label="Next (arrow right)"></button>

Kind regards,
René Guicherit

[Althemist]

I am afraid no. These are images and they are white, so they can’t be manipulated with CSS. They are part of the WooCommerce, not the theme, so you don’t have control.

[Rene]

Okay, to bad. But thanks for the help. And keep up the good work you guys do with the nice themes…

K.R.
René Guicherit

[Rene]

Hi Dimitar,

Just for your information (and maybe to be included in the next update?). I found a solution for the arrow issue…

button.pswp__button,
button.pswp__button:hover,
button.pswp__button--arrow--left::before,
button.pswp__button--arrow--right::before {
	background-color: rgba(255,0,0,0.5) !important; /* 1 */
}

K.R.
René Guicherit

[Author]

Posts