Combine CSS changes how the products are displayed in the cart

Hi Gianilsson,

Is it possible to provide LSCache Environment Report of “LSCache Plugin Options” section first?

Best,
Eric

Hi Eric,

Thank you for your reply!
I hope it is the below information you are asking for – otherwise, please let me know.

Server Variables
SERVER_SOFTWARE = LiteSpeed
DOCUMENT_ROOT = /hsphere/local/home/tdy1992/estelle.nu
X-LSCACHE = on,crawler,esi
LSWCP_TAG_PREFIX = 2f2

LSCache Plugin Options
version = 1.6.2.1
debug = 0
admin_ips = 127.0.0.1
public_ttl = 28800
purge_by_post = A.F.H.M.PT.T
radio_select = 1
excludes_uri = /wp-admin/
/administrator/
/adm/
/admin/
/user/
/checkout/
/customer
/downloader
/bb-admin
/webshell4/
/cart
/my-account
/checkout
/addons
/logout
/lost-password
/product
excludes_cat =
excludes_tag =
front_page_ttl = 1800
mobileview_enabled = true
cache_favicon = true
cache_resources = true
login_cookie =
nocache_cookies =
nocache_useragents =
mobileview_rules = Mobile|Android|Silk/|Kindle|BlackBerry|Opera\ Mini|Opera\ Mobi
feed_ttl = 0
purge_upgrade = true
check_advancedcache = true
404_ttl = 3600
403_ttl = 3600
500_ttl = 3600
wc_update_interval = 0
wc_shop_use_front_ttl = false
crawler_include_posts = true
crawler_include_pages = true
crawler_include_cats = true
crawler_include_tags = true
crawler_excludes_cpt =
crawler_order_links = date_desc
crawler_usleep = 500
crawler_run_duration = 400
crawler_run_interval = 600
crawler_crawl_interval = 302400
crawler_threads = 3
crawler_load_limit = 1
crawler_domain_ip =
crawler_custom_sitemap =
crawler_cron_active = false
timed_urls =
timed_urls_time =
log_file_size = 30
heartbeat = true
debug_cookie = false
collaps_qs = false
log_filters = false
log_ignore_filters = gettext
gettext_with_context
get_the_terms
get_term
log_ignore_part_filters = i18n
locale
settings
option
cache_priv = true
cache_commenter = true
cache_rest = true
cache_page_login = true
debug_level = false
cache_uri_priv =
cache_browser = false
private_ttl = 1800
excludes_qs =
css_minify = true
css_combine = true
css_http2 = false
css_exclude =
js_minify = true
js_combine = true
js_http2 = false
js_exclude =
optimize_ttl = 604800
html_minify = true
optm_qs_rm = false
optm_ggfonts_rm = false
optm_css_async = false
optm_js_defer = true
optm_emoji_rm = false
optm_excludes =
cdn = false
cdn_ori =
cdn_url =
cdn_inc_img = false
cdn_inc_css = false
cdn_inc_js = false
cdn_filetype = .aac
.css
.eot
.gif
.jpeg
.js
.jpg
.less
.mp3
.mp4
.ogg
.otf
.pdf
.png
.svg
.ttf
.woff
cdn_exclude =
media_img_lazy = false
media_iframe_lazy = false
hash = Miz1YhZKo4WKBKIGuRBkqw6EI2oJz42J
esi_enabled = false
esi_cached_admbar = true
esi_cached_commform = true
optm_exclude_jquery = true
cdn_remote_jquery = 0
media_img_lazy_placeholder =
css_combined_priority = false
js_combined_priority = false
media_img_optm_cron_off = false
media_img_webp = false

Wordpress Specific Extras
wordpress version = 4.8.3
locale = sv_SE
active theme = The Retailer
active plugins = array (
0 => ‘autodescription/autodescription.php’,
1 => ‘automatic-updater/automatic-updater.php’,
2 => ‘getbowtied-tools/getbowtied-tools.php’,
3 => ‘google-analytics-dashboard-for-wp/gadwp.php’,
4 => ‘https-redirection/https-redirection.php’,
5 => ‘js_composer/js_composer.php’,
6 => ‘lazy-load/lazy-load.php’,
7 => ‘litespeed-cache/litespeed-cache.php’,
8 => ‘official-statcounter-plugin-for-wordpress/StatCounter-Wordpress-Plugin.php’,
9 => ‘regenerate-thumbnails/regenerate-thumbnails.php’,
10 => ‘revslider/revslider.php’,
11 => ‘simple-custom-css/simple-custom-css.php’,
12 => ‘to-top/to-top.php’,
13 => ‘updraftplus/updraftplus.php’,
14 => ‘woocommerce-gateway-paypal-express-checkout/woocommerce-gateway-paypal-express-checkout.php’,
15 => ‘woocommerce-gateway-svea-webpay-2.9.1/sveawebpay-gateway.php’,
16 => ‘woocommerce-pdf-invoices-packing-slips/woocommerce-pdf-invoices-packingslips.php’,
17 => ‘woocommerce/woocommerce.php’,
18 => ‘wpforms-lite/wpforms.php’,
19 => ‘yith-woocommerce-wishlist/init.php’,
)

