Hi,
1. Please go to Appearance > Customize > WooCommerce > Product Image > Catalog Image and change number from 570 to 270
2. Please use plugin https://wordpress.org/plugins/wp-smushit/ to optimize your image. For the next image please optimize at https://tinypng.com/ before upload to your site
3. Please use plugin https://wordpress.org/plugins/autoptimize/ and https://wordpress.org/plugins/redis-cache/ to optimize CSS, JS and cache for your site.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
This reply has been marked as private.
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Dear Harry,
You work as much as I do in the weekends 🙂
I was wondering if there is a way to selective hide certain buttons using CSS while displaying sticky ‘add to cart”.
I tried my own css but it always affects the main add to cart button etc. Is there anyway I can add a selector to the button elements which I want to hide and selectively hide them in the sticky bar?
As a future feature, maybe you can allow users to select which button should appear in the stick bar?
Thanks a lot Harry for your advise 🙂
Best Regards,
AK
Hi,
These css codes do not hide the elements I mentioned in the screenshot?
Can you please hide them or remove them because the bar becomes too big for mobile and look very bad in the desktop too. Therefore, I wanted it to have only existing buttons and not more fields when bookable products are viewed by customer.
Thanks a lot. Please see the screenshot to see what I want to remove.
Best Regards,
Team AK
Hello,
I have an issue with a testing version of our website.
My boss asked for installing Variation swatches pro for WooCommerce. (by the way this plugin is realy interessting)
But for a reason I can’t explain, the overlay on the shop page comes over the variation choices. (see attachement)
Do you have any CSS to resolve that?
Best regards
Attachments:
You must be
logged in to view attached files.
Hi Adelsamy,
1. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS
.jas-ajax-load a::before {
position: absolute;
font-family: 'Pe-icon-7-stroke';
content: '\e6c2';
right: 35px;
font-size: 18px;
}
.jas-ajax-load a {
position: relative;
padding: 0 55px 0 35px;
}
2. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS
.pe-7s-shopbag::before {
content: "\e66e";
}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi Harry,
We just found that you forgot to answer point 4: Can you please remove from the black bar, all booking product related buttons. It looks very ugly and the website becomes un-usable in mobiles. A simple CSS hiding should be enough. (See screenshot 7)
Thank you for looking into this.
Best Regards,
Team Ak
Please follow our document at http://janstudio.net/claue/document/#menu-badge and remove css class.
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Please add below code to Claue > Theme Option > general layout > Custom CSS
@media only screen and (max-width: 1330px) {
.shop-top-sidebar .widget ul li {
padding: 10px 10px;
}}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
.pwb-single-product-brands {
max-width: 150px;
}
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio