Skip to main content
aytonwest
aytonwest
Known Participant
March 22, 2018
Answered

Dreamweaver Bootstrap Carousel and Mailchimp

  • March 22, 2018
  • 1 reply
  • 2115 views

Hello.

New website with a Bootstrap 4 Carousel placed from the dreamweaver insert panel.

Added code from Mailchimp for a pop up 'Sign up' and this stops the carousel from working.

Is this a Javascript conflict? If so how do I get around it?

Thank you kind peeps...

Joe

This topic has been closed for replies.
Correct answer Ben M

Thanks for this Ben M.

Are you saying that I should delete the line

//# sourceMappingURL=bootstrap.js.map and /*# sourceMappingURL=bootstrap.css.map */

from the bootstrap4.0.0.CSS and the bootstrap-4.0.0.js files?

If I delete this will it affect the site in anyway?

If i wanted to ensure it is in the right location where should it be stored?

Thanks again.


Right now the way it's being included, it's looking for the bootstrap files at yourdomain.com/development/ and if they are not there it is generating the error.  What's happening is it appears with the latest update that Dreamweaver is compiling the CSS to be included with your site, thus it generates a map.  Having the link working or not should not affect your website.  If you want the error to go away that sourcemap needs to point to an actual .map file on your site or that line should be removed.

However, I refreshed your page and it appears you have the pop-up back now and I see what you mean about the carousel.  The bad news is, I don't see any javascript errors being reported in the console.  I did look into a mailchimp account I have and I don't see any mention of having their code placed in the head of the document as you have it.  Can you try placing their code at the end of your HTML document right before the closing </body> tag and see what happens?

I'm digging into this a lot more and as soon as I was looking up about placement, it appears there are a lot of issues with their pop-up code conflicting with existing JQuery elements for CMS platforms and web hosts alike.  If this solution still doesn't work, based on what I am reading, I would open up a ticket with mailchimp to see what they say and consider using an embeded form in the meantime.

1 reply

K
Community Manager
Kratika AgarwalCommunity Manager
Community Manager
March 22, 2018

Hi,

Thanks for reporting, could you please share the code you inserted in the file so that we can have a look at it.

Thanks

aytonwest
aytonwestAuthor
Known Participant
March 22, 2018

Hi.

The code form Mailchimp? It is

<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us8.list-manage.com","uuid":"372019ca67a7c981e8849f2e4","lid":"7791de094f"}) })</script>

Thanks

J

B
Ben M
Community Expert
March 26, 2018

...Although it has an embedded form...

BTW


Do you have a page still or could you create one that still has your pop-up / carousel conflict?

I looked at the page you posted just to take a look around and there were a few errors reported.  The error is actually happening on all bootstrap included files and has to do with Source Mapping ( https://developer.mozilla.org/en-US/docs/Tools/Debugger/Source_map_errors​ ).  It's nothing major, it's more for debugging then anything.  If you wanted to remove that error, you would need to delete the mapping lines from the Dreamweaver generated bootstrap files (it's at the end of all of them), or make sure the mapping file is in the location specified in that statement.  But I don't think this would cause your conflict.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices