[Skip to main content](#vessel-content) # Billing address edit button floating ## - **[bootfair](/forum/user/15490-bootfair "View bootfair's Profile")** - [![bootfair's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/15490-bootfair "View bootfair's Profile") Topic Author - [ Offline](/forum/user/15490-bootfair) Less More - Posts: 14 - Thank you received: 2 - - 13 years 6 months ago - 13 years 6 months ago [\#100190](#100190) by [bootfair](/forum/user/15490-bootfair "View bootfair's Profile") *[Billing address edit button floating](/forum/4-how-to/80674-billing-address-edit-button-floating#100190 "Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is brightstar.your-sandbox.info/ ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks")* was created by *[bootfair](/forum/user/15490-bootfair "View bootfair's Profile")* Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; image missing http://your-sandbox.info/modal-css.jpg When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is [ brightstar.your-sandbox.info/](http://brightstar.your-sandbox.info/) ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the <div> containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; image missing http://your-sandbox.info/bootstrap.jpg I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks Last edit: 13 years 6 months ago by [bootfair](/forum/user/15490-bootfair "View bootfair's Profile"). Reason: Updated info from plugin developer Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNjc0LWJpbGxpbmctYWRkcmVzcy1lZGl0LWJ1dHRvbi1mbG9hdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14276 - - 13 years 6 months ago [\#100283](#100283) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Billing address edit button floating](/forum/4-how-to/80674-billing-address-edit-button-floating#100283 "Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is brightstar.your-sandbox.info/ ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks")* Hi, I'm surprised of their answer actually. Having a class="modal" on the a tags is the standard method in joomla in order to have mootools popups: [ stackoverflow.com/questions/8612431/how-...omla/8622928#8622928](http://stackoverflow.com/questions/8612431/how-to-use-jhtml-behavior-modal-in-joomla/8622928#8622928) You will have the same issue with any extension using the joomla popup system. For example : [ forum.virtuemart.net/index.php?topic=111364.0](http://forum.virtuemart.net/index.php?topic=111364.0) The proper solution would be to not use .modal but div.modal in the their extension's modal.less file. Nevertheless, if you want to remove the class="modal" on a tags, you can change the code: $this->getAttr($attr,'modal') to: $this->getAttr($attr,'') in the file administrator/components/com_hikashop/helpers/popup.php Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNjc0LWJpbGxpbmctYWRkcmVzcy1lZGl0LWJ1dHRvbi1mbG9hdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[fafamaster](/forum/user/68-fafamaster "View fafamaster's Profile")** - [![fafamaster's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar68.png)](/forum/user/68-fafamaster "View fafamaster's Profile") - [ Offline](/forum/user/68-fafamaster) Less More - Posts: 502 - Thank you received: 12 - - 13 years 3 weeks ago [\#126583](#126583) by [fafamaster](/forum/user/68-fafamaster "View fafamaster's Profile") Replied by *[fafamaster](/forum/user/68-fafamaster "View fafamaster's Profile")* on topic *[Billing address edit button floating](/forum/4-how-to/80674-billing-address-edit-button-floating#126583 "Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is brightstar.your-sandbox.info/ ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks")* hello, I have exactly the same problem but the solution does not work! I'm running joomla 3.1.5 with the latest version of Hikashop an idea? site: [ dev.lalumieredesfees.com](http://dev.lalumieredesfees.com) thanks Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNjc0LWJpbGxpbmctYWRkcmVzcy1lZGl0LWJ1dHRvbi1mbG9hdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 3 weeks ago [\#126584](#126584) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Billing address edit button floating](/forum/4-how-to/80674-billing-address-edit-button-floating#126584 "Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is brightstar.your-sandbox.info/ ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks")* Hi, [ www.hikashop.com/forum/2-general-talk-ab...4-shopping-cart.html](http://www.hikashop.com/forum/2-general-talk-about-hikashop/81424-shopping-cart.html) [ www.hikashop.com/forum/4-how-to/84196-an...obile-bootstrap.html](http://www.hikashop.com/forum/4-how-to/84196-anchor-terms-and-conditions-w-mobile-bootstrap.html) [ www.hikashop.com/forum/install-update/86...terms-condition.html](http://www.hikashop.com/forum/install-update/862400-link-to-terms-condition.html) We are working on the address improvements in order to let them editable like in the HikaShop backend (HikaMarket ajax style). Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNjc0LWJpbGxpbmctYWRkcmVzcy1lZGl0LWJ1dHRvbi1mbG9hdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[fafamaster](/forum/user/68-fafamaster "View fafamaster's Profile")** - [![fafamaster's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar68.png)](/forum/user/68-fafamaster "View fafamaster's Profile") - [ Offline](/forum/user/68-fafamaster) Less More - Posts: 502 - Thank you received: 12 - - 13 years 3 weeks ago [\#126608](#126608) by [fafamaster](/forum/user/68-fafamaster "View fafamaster's Profile") Replied by *[fafamaster](/forum/user/68-fafamaster "View fafamaster's Profile")* on topic *[Billing address edit button floating](/forum/4-how-to/80674-billing-address-edit-button-floating#126608 "Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is brightstar.your-sandbox.info/ ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks")* Thank you jerome, it's ok for me: change ".modal" to "div.modal" in the bootstrap.css still a little problem: Terms of the popup does not open! either this is a mootools full article pages either bootstrap, this is a black voil but no popup I try to change the popup as mentioned here (above)   but nothing works! Thank you for your help Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNjc0LWJpbGxpbmctYWRkcmVzcy1lZGl0LWJ1dHRvbi1mbG9hdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[bootfair](/forum/user/15490-bootfair "View bootfair's Profile")** - [![bootfair's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/15490-bootfair "View bootfair's Profile") Topic Author - [ Offline](/forum/user/15490-bootfair) Less More - Posts: 14 - Thank you received: 2 - - 13 years 3 weeks ago [\#126612](#126612) by [bootfair](/forum/user/15490-bootfair "View bootfair's Profile") Replied by *[bootfair](/forum/user/15490-bootfair "View bootfair's Profile")* on topic *[Billing address edit button floating](/forum/4-how-to/80674-billing-address-edit-button-floating#126612 "Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is brightstar.your-sandbox.info/ ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks")* > fafamaster wrote: hello, > > I have exactly the same problem but the solution does not work! > I'm running joomla 3.1.5 with the latest version of Hikashop > > an idea? > > site: [ dev.lalumieredesfees.com](http://dev.lalumieredesfees.com) > > thanks Hi, I am attaching the solution that has worked for me. A "Read me" text with instructions is also included in the zip file. Just unzip and follow simple instructions on the "Read Me" file. I hope this works for you too. Regards The following user(s) said Thank You: [fafamaster](/forum/user/68-fafamaster "View fafamaster's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNjc0LWJpbGxpbmctYWRkcmVzcy1lZGl0LWJ1dHRvbi1mbG9hdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 3 weeks ago [\#126614](#126614) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Billing address edit button floating](/forum/4-how-to/80674-billing-address-edit-button-floating#126614 "Hi, I am using a third party bootsrap plugin to have responsive lay out in hikashop. It wokrs fine except for on the check out the billing address edit icon floats on the top of the page in an already open modal box like here; When I turn the modal.less off from the plugin's panel, it sits where it should do, but then I lose the css styling on the next step in choosing payment methods. I have already written to the developers of the bootstrap plugin but I am wondering if I can find a solution here too. What I would like to be able to do is either add some css to the third party's modal.less styling sheet so that the address edit icon and the modal works correctly OR have the non-responsive css for the payment options step where I can have radio buttons to select payment method (This way I can have the modals.less turned off, have my address edit icon in place and have at least readio buttons on the payment method page. Any chance for help in this. Many thanks. PS. Attaching the modals.less file if needed and the url where I am working on this is brightstar.your-sandbox.info/ ////////// I have found that this behaviour is related to hikashop after testing this situation with 4 more templates with built in bootstrap with the thridparty bootstrap plugin disabled. Because the problem was still there even with the plugin disabled. In the mean time I have received a reply from the developers saying; "We've had time to initially review your issue, and we think we've a solution. Seems that you have assigned an incorrect class to the billing address button. "modal" should be used only in the containing address form, not in the button itself. In our test, removing class has corrected behavior, as you can see in attached screenshots.". Screen shot is here; I have tried to find the file to edit with no luck. any chance for you guys pointing me to the right file to edit this. Many thanks")* Hi, You don't have to modify the classname in the HTML content, just in the CSS part. Your popup link is now: Code: <a class="div.modal" id="shop_terms_and_cond" href="/index.php/component/content/article?id=39&amp;tmpl=component" rel="{handler: 'iframe', size: {x: 450, y: 480}}">Veuillez accepter les conditions générales de vente avant de continuer</a> and his classname does not allow mootools to work properly. I am working on a patch in order to not use anymore this "modal" classname but I need to make more test before release it (I don't want to break something in users' websites). Regards, --- Jerome - Obsidev.com HikaMarket & HikaSerial developer / HikaShop core dev team. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzgwNjc0LWJpbGxpbmctYWRkcmVzcy1lZGl0LWJ1dHRvbi1mbG9hdGluZz90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.279 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)