GDPR-dialog not opening

[chrislueck]

Hi there at Okler,
we use the porto theme and combined it with the admin theme because we have a form at the end of the page.
Obviously this combination prevents the GDPR-dialog to open. On other subpages (without admin-integration) the GDPR-dialog comes up, but on every url where we combined the porto with the admin theme, the GDPR-dialog is not opening.

Can you please help us?

Thanks and best regards.
Christian

---

Template Version: 10.0.0

[Support]

Hello, looks like you have added some JS files multiple times in the HTML (theme.js and theme.init.js for example), so it’s causing a conflict, the right way to do that is this one:

– Porto Front-End Plugins
– theme.js
– Admin Plugins and Extra files like theme.admin.extension.js, etc…
– custom.js
– theme.init.js

Make sure you have the same strucutre and try again. Check Chrome Console Log for JS errors.

---

[chrislueck]

Thanks for your fast answer, but I am still not able to solve the problem.

Please look in the Okler-Demo-Code. There are also both files (theme.js and theme.init.js ) loaded at once. For example: “index.html” in line 3818 to 3828:

The console doesn´t help me to narrowing down the problem.

Please be more detailed and let me know which concrete files cause a conflict, and which theme-version (porto theme or porto admin theme) should be loaded.

Thanks in advance.

Christian

---

[Support]

This reply has been marked as private.

[chrislueck]

This reply has been marked as private.

[Support]

Hi, I check some of the pages and I still can see some problem with the JS files, for example:

These are the files you need (in that specific order)

<!-- Vendor -->
<script src="vendor/plugins/js/plugins.min.js"></script>

<!-- Theme Base, Components and Settings -->
<script src="js/theme.js"></script>

<!-- Admin Extension Specific Page Vendor -->
<script src="admin/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script>
	// Bootstrap Datepicker No Conflict
	if (typeof($.fn.datepicker) != 'undefined') {
		$.fn.bootstrapDP = $.fn.datepicker.noConflict();
	}
</script>
<script src="admin/vendor/jquery-ui/jquery-ui.js"></script>
<script src="admin/vendor/jqueryui-touch-punch/jquery.ui.touch-punch.js"></script>
<script src="admin/vendor/select2/js/select2.js"></script>
<script src="admin/vendor/bootstrapv5-multiselect/js/bootstrap-multiselect.js"></script>
<script src="admin/vendor/jquery-maskedinput/jquery.maskedinput.js"></script>
<script src="admin/vendor/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>
<script src="admin/vendor/bootstrapv5-colorpicker/js/bootstrap-colorpicker.js"></script>
<script src="admin/vendor/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
<script src="admin/vendor/fuelux/js/spinner.js"></script>
<script src="admin/vendor/dropzone/dropzone.js"></script>
<script src="admin/vendor/bootstrap-markdown/js/markdown.js"></script>
<script src="admin/vendor/bootstrap-markdown/js/to-markdown.js"></script>
<script src="admin/vendor/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script src="admin/vendor/codemirror/lib/codemirror.js"></script>
<script src="admin/vendor/codemirror/addon/selection/active-line.js"></script>
<script src="admin/vendor/codemirror/addon/edit/matchbrackets.js"></script>
<script src="admin/vendor/codemirror/mode/javascript/javascript.js"></script>
<script src="admin/vendor/codemirror/mode/xml/xml.js"></script>
<script src="admin/vendor/codemirror/mode/htmlmixed/htmlmixed.js"></script>
<script src="admin/vendor/codemirror/mode/css/css.js"></script>
<script src="admin/vendor/summernote/summernote-bs4.js"></script>
<script src="admin/vendor/bootstrap-maxlength/bootstrap-maxlength.js"></script>
<script src="admin/vendor/ios7-switch/ios7-switch.js"></script>

<!-- Admin Extension -->
<script src="admin/js/theme.admin.extension.js"></script>

<!-- Admin Extension Examples -->
<script src="admin/js/examples/examples.advanced.form.js"></script>

<!-- Theme Custom -->
<script src="js/custom.js"></script>

<!-- Theme Initialization Files -->
<script src="js/theme.init.js"></script>

Make sure you really need those files from Porto Admin, because it has everything, and if you just need the upload part it’s not required to add those files, use the example I send in the other ticket.

---

[Author]

Posts