I just solved this. Thank you.

– Michael

Hi:

Yes, it looks OK now. I had changed the encoding for the TM and there may have been some latency on the server. It looks like it is showing alright now, so thanks for your response.

– Michael

Yes, I agree. We are going to go live with our site within the month and still have image headlines in the layer-slider. It looks “OK” for the most part, but not proportionally as good when it gets to mobile size. I could never find a selector that worked with text headlines within the sliders, and tried many to no effect. It has a section to add CSS, but doesn’t seem to work for this issue—and adding CSS to the Enfold theme without the right selector didn’t work.

It seems to be a Layer Slider issue operating on it’s own CSS rules.

– Michael

I have done extensive testing and have narrowed down the issue to a plugin. Magic Zoom Plus, which interferes somehow with the variable product on the single product page—consequently WooCommerce marks it as unavailable and displays the error message. The product variations can be navigated and the selected image for each color comes up properly within a “Quick View,” plus can be ordered and added to the cart in this way. So, the basic functions of WooCommerce seem to be working and the Magic Zoom Plus version 4.5.41, (the current version,) plugin is incompatible with WooCommerce version 2.4.3.

I have the issue into the plugin author to see if he will provide an update to handle the incompatibility, if not I will go to another solution and test it again.

I wanted to give you the data for resolution—Enfold and other themes I have tried are all compatible and all react in the same way to this plugin.

I did not find this file in the Enfold root, but it may be an issue if Enfold includes this:

“WooCommerce has a template file called:

yourtheme/woocommerce/single-product/add-to-cart/variable.php
And rename or delete the file. This will cause the core WC version to be used in place until the theme is made compatible.”

Thank you.

Upgraded to WooCommerce Version 2.4.2. This did not fix the issue, it did nothing. All products still shown as unavailable.

This software no longer works for us for ecommerce. There are many others with this same issue. This update did not address the issue at all for us and the store is still broken.

That’s exactly what I did late last night. I have now set up a mirror ecommerce site migrating from backup files in a new subdirectory. It is running WooCommerce Version 2.3.13 and again works perfectly. It will remain Version 2.3.13 as that is the last version of WooCommerce that works for us so far.

The only other data I have found is on GitHub. An earlier release had similar problems: https://github.com/woothemes/woocommerce/issues/4373

Also more data on https://github.com/woothemes/woocommerce and https://woocommerce.wordpress.com.

In the future I will always run duplicate sites in separate subdomains so that I can test out all updates without affecting ecommerce and losing money and time. This was a major setback and I hope WooCommerce will correct their bad code.

Thanks for your response.

Hi:

Thanks for the response.

This helps with the “Shop Banner Image Color Overlay” and can control it’s height within the container. The container however reduces about 1/8″, but no more—no matter what I try. The color overlay can get very narrow, but it floats within the container.

I am using the Woocommerce default shop page, so it must have something to do with the page Woocommerce uses in its code. You cannot modify the menu setting on the page, i.e. “transparency” etc., in the Woocommerce default shop page either.

If you have another idea to control the container let’s try, otherwise it’s probably not worth the time to figure it out since it is cosmetic only.

Other points on the banner settings that would be good future capabilities:

1. The ability to style the “Shop Description” easily as it is centered body text by default. Need to be able to style headlines and position it responsively.
2. Ability to control the height of the shop banner container to take full advantage of the parallax feature for the banner image. Right now it is so narrow the parallax doesn’t do a lot.
3. The ability to turn off the parallax feature in the banner image so the image does not change in the viewport on different device screens. It is hard to make it work from a 27″ Retina to a 5″ smart phone.

Thank you.

– Michael

• This reply was modified 9 years, 3 months ago by blaircomm.

Hi:

Of course—see in private content. The site is in development and password protected right now. I will activate the banner for you so you can see.

Hi:

Thank you for the response.

The slider operates exactly as it did before. I already had raster, (that is image headlines,) inserted into the slider as a workaround for the type, (that is vector fonts,) not being responsive within LayerSlider, as it simply does not respond to the same CSS Enfold does.

Did you test it out on the 4r slider with the vector font text? It doesn’t work for me.

I added the class to the slider text layers in the “attributes” section, and tried many variations of controlling that class with CSS that you added to the Quick CSS and CSS I wrote for the “styles” custom CSS section within the slider, and again custom code separately within the Enfold Quick CSS section. Nothing worked. The slider operates exactly as it did before.

So, I don’t get it. Theoretically it should, but there must be some CSS overwriting the attempts at controlling the type and I don’t know where that is—a hierarchy issue within the LayerSlider’s CSS cascade. Images were always responsive within LayerSlider, just not text. That’s the problem.

I think I have concluded that it is not possible to make the LayerSlider text responsive—or to control it with CSS. I will look inside the Enfold theme CSS files to see if I can spot the issue, but I do not change those. There must be a CSS file for the LayerSlider somewhere, but for now I don’t think it’s possible to control text with CSS within the slider.

Thank you for your efforts.

Hi:
I still need to make the headlines mobile responsive within LayerSlider. I had to make the site live using a workaround of raster headlines in the layerslider. However, I have a working page at http://swingcontrol.com/home2/ to test on.

Please work on that page for testing, and make duplicates of the layerslider for tests to avoid damage to online work.

The problem is how to make text layers in Layerslider responsive using media queries.

OK. I just fixed the anchor linking issue. My bad markup. So it’s OK now.

If you can find a fix for the responsive type in LayerSlider, that would be really helpful.

Thanks.

Here is a temporary login. I am also working on the site, so make a clone of a page of a copy of a layer if you want to test something.

I am building a large ecommerce site for this client, and this is the interim site for the next 3-months. It will go live this coming week—both sites will have the same issue with the headlines within the layer slider that should match the headlines done in Enfold. I can make the headlines in the layer slider raster images, but it’s not very good, won’t match and will get very small on mobile. Plus the ecommerce site will be completely Retina ready so the raster headlines will pose a problem.

There must be some way to set media queries and CSS for the vector headlines within layer slider.

Thanks for checking it out.

I see, and was able to modify it. Looks like the LayerSlider engine is OK. I will purchase a license from the LayerSlider people and see if they’ll provide support. It looks like I can also duplicate the sliders in use from scratch since I have all the calculations in place–if it comes to that.

– Michael

Hi:

I finally got time to try to create some accordion sliders from scratch. Nothing worked to get the slider to display images—I tried many different images in both jpg and png formats. Verified and resaved images in Photoshop and reimported them, etc.

Then I looked at the code in the “web inspector” and it was being written very differently after the Sept. 2014 updates. The image linking was missing for each of 4 images, so obviously the images would not show up. The links were also missing. So, for some reason the Avia Layout Builder was writing the code wrong.

I finally found the bug. In each of the image captions in the accordion slider I had a right angle bracket “>” as a copy element. What must have happened is that after the update the HTML parsing mechanism got more exact and was reading that single bracket as a mistake in the HTML code…so it caused all that followed to be corrupt and not write correctly.

Stupidly simple, but very obscure. It now works fine.

Thank you.

– Michael

• This reply was modified 9 years, 8 months ago by blaircomm.