Forum Replies Created
-
Posts
-
Hello Mike,
Thank you! I was previously unaware of that plugin – I did install it and everything works as wanted. It’s exactly the solution I needed!
Kind regards,
RhondaFor the function:
//smooth scrolling if( $.fn.avia_smoothscroll ) { $('a[href*="#"]', container).avia_smoothscroll(container); }Can this function be modified to add a smooth scroll to an anchor link that is on another page? For example if there is a / that occurs before the hash because the anchor is on another page:
if( $.fn.avia_smoothscroll ) { $('a[href*="#"]', container).avia_smoothscroll(container); $('a[href*="/#"]', container).avia_smoothscroll(container); }If so, should I do this rewrite in the child theme? (I understand that I need to keep the same file structure in the child theme as the parent theme)
I am not proficient with javascript, so please excuse any laughable errors on my part.
Thanks in advance!
Hello there,
For my client who has the self-hosted explainer videos I ended up going with Wonder Video Embed and Wonder Lightbox Pro. Note: the lightbox plugin has a trial so you can install it and see if it works before you pay for it.
Hope this helps!
Rhonda@guenni007 Thank you! Your solution worked perfectly for my situation.
That’s correct, the update worked just fine on the staging site – no problems. It’s when I tried to take the staging site live that the issue occurred. I attempted multiple times to do the migration, and each time there was a blank area where the LayerSlider elements on the homepage should be. I did follow the Enfold documentation instructions to rename the enfold theme folder to enfold_old, etc. then upload a fresh copy of 4.7.5 via FTP. That didn’t work either.
Navigating to the LayerSlider admin area revealed these issues:
- none of the administrative buttons worked…
- each of the existing sliders appeared to be completely blank in the slider admin
- the “Layers” section of the slider editing interface is blank
- no new sliders can be added
- the javascript errors that Victoria posted here: https://share.getcloudapp.com/yAuYqJOv happen
Since this issue only exists on sites that are hosted on Siteground, I reached out to them for advice. I have yet to hear back from Siteground. Sometime this weekend, I may try to update to 4.7.6 and see if the results are different. At this point, I believe the issue must be at Siteground since I’ve had no issues updating from 4.7.3 to 4.7.5 on sites hosted elsewhere.
It’s been frustrating, but at this point I do not believe the issues are actually with the theme itself. You can close this thread if you prefer to do so.
Hello Rikard,
There’s already a recent staging site, address & info in private response.I do believe it must be a server issue: on the staging site I was able to update the theme to 4.7.5 with no problems. Everything looks right. When I took it live, the live site broke. Victoria took a screenshot of the javascript errors that show up on the live site — I can’t figure out why that happens on the live site, but not on the staging site. For now, I’ve rolled back the live site to 4.7.3 which resolves the LayerSlider issue.
Still awaiting a response from the web hosting company as to why that might be the case.
Thank you for verifying that the PHP version isn’t the issue.
Kind regards,
RhondaMany thanks, Rikard!
The site is back up and running with Layerslider operating as expected. Is it possible that the theme and LayerSlider combination is not compatible with PHP 7.3 and later? Asking because I successfully updated the theme in a click at several other sites that run PHP 7.2 versions. Both this site and the second site that are problematic are on PHP 7.3.18 and hosted at SiteGround — usually an excellent WordPress host.I’ve contacted them about the issue simply because I set up a staging copy of the site in question to do the theme update, which worked as expected, but when taken live…broke LayerSlider. Once I hear back from them, I will update this thread with any information that might be helpful to others.
For now my conclusion is that this may not be an Enfold issue per se.
However, if you can confirm PHP compatibility, it’s always possible for me to rollback the PHP versions for these 2 sites where Enfold 4.7.5/LayerSlider bundle doesn’t work.
Hello Victoria,
Completely deleted the enfold folder this time, and still the same issue with Layerslider after uploading a freshly downloaded copy from Themeforest
- deleted the previous enfold folder via FTP
- downloaded installable WordPress file only, unzipped and uploaded after completely removing the previous folder
In looking at the documentation under the changelog, I came across these lines that apply to 4.7.5:
– updated: bundled LayerSlider plugin to v6.11.1
IMPORTANT: LayerSlider changed internal directory structure – on manual update please delete folder …\themes\enfold\config-layersliderDoes this mean that when I uploaded the new enfold folder to the themes, that I need to delete the “config-layerslider” folder if I am uploading via FTP?
At this point, I just want to roll back to 4.7.3. Is there a repository for previous versions?
Any recommendations are welcome.
Thank you Victoria, I will download a fresh copy of the latest and try again. Note, I did upload the new copy of the theme via FTP. Should I instead be uploading the zipped install file via the WordPress admin area, after renaming the existing theme via FTP?
(Yes, I did rename the previous install to “enfold-OBS” and upload a 4.7.5 downloaded from themeforest.)
I have one more piece of information: I just attempted to update another site from Enfold 4.7.3 to 4.7.5 and the same Layerslider issue is occurring. At the moment, I am trying to roll back from a backup. This seems to be a serious issue, and I hope that it can be resolved soon.
If the rollback doesn’t work, I will be adding another site for troubleshooting.
Hello Victoria (or Enfold team),
I tried the above steps and it did NOT resolve the issue. The whole plugin seems completely frozen. I cannot click to add a new slider, cannot attempt to edit existing ones, etc.
Each plugin was deactivated, I went back to Layerslider to see if that made a difference. Unfortunately, nothing is working. I believe Enfold 4.7.5 is installed, and PHP version is 7.2.30. I have other sites with the same software combination, and same set of plugins that aren’t having any issues, so this is puzzling.
Any help you can provide would be much appreciated.
Thank you for responding Victoria,
I do have both cPanel and FTP access, so I will try installing a fresh copy of the theme that way.Thank you Ismael – that does improve the speed of the image swap!
Do you think it’s possible for me to make this work in a child theme if I replicate the structure of the folders and include the one modification? i.e. childtheme\config-templatebuilder\avia-shortcodes\gallery\gallery.js
Just not wanting to need to edit this file again as soon as the client updates the parent theme. If it’s not possible, not a deal breaker.
Hello Ismael, Thank you – I already disabled animations on the Developer tab of the gallery.
Checking the Enfold demo, I see that there’s a delay of the large image swap when rolling over the thumbnails, so it appears that this is a “feature” of the gallery object.
What my client does not like is that delay as one large gallery image is swapped for another. While none of their clients may roll over the gallery thumbnails fast enough for there to simply be a white screen where the large image is, the goal is to speed up the swap between one large image and the next. I may not have been clear enough in my previous post about the issue.
Is there some javascript or other css that causes the delay when one large image is swapped out for another? Would it be possible to modify in a child theme, so that the customization isn’t lost when the parent theme is updated? I am providing a link to a beta page below with only the gallery object.
Hello Rikard, Yes the testing was on an actual device. However, I found a plugin that works well on an iPad and the client is happy so I believe this issue can be closed. Thanks for your response!
Hello Victoria,
Sample page at the website is below in the private data. What I actually need is a custom tab link instead of the standard link to the tab panel. As I mentioned in the reply to Guenni007, I could probably copy the html generated by WordPress and paste it into a new page using the default WordPress editor, then change the tab link(s) in the html. However, that won’t permit my client to update the page content; I am hoping to be able to do this while staying within the Avia editor so the client can update page content.The beta site (link below) is using a child theme for Enfold, and I am comfortable adding a function to the child theme’s functions.php
Thanks in advance!
Hello Guenni007,
Thank you for your response; that is not what I need, but you weren’t able to see the information in my private data. I thought I had created a new thread but don’t see it so replying here. I actually need a custom tab link capability.Description of request: In the website being built, a tab section is being used in each page that showcases a feature of the client’s products. The client wants the leftmost link (it’s a tab) to link to another page in the website, instead of the usual tab behavior of linking to a tab panel.
I realized that I could copy the html code generated by WordPress for this and related pages, and paste it into the default WordPress editor as plain html, replacing the tab panel id with a page url. That would probably work…
However, that won’t allow the client to update the content in these tab sections. I was hoping to figure out a way to make this happen while staying within the avia framework, so that the client could do updates.
See annotated screenshot at: https://imgur.com/a/9XGcPP5 (or below if the embed worked)
<script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>
Yes, I did mean that. This looks like it will work very well! @Guenni007
Unfortunately the client decided they wanted something different… (see below, if you have spare time)And many thanks for your useful contributions to the forum; I’ve found several of your contributions to be very helpful.
This looks like it will work very well, so thank you much @Guenni007
Alas, client decided they want something different. Basically they like the tab section element, but want the leftmost tab to link to the previous page in their related content, and a rightmost tab to link to the next page in their related content. The tabs would be expected to have an arrow icon and be labeled “Previous Feature” , “Next Feature”.
I realize that I can simply copy the generated html, and make this work by adding a link at beginning and end of the list that has the same css classes and links to a page rather than the tab content. However, that won’t be user friendly at all for anyone on their staff to update, so I was hoping to figure out a way to make this work within the avia elements.
Should I start another thread, and provide a screenshot mockup of what I am hoping to achieve, along with a url?
Thanks much for your response!
You can close this topic; I could not get the image linked to a video in iframe to work on iOS but found a plugin that works.
Hello Enfold Team,
An image linked to video that plays in a lightbox works great on desktop browsers!There are issues on iPad. When the image is clicked, a lightbox does indeed open. Inside the lightbox is a very tiny image. When that image is clicked, the video does play.
What seems to be happening is: when the image linked to the video is clicked, that image is stuck inside the video controls div, which Mac user agent sizes at 31px in height. I’m trying to figure out how to either:
Style things so that the image does not get tucked inside that video controls div
Override the user agent; tough to do…Any assistance is welcome, including recommending a plugin, free or paid. The client has many customers who use an iPad so this is a critical issue to them. (see private info for screenshots & more information)
More diagnostic information: when the image that is linked to the video is clicked, that image is stuck inside the video controls div, which Mac user agent sizes at 31px in height. I’m trying to figure out how to either:
- Style things so that the image does not get tucked inside that video controls div
- Override the user agent; tough to do…
Any assistance is welcome.
Hello, Lightbox link works just fine in desktop/laptop browsers. On iPad, I get an error as follows:
Adding exact error message in private content. Basically the addition of “?iframe=true” does not appear to work on iPad. Any assistance you can provide would be helpful.Thank you!
Hello, I tried this approach and it’s not working. Does this only work with mp3 and not with mp4? I disabled other plugins for video, but I simply get the link itself displayed overlaying the poster image I added.Thanks in advance for responding!
I resolved this one by using the image element rather than the video element and adding the “?iframe=true” string to the end of the url. Worked perfectly…
Thank you for the documentation and forum responses which pointed me in the right direction.
