Κατηγορίες Blog

Επιλογή συγκεκριμένης καρτέλας (tab) του Elementor με link.

Κοινοποίηση σε facebook
Κοινοποίηση σε twitter
Κοινοποίηση σε pinterest
Κοινοποίηση σε linkedin
Κοινοποίηση σε reddit
Κοινοποίηση σε vk
Κοινοποίηση σε odnoklassniki
Κοινοποίηση σε tumblr
Κοινοποίηση σε digg
Κοινοποίηση σε skype
Κοινοποίηση σε stumbleupon
Κοινοποίηση σε mix
Κοινοποίηση σε telegram
Κοινοποίηση σε pocket
Κοινοποίηση σε xing
Κοινοποίηση σε whatsapp
Κοινοποίηση σε email

Ένα γρήγορο 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 κλπ

Δεν υπάρχουν σχόλια on Επιλογή συγκεκριμένης καρτέλας (tab) του Elementor με link.

Γράψτε ένα σχόλιο ή ερώτηση