Elementor : blocs de mise en page dans les onglets ou accordéons (Créer un compte)

  • WordPress :5.4
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 38)
  • Auteur
    Messages
  • #2350488
    soke
    Participant
    Chevalier WordPress
    172 contributions

    Bonjour,

    Ma configuration WP actuelle

    Version de PHP/MySQL :

    • Thème utilisé : integral
    • Extensions en place :
    • Nom de l’hébergeur :
    • Adresse du site :

    Problème(s) rencontré(s) :

    bonjour, les accordéons et onglets sont vraiment top dans élémentor mais on perd toutes les possibilité de mise en page et blocs à ajouter
    connaissez vous une solution?

     

    merci de votre aide

    • Ce sujet a été modifié le il y a 1 mois et 1 semaine par soke.
    • Ce sujet a été modifié le il y a 1 mois et 1 semaine par PhiLyon. Raison: Suppression code perturbateur
    #2350495
    Rock4Temps
    Participant
    Chevalier WordPress
    105 contributions

    Bonjour,

    il est possible de créer une section de l’ enregistrer comme modèle.

    Alors je crois qu’Elementor Pro  fourni un short Code pour la section crée.

    il suffira alors simplement de renseigner dans le widget accordéon le short code.

    Cordialement

    #2350499
    Rock4Temps
    Participant
    Chevalier WordPress
    105 contributions
    #2350500
    soke
    Participant
    Chevalier WordPress
    172 contributions

    ha oui, c’est pas mal du tout, merci beaucoup

    #2350602
    soke
    Participant
    Chevalier WordPress
    172 contributions

    alors j’ai bien suivi le tuto et c’est génial à priori, sauf que lorsque je vais dans les modeles, les short codes n’apparaissent aps, à mon avis il vaut acheter élémentor.

    vraiment dommage, je demeure avec le meme souci, meme si c’était la meilleure solution.

    #2350694
    Rock4Temps
    Participant
    Chevalier WordPress
    105 contributions

    Essayez cette extension pour palier a Elementor Pro:

    https://wordpress.org/plugins/anywhere-elementor/

     

    #2350700
    soke
    Participant
    Chevalier WordPress
    172 contributions

    mais c’est juste génial, mille mercis, t’es trop fort !

    #2350703
    soke
    Participant
    Chevalier WordPress
    172 contributions

    par contre, je ne sais pour quelle raison obscure, le va et viens décide de s’ouvrir à un endroit précis que je n’ai pas demandé au lieu de rester fermé

    http://www.amesud.fr/nos-services#tab3

    • Cette réponse a été modifiée le il y a 1 mois et 1 semaine par soke.
    #2350706
    Rock4Temps
    Participant
    Chevalier WordPress
    105 contributions

    Bonjour,

    Le premier widget accordéon d’Elementor est ouvert par défaut.
    Pour le fermer il faut utiliser un script a mettre dans le fichier function.php du thème enfant:

    /***********************************************************************************************/
    /*                Fermer le 1er élément d'accordéon ouvert par défaut dans elementor                  
    /***********************************************************************************************/
    
    // Le script utilise la bibliothèque Jquery.
    // WordPress intègre d’origine une version de jQuery. Elle est stockée dans « ../wp-includes/js/jquery/jquery.js
    // Il est donc inutile de demander à WordPress de charger une bibliothèque jQuery.
    // On charge le script dans le footer 
    
    function script_accordeon() {
    		
    ?>
    
        <script> 
    		jQuery(document).ready(function($) { 
    		var delay = 100; setTimeout(function() { 
    		$('.elementor-tab-title').removeClass('elementor-active');
    		 $('.elementor-tab-content').css('display', 'none'); }, delay); 
    		}); 
    	</script>
    		
    	
    <?php 
    	
    }
    add_action('wp_footer', 'script_accordeon');
    
    
    /***********************************************************************************************/
    /*                Fermer le 1er élément d'accordéon ouvert par défaut dans elementor                
    /***********************************************************************************************/

    Cordialement

    #2350708
    soke
    Participant
    Chevalier WordPress
    172 contributions

    j’ai déjà ça dans un plugg in de JS

    <script>
    jQuery(document).ready(function($) {
    var delay = 100; setTimeout(function() {
    $(‘.elementor-tab-title’).removeClass(‘elementor-active’);
    $(‘.elementor-tab-content’).css(‘display’, ‘none’); }, delay);
    });
    </script>

     

    c’est la meme chose non?

     

    par contre dans la page j’ai un autre js qui demande ‘ouverture à un onglet définit  dans cet onglet où j’ai ajoté le va et viens c’est la tab3 et comme par hasard mon va et vien ss’ouvre à la 3em rub, n’y a t il pas un conflit?

     

    jQuery(document).ready(function($){
    //get the hash tag
    //hash exist
    setTimeout(function(){
    var current = window.location.href;
    var current = current.split(‘#tab’);
    if(current.length>1) {
    $(‘.elementor-tab-title’).removeClass(‘elementor-active’);
    $(‘.elementor-tab-title[data-tab=”‘+current[1]+'”]’).addClass(‘elementor-active’);
    $(‘.elementor-tab-content’).hide();
    $(‘.elementor-tab-content[data-tab=”‘+current[1]+'”]’).show();
    }
    }, 200);

    $(‘.elementor-tab-title[data-tab]’).click(function(){
    var current_location = window.location.href;
    current_location = current_location.split(‘#’);
    window.location = current_location[0]+’#tab’+$(this).attr(‘data-tab’);
    })
    })

     

     

    merci de ton aide

    #2350741
    Rock4Temps
    Participant
    Chevalier WordPress
    105 contributions

    Je ne suis pas développeur,

    Le probléme avec les scripts récupéré ici ou là, c’est qu’ ils risquent de vite devenir obsoléte.

    Or la régle c’est de mettre a jour WordPress thème et extension pour palier a des bugs et faille de sécurité.

    Pour y palier il voudrait mieux trouver une extension.

    En attendant je vous propose de modifier le script pour le widget accordéons et de passer la variable delay = 100  à  delay = 300

    #2350832
    soke
    Participant
    Chevalier WordPress
    172 contributions

    arff ke pensais que c’était ok mais ça ferme aussi mes onglets alors que je demnde une ouvertute via#tabx

    • Cette réponse a été modifiée le il y a 1 mois et 1 semaine par soke.
    #2350836
    Rock4Temps
    Participant
    Chevalier WordPress
    105 contributions

    Bonjour

    Dernière proposition, au lieu d’utiliser #tab pour l’URL d’un onglet, voir s’il est possible
    de mettre une ancre de navigation sur la section intégrée a l’onglet.

    Par exemple pour la section intégrée a l’onglet  SERVICE CIVIQUE
    Dans elementor pour la section concernée  dans Modifier Section/Avancée

    renseigner pour ID de CSS

    Id de css:  service-civique

    il suffira alors de renseigner l’url: https://www.amesud.fr/nos-services#service-civique
    pour ouvrir et accéder au contenu de cet onglet.

    Bien entendu il faudra supprimer le script JS pour les onglets et ne garder que celui pour les widgets accordéons.

    cordialement

    #2351067
    soke
    Participant
    Chevalier WordPress
    172 contributions

    hum.. je viens de tenter, malheureusement, cela renvoi vers la bonne page mais tous les onglets demeurent fermés … 🙁

    #2351102
    Rock4Temps
    Participant
    Chevalier WordPress
    105 contributions

    Je ne vois pas de solution les widgets accordéons et onglet

    ont la même classe  .elementor-tab-title   et le même argument  data-tab

    utilisés par les scripts pour accordéons et onglet.

    On peut essayer de charger le script accordéons sur toutes les pages excepté la page: nos-services
    via le fichier function.php d’un thème enfant, mais on risque d’avoir le 1er accordéon ouvert.

    Mettre le non exact de la page dans le script et non le permalien: nos- services

    function script_accordeon() {
    	
    	if (!is_page('nos-services')){		
    		?>
    
    		<script> 
    			jQuery(document).ready(function($) { 
    			var delay = 100; setTimeout(function() { 
    			$('.elementor-tab-title').removeClass('elementor-active');
    			 $('.elementor-tab-content').css('display', 'none'); }, delay); 
    			}); 
    		</script>
    			
    		
    		<?php 
    	}	
    }
    add_action('wp_footer', 'script_accordeon');

15 sujets de 1 à 15 (sur un total de 38)
  • Vous devez être connecté pour répondre à ce sujet.