How do I do this

Quote

Post by saifak » Tue Aug 02, 2016 7:19 pm

Hye all,

I want to put this code:

Code: Select all

    <div id="widget" style=" display: inline-block; overflow: hidden; height: auto; min-width: 100px; text-align: center; line-height: normal; white-space: nowrap; vertical-align: middle;">                <div style="color: black; padding: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #e0e0e0; background-color: white; -webkit-box-shadow: 0px 5px 18px -5px rgba(184,184,184,0.5); -moz-box-shadow: 0px 5px 18px -5px rgba(184,184,184,0.5); box-shadow: 0px 5px 18px -5px rgba(184,184,184,0.5);">            LIVE CHAT        </div>        <div style="width: 11px; height: 8px; background: url('https://assets.modernapp.co/assets/images/arrow-bottom.png') no-repeat; margin: -1px auto 0 auto;">        </div>                <a target="_blank" href="http://m.me/saifakz" style="margin-top: 5px; display: inline-block; width: 47px; height: 47px; background: url('https://assets.modernapp.co/assets/images/facebook-message-button-icon-round-white2x.png') no-repeat; background-size: 47px 47px;">        </a>    </div><script async defer src="https://assets.modernapp.co/assets/js/embed.js"></script>
at bottom right of my page everytime even when you scrolling down the page like below pictures or like the one in this http://www.tudung2u.com.my/. when to i put this script in OC?please help me.

Image
saifak
Newbie
Posts
4
Joined
Thu Jul 14, 2016 10:26 am
Top

Re: How do I do this

Quote

Post by straightlight » Tue Aug 02, 2016 7:33 pm

If by the bottom of your page you mean the footer page, it would be in your catalog/view/theme/<your_theme>/template/common/footer.tpl file above the:

Code: Select all

</footer>
tag - if using OC v2.x releases. However, if at the bottom of your page you mean at the bottom of a specific link page, it would rather be suggested to do this with a module and set the layout at the bottom related to the specific page from your admin - > extensions - > modules page.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester

straightlight
Legendary Member
Posts
22525
Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON
Top

Re: How do I do this

Quote

Post by saifak » Tue Aug 02, 2016 7:41 pm

straightlight wrote:If by the bottom of your page you mean the footer page, it would be in your catalog/view/theme/<your_theme>/template/common/footer.tpl file above the:

Code: Select all

</footer>
tag - if using OC v2.x releases. However, if at the bottom of your page you mean at the bottom of a specific link page, it would rather be suggested to do this with a module and set the layout at the bottom related to the specific page from your admin - > extensions - > modules page.
Not at the footer..but at the bottom right of the page..u can see the example from the given link..
saifak
Newbie
Posts
4
Joined
Thu Jul 14, 2016 10:26 am
Top

Re: How do I do this

Quote

Post by straightlight » Tue Aug 02, 2016 7:46 pm

saifak wrote:
straightlight wrote:If by the bottom of your page you mean the footer page, it would be in your catalog/view/theme/<your_theme>/template/common/footer.tpl file above the:

Code: Select all

</footer>
tag - if using OC v2.x releases. However, if at the bottom of your page you mean at the bottom of a specific link page, it would rather be suggested to do this with a module and set the layout at the bottom related to the specific page from your admin - > extensions - > modules page.
Not at the footer..but at the bottom right of the page..u can see the example from the given link..
Just so to let you know, the screenshot on my end appears as incomplete for the lower right. It is currently fetched and forced to the left side of your layout. Based on your above reply, what you'd be rather looking for is indeed a module / extension that would allow this code to be showed on the lower-right of your layout. This can be easily achieved if using Opencart v2.x releases.

Take note that the latest version was released today and new methodologies are involved on how to handle extensions and modules. Followed is a topic to show you the new methods on creating an extension / module with the latest version: http://forum.opencart.com/viewtopic.php?f=183&t=165958

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester

straightlight
Legendary Member
Posts
22525
Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON
Top

Re: How do I do this

Quote

Post by saifak » Tue Aug 02, 2016 7:58 pm

straightlight wrote:
saifak wrote:
straightlight wrote:If by the bottom of your page you mean the footer page, it would be in your catalog/view/theme/<your_theme>/template/common/footer.tpl file above the:

Code: Select all

</footer>
tag - if using OC v2.x releases. However, if at the bottom of your page you mean at the bottom of a specific link page, it would rather be suggested to do this with a module and set the layout at the bottom related to the specific page from your admin - > extensions - > modules page.
Not at the footer..but at the bottom right of the page..u can see the example from the given link..
Just so to let you know, the screenshot on my end appears as incomplete for the lower right. It is currently fetched and forced to the left side of your layout. Based on your above reply, what you'd be rather looking for is indeed a module / extension that would allow this code to be showed on the lower-right of your layout. This can be easily achieved if using Opencart v2.x releases.

Take note that the latest version was released today and new methodologies are involved on how to handle extensions and modules. Followed is a topic to show you the new methods on creating an extension / module with the latest version: http://forum.opencart.com/viewtopic.php?f=183&t=165958
Ok compressed.

Image

I want the FB meassenger to float at the bottom right of the page everytime.
saifak
Newbie
Posts
4
Joined
Thu Jul 14, 2016 10:26 am
Top

Re: How do I do this

Quote

Post by straightlight » Tue Aug 02, 2016 8:01 pm

Very well, I will move this topic to the Extensions Support section of the forum since this is about an installed extension.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester

straightlight
Legendary Member
Posts
22525
Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON
Top

Re: How do I do this

Quote

Post by cyclops12 » Wed Aug 03, 2016 11:23 pm

Well if you are just copying the code from the site you linked to then you need to add the extra (div id=fbmessage etc)

Try this in your footer.tpl

Code: Select all

<div id="fbmessage" style="position:fixed;bottom:20px;right:50px;"><div id="widget" style=" display: inline-block; overflow: hidden; height: auto; min-width: 100px; text-align: center; line-height: normal; white-space: nowrap; vertical-align: middle;"><div style="font-weight:bold;color: black; padding: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #e0e0e0; background-color: white; -webkit-box-shadow: 0px 5px 18px -5px rgba(184,184,184,0.5); -moz-box-shadow: 0px 5px 18px -5px rgba(184,184,184,0.5); box-shadow: 0px 5px 18px -5px rgba(184,184,184,0.5);"><font><font> LIVE CHAT</font></font></div><div style="width: 11px; height: 8px; background: url('https://assets.modernapp.co/assets/images/arrow-bottom.png') no-repeat; margin: -1px auto 0 auto;"></div> <a target="_blank" href="http://m.me/tudung2u.com.my" style="margin-top: 5px; display: inline-block; width: 47px; height: 47px; background: url('https://assets.modernapp.co/assets/images/facebook-message-button-icon-round-white2x.png') no-repeat; background-size: 47px 47px;"> </a></div><script async="" defer="" src="https://assets.modernapp.co/assets/js/embed.js"></script></div>
You may need to change the z-index as the slideshow banner covers it when scrolling up
cyclops12
Expert Member
Posts
2372
Joined
Sun Sep 27, 2015 1:10 am
Top
Post Reply
Return to “Extensions Support”
Who is online

Users browsing this forum: No registered users and 3 guests