Can i change my default URL of Elementor Popup to custom URL?
Can i change my default URL of Elementor Popup to custom URL?
I made a Popup from elementor and Get Content through JQuery in a container.
Now what i want:
When i press the button popup appears with the custom link or url for example: #my-portofolio-(heading of container). <= this is url what i want through JS or Jquery.
I also have See More Button with class {.popup-trigger} where currently popup is trigger through Elementor Dynamic tags (popups). I want to overwrite this url and make a custom url
Here is my All code:
<style>
div.popup-container small {
text-transform: uppercase;
margin-right: 10px;
padding: 10px 35px 10px 35px;
border-radius: 5px;
cursor: pointer;
}
div.popup-container small.even {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-fc16638);
}
div.popup-container small.even:hover {
background-color: var(--e-global-color-fc16638);
color: var(--e-global-color-primary);
border: 1px solid var(--e-global-color-primary);
}
div.popup-container small.odd {
background-color: var(--e-global-color-fc16638);
color: var(--e-global-color-primary);
border: 1px solid var(--e-global-color-primary);
}
div.popup-container small.odd:hover {
background-color: var(--e-global-color-primary);
color: var(--e-global-color-fc16638);
}
</style>
<script>
function formatTags(tags) {
const tagArray = tags.split(',').filter(tag => tag !== 'all');
const formattedTags = tagArray.map(
function (tag, index) {
const css_class = index % 2 === 0 ? 'even' : 'odd';
return '<small class="' + css_class + '" alt="' + tag + '">' + tag.trim() + '</small>';
});
return formattedTags.join('');
}
function updateElementorPopupContent(heading, paragraph, tags) {
var headingElement = jQuery('.popup-heading');
var paragraphElement = jQuery('.popup-paragraph');
var tagsElement = jQuery('.popup-tags');
if (headingElement.length) {
headingElement.html(heading);
}
if (paragraphElement.length) {
paragraphElement.html(paragraph);
}
if (tagsElement.length) {
var formattedTags = formatTags(tags);
tagsElement.html(formattedTags);
tagsElement.find('small').click(function () {
const clickedTag = jQuery(this).text();
jQuery('.btn_portfolio[data-tag="' + clickedTag + '"]').click();
jQuery('.dialog-close-button').click();
});
}
}
document.addEventListener('DOMContentLoaded', function () {
jQuery(document).on('elementor/popup/show', function (event, id, instance) {
var container = jQuery(event.currentTarget.activeElement).closest('[data-tags]');
if (container.length) {
var containerHeading = container.find('h3').text();
var containerParagraph = container.find('p').text();
var containerTags = container.attr('data-tags');
updateElementorPopupContent(containerHeading, containerParagraph, containerTags);
} else {
console.error('Container not found for the clicked button');
}
});
});
</script>
Turbo Multi-language Translator
Make the better internet purchasing globaly
Turbosify SEO Speed Booster
5.0 (7)•Free plan available
Get better conversions by improving store loading speed
Installed
Turbo Multi-language Chat - AI Customer service in one hand