Moved: Reply To: Basel Shop filters content type

Hi Elise,

I got the the search working with Relevanssi but I think Relevanssi slows my website little bit.
Do you still prefer that I should try YITH Woocommerce Ajax Search?

My website performs pretty well on laptops.
PageSpeed Insights gives me after two tries 89-80 for laptop but 19-1 for cellphones.
Before downloading Relevanssi my site was performing as high as 93 on laptop.

I tried many different kind of JS & CSS optimizing plugins but they just broke my website.
For example I tried Jetpack Boost, Asset CleanUP and few others.

Some time ago I tested many different Cache SEO plugins and realized that LightSpeed Cache was the fastest. I have not tried WP Super Cache.

PageSpeed Insights tells that Javascript and CSS are slowing my website alot.
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.sukat.com%2F&tab=mobile

I tried also Gtranslate for easy mulitilingual app for my website and It didn’t work and then I asked Gtranslate customer service for help and they told me this:
My point is that a javascript from translate.google.com is being “optimized”, you need to avoid that otherwise it will not work.
Please contact the Basel theme developer or your cache plugin developer for further information.

Best Regards,
Tuomo Nurkkala

Hello,

Please check this topic on your issue: https://xtemos.com/forums/topic/for-those-willing-to-optimize-speed/#post-272908

If you have any questions please feel free to contact us.

Best Regards

Hi!

Where can I change the font size for colors?
Look at the picture (color-ball-font-size-kameli).

Does Basel theme have as nice of Filters than Woodmart and where can I change their places (look at the picture (Filters).
I found that they can be only on top but is there somewhere else other adjustments? (look at the picture (shop-filters).

Best Regards,
Tuomo Nurkkala

Attachments:

You must be logged in to view attached files.

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/basel/advanced-typography-settings-2/

Best Regards

Thanks,
Where can I find the the CSS codes for this?

Next question is that where can I change Swatches sizes from large to extra large or even bigger?
Look at the photos Avokasssukat and Avokassukat-Swatches-size

Best Regards,
Tuomo Nurkkala

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-pf-dropdown .swatches-normal .filter-swatch>span, 
body .basel-woocommerce-layered-nav .swatches-normal .filter-swatch>span {
    width: 45px;
    height: 45px;
}

Best Regards

Thank you!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts