My Blog
Επιλογή συγκεκριμένης καρτέλας (tab) του Elementor με link.
Ένα γρήγορο request πελάτη λύθηκε με Javascript.
Για όσους χρησιμοποιούν τον Elementor builder , θα γνωρίζετε ήδη το tabs element.
Ένα μείον του συγκεκριμένου element είναι πως δεν υπάρχουν links στα tabs, αυτό σημαίνει ότι δεν μπορείς να φορτώσεις απευθείας συγκεκριμένο tab όταν ανοίγει η σελίδα και αναγκαστικά φορτώνεται το default.
Το πρόβλημα λύνεται με την επιλογή ενός από τα δύο scripts που έγραψα (προτιμώ το δεύτερο το οποίο σου δίνει link ανά καρτέλα).
Λύση 1η: Χρησιμοποιείς το ακόλουθο script για να ανοίξεις συγκεκριμένη καρτέλα κατά το φόρτωμα:
window.onload = function() {
document.getElementById("ΓΡΑΨΤΕ_ΤΟ_ID_ΤΗΣ_ΚΑΡΤΕΛΑΣ").click();
};
Λύση 2η: Το ακόλουθο script δημιουργεί link ανά καρτέλα με την σειρά
document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
jQuery(function($){
let desktoptitles = $('.elementor-tab-desktop-title');
let mobiletitles = $('.elementor-tab-mobile-title');
let strings = ['?KARTELA1',
'?KARTELA2',
'?KARTELA3',
'?KARTELA4',
'?KARTELA5'
];
strings.forEach( (string,i) => {
if (window.location.href.indexOf(string) > -1) {
desktoptitles.eq(i).click();
mobiletitles.eq(i).click();
$('html, body').animate({
scrollTop: desktoptitles.eq(i).offset().top - 100
},'slow');
} } );
}); }, 1200); });
Αμέσως μετά απλώς καλέστε το link της σελίδας και προσθέστε: ?KARTELA1 κλπ
This post is also available in:
English