Loading 0
Get in touch

My Blog

Scroll Down

Προσθήκη κουμπιών δίπλα από τα οριζόντια tabs του Elementor

Προσθήκη κουμπιών δίπλα από τα οριζόντια tabs του Elementor

Γεια σας.

Με την βοήθεια της γλώσσας Javascript μπορείτε να προσθέσετε κουμπιά που οδηγούν σε άλλους συνδέσμους, δίπλα από τα tabs του Elementor, είτε στην αρχή, είτε στο τέλος, είτε ακόμα και ενδιάμεσα, κάτι που κάνει τα tabs να μοιάζουν σαν μενού ή μια μείξη τέλος πάντων horizontal tabs με μενού.

Αρχικά θα ορίσουμε δύο μεταβλητές, η 1η αφορά το να βρεις το υπάρχον Element μέσω css id και η δεύτερη αφορά το html περιεχόμενο που θέλουμε να εμφανιστεί πριν από το 1ο tab:

var idelementbefore = document.getElementById('ΕΔΩ ΤΟ ID'); //εάν θέλετε με κλάση αλλάξτε σε document.getElementsByClassName

var neokoumpi1 = 'HTML περιεχόμενο πχ κάποιο div περιεχόμενο';


Αμέσως μετά θα εκτελέσουμε τον ακόλουθο κώδικα:



Η προαναφερόμενη συνάρτηση insertAdjacentHTML , παίρνει δύο ορίσματα, το 1ο όρισμα αφορά το που θέλουμε να μπει το καινούργιο HTML περιεχόμενο και το 2ο όρισμα αφορά το ποιο είναι το html περιεχόμενο.

Για το 1ο όρισμα, μπορείτε να χρησιμοποιήσετε τα ακόλουθα:

  • beforebegin -> Μπαίνει στην αρχή το νέο περιεχόμενο
  • afterend -> Μπαίνει στο τέλος (μετά το υπάρχον element με το id που δώσατε)

Υπάρχουν και άλλα options , αν ενδιαφέρεστε, απαντήστε εδώ και θα βοηθήσω.


Δείτε ένα ζωντανό παράδειγμα στο screenshot που ακολουθεί:


Καλή συνέχεια 😉

This post is also available in: English

Leave a Reply

Η ηλ. διεύθυνση σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *


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/