2.0.7 Buggy CSS Compression And Buggy SCSS Caching - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

2.0.7 Buggy CSS Compression And Buggy SCSS Caching

A

Allen

Helix Framework 3 years ago

Hi,

I have a site running on Helix Ultimate 2.0.7 and Pagebuilder Pro at https://www.irmcb.org/.

I learned that enabling "Compress CSS Files" in the template configuration causes the section background image to not display on the homepage at the link above.

The homepage also displays images using the "image" addon. After upgrading to 2.07 from 1.1.4, I learned that I needed to configure custom addon width to the image in order to make the image container size down to the image. That works fine. However, if I don't enable "Compile SCSS to CSS" on every page load, I learned that the custom addon width configured on the image addon does not persist, and the image addon container displays full width beyond the image. This means my custom addon width configuration only works if "Compile SCSS to CSS" is enabled in the template.

Currently, the site is template has "Compress CSS Files" disabled, and "Compile SCSS to CSS" enabled. SPPB is in operations mode. As such, the frontpage displays properly.

To reproduce the errors of the section background image not displaying at all, and the image addons displaying improperly, I only need to re-enable "Compress CSS Files" and disable "Compile SCSS to CSS".

I learned to disable "Compress CSS files" from other forum posts describing the same issue with section background images. I could not find any other posts on the image addon display issue.

0
2 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #65452

Hello Allen

Currently, the site is template has "Compress CSS Files" disabled, and "Compile SCSS to CSS" enabled. SPPB is in operations mode. As such, the frontpage displays properly.

Apology for the inconvenience. But why do want to change the settings then? Have you followed this documentation tip 8 to create the Custom Addon? Or have you overridden the addon?

Best regards

0
A
Allen
Accepted Answer
3 years ago #65464

I tried to explain clearly, but perhaps it didn't come through. I am not trying to make a custom addon. Rather, I am simply trying to get the regular HU image addon to display properly after upgrading to HU 2.0.7. Trying again:

The first problem I had to fix was to get bacground image of my row to display properly after the update:

  1. After updating to HU 2.0.7, I found that the image selected as background for the section was no longer displaying as for regular users, despite it displaying when viewing page administration through front-end configuration.
  2. I saw that others experience this probem too: https://www.joomshaper.com/supports/forums/question/11947.
  3. By disabling "Compress CSS Files" in the template configuration, the background image displays properly. Previous to updating to HU 2.0.7, the background image displayed properly with template CSS compression enabled, along with SPPB production mode. It seems one can no longer use both? Or is it that HU 2.0.7's CSS compression is buggy? I see the tip, "Note: We suggest you to disable this option. We are working on this settings for further optimization." in the "i" info tip.

The second problem I had to fix was to get the .jpg images to display properly after updating to HU 2.0.7 from HU 1.1.4:

  1. SPPB has a media addon called "Image". Image is described at https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3/addons#image.
  2. I use this addon 3 times at https://www.irmcb.org/. Take a look, and you will see them.
  3. My forum post is only letting you know that while using HU 1.1.4, the addons displayed properly without using the image addon Advanced tab to configure a custom width. The image addons displayed properly with no additional tweaks necessary.
  4. After updating to the latest HU and SPPB, I found that the image addons no longer displayed properly on the frontpage. After updating to latest SPPB, the actual .jpg images and the containers hosting them were no longer the same size. After the upgrade, the image addon container showed from under the image selected so that I could see that the container was wider than the image it is hosting. The actual image centered in the addon container, thus showing a bit of container on either side of the image. Quite strange. I had to use the Advanced tab in the addon settings to configure the addon at "88" to make the container match the image. This was not necessary before updating.

After fixing the first problem by changing the custom width settings, it seemed that HU 2.0.7 template settings were interfering with the fix applied above.

  1. After configuring custom width per above, I was sure to clear all cache on the server and in my browser prior to returning the SPPB to production mode, and re-enaabling "Compress CSS Files" in HU 2.0.7, and re-disabling "Compile SCSS to CSS".
  2. After disabling "Compile SCSS to CSS" in template settings, the fix configured in the second problem above no longer worked. The image addon containers showed around the jpg's again! Arggggh!
  3. I just re-tested this, and now cannot re-produce the problem. Perhaps there was a caching conflict messing with me, despite all of the HU, SPPB, server, and browser cache clearing I had performed.
0