Loading 0
Share

Selecting a specific Elementor tab with a link.

Selecting a specific Elementor tab with a link.

A quick customer request solved with Javascript.

For those who use the Elementor builder, you will already be familiar with the tabs element.

A minus of this element is that there are no links in the tabs, this means that you cannot directly load a specific tab when the page is opened and the default is necessarily loaded.

The problem is solved by choosing one of the two scripts I wrote (I prefer the second one which gives you a link per tab).

Solution 1: You use the following script to open a specific tab during loading:

window.onload = function() {
document.getElementById("ΓΡΑΨΤΕ_ΤΟ_ID_ΤΗΣ_ΚΑΡΤΕΛΑΣ").click();
};

 

Solution 2nd: The following script creates links per tab in order

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); });

Immediately after that just call the page link and add: ?KARTELA1 etc

This post is also available in: Ελληνικά

Leave a Reply

Your email address will not be published. Required fields are marked *

01.

Here you can see all the services I provide

Registration and management of domain names (website address such as www.nicolaslagios.com)

Also management of dns records (e.g. connecting the domain to a specific server, fixing email spam problems, etc.)

Also ssl renewals etc

Installation and management of web & mail server in ubuntu vps with virtualmin, plesk, cpanel

Also studying and fixing server problems.

Necessary condition, the target server meets the conditions

At the moment for new wordpress websites you can choose from ready-made themes and we change the content (no custom changes). You can buy with a fixed price by clicking here!

My team and I undertake any data bridging implementation for Wordpress, Prestashop, Opencart, Joomla platforms.

We can connect data from any source, as long as the structure is stable and there is proper documentation and briefing.

We undertake the creation, regulation and enrichment of pages for social networks: Facebook, Linkedin, Instagram (profile), Twitter (profile), Tiktok (profile).

We also undertake the first boost of your pages for quick results in followers.

We undertake the repair and maintenance of your existing wordpress website.

For more information about the services, you can read the following and return here to schedule a meeting with me: https://maxservices.gr/en/internet-services/website-services-blank/additional-website-services/