Scrollsequence
Forum Replies Created
-
Hi,
Based on your and other people’s requests, this functionality will become part of the plugin in version 1.2.6 and above. Release is scheduled on this week.
There is a new hide shortcode parameter that can have multiple of options:
isMobile | | isLaptop | isPhone | isiOs | isAndroidOs
You can combine the options too.-
Examples:
[scrollsequence id=”your_ssq_id_here” hide=”isMobile”] – hide on mobile (phones and laptops)
[scrollsequence id=”your_ssq_id_here” hide=”isTablet”] – hide on tablet
[scrollsequence id=”your_ssq_id_here” hide=”isPhone”] – hide on phone
[scrollsequence id=”your_ssq_id_here” hide=”isiOs”] – hide on iOs
[scrollsequence id=”your_ssq_id_here” hide=”isAndroidOs”] – hide on Android
[scrollsequence id=”your_ssq_id_here” hide=”isiOs isAndroidOs”] – hide on iOs and AndroidNote 1:
There is also a new Show Development Information option to show Device Detect debug information on the page. So when a Scrollsequence is hidden, you can debug why.
Note 2:
Please note that Chrome dev tools (F12) results in isMobile === true, so if you hide on mobile, you can’t debug scrollsequence in dev tool unless you change this behavior.- This reply was modified 4 years, 1 month ago by Scrollsequence.
- This reply was modified 4 years, 1 month ago by Scrollsequence.
Forum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] 100% view heightMarking this as resolved.
Hi K4mp4,
I have tested the page, and cannot see any problems. It animates just fine, even with fast mouse, or scrollbar movements.
Could you please let me know more information:
– Device?
– Browser?
– Any error messages or screenshots of what is wrong?Thank you,
Ales
Forum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] 100% view heightHi Samjnz,
After some investigation, I have found a CSS solution. Please add the following CSS to Custom CSS box inside Scrollsequence plugin UI. Please note that the CSS will affect all scrollsequences on page. Not tested on multiple sequences.
There are two CSS rules, one for the canvas area where images are painted, other for the area that defines constraints for content animation.
.scrollsequence-pages-wrap{ height:55vh!important; } .scrollsequence-page{ height:55vh!important; }Let me know if this works for you!
Ales
Forum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] 100% view heightHi Samjnz,
Have you tried using “Scale to fit 60%” setting and align horizontally to the top or bottom? It shall result in the same.
Let me know if it works for you, if not I can look into some CSS to make this work.
It was easier than I thought. Found a simple solution for the premium version, so i thought I will share it here.
1) Open ssq-lib__premium_only.js
2) Go to line 664
3) Change pin:true, to pin:false,
4) Please note that every update this code change will be overwritten, so disable automatic updates of the plugin and after every manual update, you can change the true->false manually.I am thinking of including this option into the plugin options so people can have this as a normal option without fiddling with the code.
Let me know if it works for you!
Hi Ruben,
Thank you for using Scrollsequence.
Currently this behavior is not possible. Scrollsequence automatically fixes the content to the viewport so it is fully visible during animation. Imagine that you are on a very small screen – part of the animation would happen off-screen and you could not fully see the animation moving.
As you are not the first person asking for this feature, I am considering to add this option to the next release, but currently it is not possible.
EDIT:
There may be a hacky solution, that requires changing some source code. Contact me on [email protected] if you would be interested in feature request / customization.Ales
Plugin AuthorForum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] Meta Box is emptySnap,
I got some response, but it’s far from a clean solution.
To my understanding, AWS file system is different to a standard WordPress and that’s why the library is struggling to find it’s files.
Someone on their forum responded with the following response
Place all the plugin files in root directory. It’s not a good solution but it works. I just copied over all the files from vendor/htmlburger/carbon-fields to wordpress root directory
Source: https://community.carbonfields.net/t/carbon-fields-does-not-work-on-amazon-lightsail/657/2
He is talking about carbon fields library plugin files
https://carbonfields.net/zip/latest/It is a dirty and untested solution, but in theory if you move the source files of the library into your root /wordpress folder on your binami (lightsail) server, things should work.
Could you please give it a go and let us know if it works?
Thank you,
Ales
- This reply was modified 4 years, 2 months ago by Scrollsequence.
Forum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] Meta Box is emptyHi,
It seems like it is caused by our third party Meta Box library called Carbon Fields. I have highlighted the issue with their developer and waiting a response from them.
Please allow some more time until resolved.
Ales
Plugin AuthorForum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] Meta Box is emptyOkay those errors seem to be the root cause of the issue.
They seem to come from carbonfields which is a library for meta fields. Please allow me some more time to investigate the issue.
Ales
Forum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] Meta Box is emptyOh Snap – this is a tricky one!
Everything seems in order, I cannot see any reason why it should fail. AWS Lightsail should not be an issue either as I am using one WP install as well.
I knew I have asked already. But just to make sure, could you please go to */wp-admin/post-new.php?post_type=scrollsequence and press F12 – are there any console log errors, warnings or messages?
Thank you
Ales
Plugin AuthorForum: Plugins
In reply to: [Scrollsequence - Cinematic Scroll Image Animation Plugin] Meta Box is emptyHi Snap22snap,
Sorry to hear you have trouble with the plugin. Could you please let me know the following information?
– What is the version of the plugin that you are using?
– Are there any errors in the developer console?
– Could you please send me the screenshots of the site health report? wp-admin/site-health.php and /wp-admin/site-health.php?tab=debug– There was an update in the version 1.2.0 that was related to the library that is used for the meta-boxes (carbonfields), I wonder if any of the previous to 1.2.0 work as expected?
Thank you
Ales
Plugin AuthorYou are welcome!
I am closing this topic.
Hi Zonecreative,
This is not possible from inside the plugin, but there have been a few requests to have this feature so I have added this on the roadmap for future releases.
Nevertheless, I believe it can be done via custom javascript or jQuery:
$('html,body').animate({scrollTop: 2320}, 3000);2320 is the scrollTop value
3000 is the duration in msSource:
https://stackoverflow.com/questions/14310081/how-to-auto-scroll-a-div-at-configurable-speedHi Kaavya,
Thank you for your prompt response!
So how can I ensure that when my plugin creates a CPT with custom single-* template that it can be used on standard themes as well as newly introduced block themes?
Can I somehow check if it is block theme -> do not call header and footer or any similar checks?