[{"name":"Fixed Widget and Sticky Elements for WordPress","slug":"q2w3-fixed-widget","version":"6.2.3","author":"Advanced Ads","author_profile":"https://profiles.wordpress.org/monetizemore/","requires":"5.0","tested":"6.2.6","requires_php":"7.2","requires_plugins":[],"rating":94,"ratings":{"1":12,"2":2,"3":4,"4":12,"5":231},"num_ratings":261,"support_threads":3,"support_threads_resolved":0,"downloaded":2255048,"last_updated":"2023-03-30 7:15am GMT","added":"2012-11-19","homepage":"https://wpadvancedads.com/fixed-widget-wordpress/","sections":{"description":"

Use Fixed Widget to create sticky widgets, sticky blocks, and other elements that stay in the visible screen area when a user scrolls the page up or down.

Sticky widgets are more visible than unfixed widgets and therefore have a significantly higher click-through rate.

That’s why this option is worthwhile for ads or other elements that visitors should interact with. Meanwhile, Google also allows the integration of sticky AdSense ads.

Manual and demo

Features

Fixed Widget is completely free of charge.

Sticky Widgets Use the Fixed Widget option on any widget and blocks in the sidebar
Sticky Elements Choose any element on your site and make it sticky
Margin Top allows you to stop sticky elements to cover floating menu bars
Margin Bottom pushes sticky elements up before they reach a certain distance towards the bottom window
Stop Elements push sticky elements up when they are scrolling into view
Stop Blocks defines blocks in your sidebar that push fixed blocks out of the page
Minimum Screen Width and Minimum Screen Height allow you to disable sticky behavior on small screens
Written in plain JavaScript for better performance

Compatibility

Theme requirements:

wp_head() and wp_footer() functions in header.php and footer.php files
JavaScript errors could break sticky widgets

\n","installation":"

Follow the standard WordPress plugin installation procedure
Activate the plugin through the plugins menu in WordPress
Go to Appearance -> Widgets, enable the “Fixed Widget” option on any active widget
Fine tune plugin parameters on Appearance -> Fixed Widget page

\n","faq":"\n

\nWhy is the Fixed Widget plugin not working?\n\n

There are several reasons:

Javascript errors on the page. Commonly caused by buggy plugins. Check javascript console of your browser. If you find errors, try to locate and fix its source.
No wp_head() and wp_footer() functions in template. Check header.php and footer.php files of your active theme.
Conflicts with other plugins and scripts
CSS incompatibility

\nIs it possible to fix multiple widgets?\n\n

Yes, it is possible to fix more than one widget even if they are located in different sidebars.

\nHow can I style a fixed element only while it is sticky?\n\n

Fixed elements carry the FixedWidget__fixed_widget__pinned class, which allows developers to change the styling only while the element is fixed.

\nHow to prevent overlapping with the footer?\n\n

Go to WP admin area, Appearance -> Fixed Widget. Here you can define the top and bottom margins. Set bottom margin value >= footer height. Check the result, please.
\nIf your footer height is changing from page to page it is better to use the Stop ID option. Here you need to provide the HTML tag ID. The position of that HTML element will determine the margin bottom value. For example, let’s take the Twenty Sixteen default theme. The theme’s footer container has an ID=”colophon”. In the Stop Element Selectors option I need to enter #colophon.

\nHow to disable the plugin on mobile devices?\n\n

Use the options Minimum Screen Width and Minimum Screen Height to disable sticky features when the browser window is too small. You can also use the visitor conditions of Advanced Ads to target specific devices.

\n\n","changelog":"

6.2.3

Fix: fixed widget might increase its height when scrolling

6.2.2

Fix: improve bottom offset calculation when scrolling up

6.2.1

Fix: widget height increasing
Fix: widget scrolling align position
Fix: compatibility with existing CSS transition rules

6.2.0

Improvement: requires PHP 7.2
Fix: various improvements in cases where the fixed widget flickered, or the height was could not be determined correctly

6.1.1

Improvement: reposition the fixed widget when the screen is resized, e.g., a mobile device turned into landscape mode
Improvement: various optimizations for specific themes and setups reported by users

6.1.0

Feature: Add the FixedWidget__fixed_widget__pinned class to the fixed widget while it is sticky and remove it when it is unfixed. This allows users to apply their own styling only during a fixed state.
Improvement: rename “Test new version” option into “Improved version” and changed the option description to make it more clear that both script versions will be kept.
Improvement: change “Fixed Widget Options” menu item into “Fixed Widget”
Improvement: Handle edge cases where the Minimum Width option doesn’t work for specific themes

6.0.7

Improvement: Compatibility with relative padding values

6.0.6

Improvement: Compatibility with dynamically loaded content pages, i.e., infinite scroll
Improvement: Compatibility with widgets that have large offsets
Fix: Prevent padding from increasing on scroll

6.0.5

Fix: Prevent overlapping of fixed widgets with non-fixed widgets when scrolling up

6.0.4

Fix: Prevent fixed widgets overlapping non-fixed elements in certain themes
Fix: Class selectors saved under the Custom Elements were wrongly prefixed with ‘#’

6.0.3

Improvement: Check lazy elements and stop elements for changing their size and recalculate fixed position
Improvement: Lower check interval from 1000 to 500 ms

6.0.2

Improvement: Fall back to previous version when the theme does not support the new script – mainly because of using float instead of flex
Improvement: Stop Elements work also when they are in a different column or sidebar than the fixed element
Improvement: Recalculate Fixed Widget height on scroll

6.0.1

Fix: use the previous Stop ID value in the new Stop Elements section

6.0.0

Version 6.0.0 is a full rewrite of the frontend script. It fixes many edge cases like jumping, reloading, or resizing widgets.
\nThe rewrite also resolves bad Cumulative Layout Shifts.

Most changes are available when you enable “Improved version” under Appearance > Fixed Widget.

Please test and let us know if you discover any issues.

added new (and optional) script version that uses position: sticky instead of position: fixed
the frontend script does not need jQuery anymore
removed unneeded options that previously helped resolving edge cases
“Stop Elements” and “Custom Fixed Elements” now accept any selector, including IDs, Class, and Type selectors.
fixed blocks in sidebars as introduced in WordPress 5.8
define stop blocks in sidebars that move up fixed blocks on scrolling
improved option descriptions on the admin page
improved behavior for elements higher than the screen – they first stick at the top and scroll to the bottom later
removed duplicating widget code

5.3.0

fixed option not saving when using the Gutenberg plugin to edit sidebars with block editor
disabled scripts and output on AMP pages since sticky widgets are not part of the AMP standard
removed explicit translation files since all translations are handled through https://translate.wordpress.org/projects/wp-plugins/q2w3-fixed-widget/

5.2.0

Added q2w3-fixed-widget-sidebar-options filter for widget options in the frontend.

5.1.9

Fixed JavaScript events which were not called in some setups.

5.1.8

Fixed JavaScript bug that caused jumping / flickering of fixed widgets.

5.1.7

Fixed “a.target.className.indexOf is not a function” bug

5.1.6

linguistic corrections
cleanup of the options page

5.1.5

author change

5.1.4

Added filter “q2w3-fixed-widgets”. It allows to filter array of widgets marked as fixed.

5.1.3

Now compatible with WP Page Widget plugin

5.1.2

Now works fine with Shortcodes Ultimate widgets!

5.1.1

Resolves problems with Margin Bottom and Stop ID from version 5.1!

5.1

New options load method!
Tested with WordPress 4.9

5.0.4

Compatibility patch for Better WordPress Minify plugin.

5.0.3

Improved solution for “q2w3_sidebar_options is not defined” error.

5.0.2

Plugin javascript optimization
To resolve “q2w3_sidebar_options is not defined” error wp_add_inline_script function is used. WordPress 4.5 required for this fix!
Added option Disable MutationObserver. Use this option only as a backup to restore version 4 behavior!

5.0.1

Fixed problem in multiple sidebars layout

5.0

Optimized client side performance. Detection of page changes is now based on MutationObserver API. Widget parameters recount is fired only when needed! Refresh interval option used only for campatibility with old browsers (no MutationObserver API support).
Improved compatibility with caching plugins (W3TC, Autoptimize and etc.). No need to exclude jQuery and plugin files from cache!
Async/Defer script load method support
Added Disable Width and Disable Height options
Note for cache plugins users: don’t forget to clear cache after upgrading to version 5! Options format has been changed!

4.1

Added Stop ID option. Use it when you cannot specify Margin Bottom value. Solution provided by Julian_Kingman!
Now the plugin is aware of the WordPress admin bar presence!
Fixed destruction of jQuery(window).load hook. There should be no problems with other jQuery plugins now!
Added German translation
Updated internationalization support

4.0.6

A small bug fix
Added French translation

4.0.5

New option “Inherit widget width from the parent container” to better support responsive layouts.
Javascript optimization.

4.0.4

Added option “Auto fix widget id”. It is on by default. If the plugin is working with this option switched off – leave it in off position!

4.0.3

Optimized code to resolve plugin crash after 4.0.1 update problem
Minified javascript code

4.0.1

Hotfix! Removes problem with duplicated widget code.

4.0

Resolved widget jumping
Added code to automatically fix “widget id problem”
Added new compatibility option (plugin priority)
Added complete uninstall (uninstall script launched automatically when you DELETE plugin)
Added Spanish translation
Removed depricated options

3.0

This version brings you a long waited capability to stick widgets located in different sidebars! Enjoy!
Fixed conflict with WP Page Widget plugin
A few small bugs cleaned
Warning! “Disable plugin on mobile devices” and “Disable plugin on tablet devices” options now are depricated and will be removed in the next release. Use “Screen Max Width” option instead!

2.3

Now user can disable plugin, when browser window width is less then specified value (check plugin options).

2.2.4

This version compatible with jQuery 1.9 and 1.10

2.2.3

Little internal improvments
Mobile Detect updated to version 2.6.0

2.2.2

Fixed PHP Error
Mobile Detect updated to version 2.5.8

2.2.1

Fixed PHP Warning

2.2

Now the plugin is able to reflect dynamic page content changes (infinite scroll, ajax basket and other javascript stuff)!!!
Added new option to plugin settings: Refresh interval. Recommended values between 500 – 2000 milliseconds. Note: setting have impact on the site performance (client side). If you don’t have dynamic content, set Refresh interval = 0.
Mobile Detect class updated to version 2.5.7

2.1

New option to define custom widget IDs for static sidebars and etc.
New option to disable plugin on mobile devices.
Fixed javascript error when no sidebars exists on a page.

2.0

Fixed footer overlapping problem! Now users can customize top and bottom margins for the fixed widgets from the admin area (Appearance -> Fixed Widget).
Added localization support

1.0.3

Normalized plugin behavior when sidebar is longer then main content. Note: possible overlapping with footer is still exists.

1.0.2

Fixed problem with widgets displayed only on certain pages.
Optimized javascript code.

1.0.1

Improved compatibility with Webkit based browsers (like Chrome and Safari).
Removed unnecessary CSS.

1.0

First public release.

\n","screenshots":"

$\"A$
A fixed widget and a stop widget in action
$\"Fixed$
Fixed Widget plugin options
$\"Fixed$
Fixed Widget options for blocks in the widget editor
$\"Fixed$
Fixed Widget option for legacy widgets

"},"short_description":"More attention and a higher ad performance with fixed sticky widgets.","download_link":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.2.3.zip","screenshots":{"1":{"src":"https://ps.w.org/q2w3-fixed-widget/assets/screenshot-1.gif?rev=2659866","caption":"A fixed widget and a stop widget in action"},"2":{"src":"https://ps.w.org/q2w3-fixed-widget/assets/screenshot-2.png?rev=2659866","caption":"Fixed Widget plugin options"},"3":{"src":"https://ps.w.org/q2w3-fixed-widget/assets/screenshot-3.png?rev=2659866","caption":"Fixed Widget options for blocks in the widget editor"},"4":{"src":"https://ps.w.org/q2w3-fixed-widget/assets/screenshot-4.png?rev=2659866","caption":"Fixed Widget option for legacy widgets"}},"tags":{"ads":"ads","fixed-widget":"fixed widget","sidebar":"sidebar","sticky-widget":"sticky widget","widget":"widget"},"versions":{"1.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.1.0.zip","1.0.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.1.0.1.zip","1.0.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.1.0.2.zip","1.0.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.1.0.3.zip","2.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.0.zip","2.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.1.zip","2.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.2.zip","2.2.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.2.1.zip","2.2.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.2.2.zip","2.2.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.2.3.zip","2.2.4":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.2.4.zip","2.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.2.3.zip","3.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.3.0.zip","4.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.0.zip","4.0.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.0.1.zip","4.0.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.0.2.zip","4.0.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.0.3.zip","4.0.4":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.0.4.zip","4.0.5":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.0.5.zip","4.0.6":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.0.6.zip","4.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.4.1.zip","5.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.0.zip","5.0.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.0.1.zip","5.0.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.0.2.zip","5.0.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.0.3.zip","5.0.4":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.0.4.zip","5.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.zip","5.1.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.1.zip","5.1.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.2.zip","5.1.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.3.zip","5.1.4":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.4.zip","5.1.5":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.5.zip","5.1.6":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.6.zip","5.1.7":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.7.zip","5.1.8":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.8.zip","5.1.9":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.1.9.zip","5.2.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.2.0.zip","5.3.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.5.3.0.zip","6.0.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.0.zip","6.0.0-beta-1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.0-beta-1.zip","6.0.0-beta-2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.0-beta-2.zip","6.0.0-beta-3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.0-beta-3.zip","6.0.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.1.zip","6.0.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.2.zip","6.0.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.3.zip","6.0.4":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.4.zip","6.0.5":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.5.zip","6.0.6":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.6.zip","6.0.7":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.0.7.zip","6.1.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.1.0.zip","6.1.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.1.1.zip","6.2.0":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.2.0.zip","6.2.1":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.2.1.zip","6.2.2":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.2.2.zip","6.2.3":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.6.2.3.zip","trunk":"https://downloads.wordpress.org/plugin/q2w3-fixed-widget.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/q2w3-fixed-widget/assets/icon-128x128.png?rev=2384479","2x":"https://ps.w.org/q2w3-fixed-widget/assets/icon-256x256.png?rev=2384479"}},{"name":"Q2W3 Screen Options Hack Demo","slug":"q2w3-screen-options-hack-demo","version":"1.0","author":"Max Bond","author_profile":"https://profiles.wordpress.org/max-bond/","requires":"2.8.0","tested":"2.9.2","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":1179,"last_updated":"2010-01-25 6:16pm GMT","added":"2010-01-25","homepage":"http://www.q2w3.ru/2010/01/25/1204/","sections":{"description":"

This is a demo for WordPress plugin developers. It shows how to create your own form for Screen Options panel. Method was successfully implemented in Q2W3 Inc Manager Plugin and tested for compatibility with WP 2.8.x and WP 2.9.1.

WARNING! Do not use this method if WP 2.8 metaboxes are used on your plugin settings page (functions add_meta_box and on_screen_layout_columns)!

\n","screenshots":"

$\"Modified$
Modified Screen Options Panel

"},"short_description":"This is a demo for WordPress plugin developers. It shows how to create your own form for Screen Options panel.","download_link":"https://downloads.wordpress.org/plugin/q2w3-screen-options-hack-demo.zip","screenshots":{"1":{"src":"https://ps.w.org/q2w3-screen-options-hack-demo/trunk/screenshot-1.jpg?rev=1444265","caption":"Modified Screen Options Panel"}},"tags":{"q2w3":"q2w3","screen-options":"screen options"},"versions":[],"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/q2w3-screen-options-hack-demo.svg"}}]

q2w3

Fixed Widget and Sticky Elements for WordPress

Q2W3 Screen Options Hack Demo

Get New Themes & Resources