Magento – How to add a move to top button at the bottom in 5 minutes

If you want to add a quick move to top button (?) on the bottom right of your Magento pages, follow below steps:

  1. Go to magento backend-> System -> Configuration -> Design -> HTML Head -> Miscellaneous Scripts field.
  2. Add below css between <style></style> tag.
    <br />
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<style>" title="<style>" />
  3. Now to to System -> Configuration -> Design -> Footer -> Miscellaneous HTML.
  4. Add the below code:
  5. <a href="#" class="to-top">&#128285;</a>
  6. &#128285 is the code for the ? symbol.
  7. Please note that this will display the icon on bottom right at all time and not only when someone scrolls down.
Updated: September 3, 2016 — 11:27 pm

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.