Hello,
We are using the Scene7 HTML5 Flyout Viewer on a responsive website. I was wondering if it is possible to disable the flyout portion when the site reaches a certain width? We want to disable the flyout on smaller screens and devices. Thanks in advance for any tips!
Aaron
Views
Replies
Total Likes
Could you get the solution?
If yes,can you please share it
I have been running into similar issue,We need to disable to height of flyer
Views
Replies
Total Likes
Hi
Option 1
Please find full configuration details about FlyoutZoom at :- https://marketing.adobe.com/resources/help/en_US/s7/viewers_ref/c_html5_flyout_viewer_20_about.html
In this provided link, there is a section "Responsive design embedding with unrestricted height", you can tweak this to cater you requirement.In this we are using "FlyoutZoomView.imagereload" for responsive behavior.
Example :- https://marketing.adobe.com/resources/help/en_US/s7/vlist/vlist.html
Or
Option 2
Use media CSS rules to cater you problem. After certain width set "FlyoutZoomView.zoomfactor" accordingly (may be nil for your purpose).
Or
Option 3
Use Jquery, Trigger the event on re-size and set flyout property according to your width of the screen. If you don't want to change the property then you may hide the flyout div too.
I hope this would help you.
Thanks and Regards
Kautuk Sahni
Views
Replies
Total Likes