/hsphere/local/home/tdy1992/estelle.nu/.htaccess contents:
## https:// redirect
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R01,QSA,L]

# BEGIN LSCACHE
## LITESPEED WP CACHE PLUGIN – Do not edit the contents of this block! ##
<IfModule LiteSpeed>
RewriteEngine on
CacheLookup on
RewriteRule .* – [E=Cache-Control:no-autoflush]
RewriteRule min/\w+\.(css|js) – [E=cache-control:no-vary]

### marker MOBILE start ###
RewriteCond %{HTTP_USER_AGENT} Mobile|Android|Silk/|Kindle|BlackBerry|Opera\ Mini|Opera\ Mobi [NC]
RewriteRule .* – [E=Cache-Control:vary=ismobile]
### marker MOBILE end ###

### marker CACHE RESOURCE start ###
RewriteRule wp-content/.*/[^/]*(responsive|css|js|dynamic|loader|fonts)\.php – [E=cache-control:max-age=3600]
### marker CACHE RESOURCE end ###

### marker FAVICON start ###
RewriteRule favicon\.ico$ – [E=cache-control:max-age=86400]
### marker FAVICON end ###

</IfModule>
## LITESPEED WP CACHE PLUGIN – Do not edit the contents of this block! ##
# END LSCACHE
AddType application/x-httpd-php7 php

DirectoryIndex index.php index.html

# Added by Surftown to prevent brute force attack against wp-login.php
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{HTTP_COOKIE} !^.*wordpress_test_cookie.*$ [NC]
RewriteRule wp-login.php – [F,L]
</IfModule>

<IfModule LiteSpeed>
RewriteEngine on
CacheLookup public on

</IfModule>
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Hi Gianilsson,

Settings and rules looks fine. Would you mind open a ticket to LiteSpeedtech for further investigation?

Best,
Eric

Hi again Eric,

Thank you for your reply!
Yes, I can open a ticket to LiteSoeedtech for further investigation – I just can not find where I am able to do that. Can you, please, give me a link to them there I can open a ticket?

Thank you for your help!

If you create a ticket through litespeed site.

Hi again Eric,

I am not able to login to open a ticket on that link. And I can not see anywhere on that website there I can registered me to get a login either ….

How can I be able to open a ticket to LiteSpeedtech for further investigation?

Hello,

Something weird is going on when CSS combine option is enabled on woocommerce.
Look at screenshot before enabling CSS combine and after that. BTW no errors appear in the console.

Single product – before and after.
Product category – before and after.

Best regards,
Ivan

Hi Ivan,

Ok, that is interesting. I can see on the screenshots that you having trouble with your webstore when CSS combine option is enabled.

It looks like the problem on my website occurs in WooCommerce when CSS combine is enabled in LiteSpeed Cache – the problems occurs in the shopping cart page and also when the customer login to “My account” –> “Orders”.

I can also see that the small product images disappears in YITH WooCommerce Wishlist when CSS combine is enabled in LiteSpeed Cache.

Hi @gianilsson

The same problem appears in my cart.
Disable CSS combine option – here
Enable CSS combine option – here
That is the only option that breaks layout for my website.

Best regards,
Ivan

Hi again Ivan,

Yes, you have exactly the same problem in the shopping cart when CSS combine is enabled in LiteSpeed Cache!! This must be a problem for other users as well.

I really hope that LiteSpeed Cache can either fix this problem in the plugin or provide a Simple CSS code that we can use. If LiteSpeed Cache not works together with WooCommerce I have to look at other plugins that can combine CSS without any conflict in WooCommerce.

Thank you so much for letting me know this!!

Hi again Eric,

Finally I found where on the website I could open a ticket to LiteSpeedtech. I thought I had to login to open a ticket, but it was not necessary.

Let us see if LiteSpeedtech can help us – I really hope so!:)

Thank you so much for your help!

Hi, gianilsson and Ivan4oy

For the record, here is where you can create a ticket
Or you can send email to bug at litespeedtech.com.

If you’ve already created the ticket, then I will go ahead and close this topic so we don’t have duplicated effort ??

Hi Lisa,

I am not able to login on that link you refer to. Instead I clicked on “Contact us” on that link you refer to and there I have opened a ticket and I hope that was ok.

If it worked for you, that should be fine!

Hi again Ivan,

I got fantastic help from LiteSpeedtech and now everything with combined CSS works great in our webstore! ??

LiteSpeedtech helped me with a solution – I can not tell if this is enough for your webstore or if you need another solution, but you can always try and see if it helps you with the small images in the shopping cart:

Go to the settings in LSCache –> and choose “Tunings”. Write the following file name in the box for CSS Excludes:

woocommerce-smallscreen.css

Save changes and then click on “LiteSpeed Cache Purge All”. Now, update your website and check if the problem in the shopping cart has been solved.

To get help with the problems you experienced with combined CSS in LSCache I can really recommend you to open a ticket here.

Kind regards,