Bonjour,

Le plugin Elementor ne permet pas de définir des dimensions spécifiques pour les colonnes en cas d'affichage sur tablette. alors que cela est possible pour l'affichage sur les smartphones.

En cherchant dans le code je me suis rendu compte qu'il n'est pas tres comliqué d'étendre pour les tablettes la fonctionnalité offerte pour les smartphones.

Pour ce faire il suffit d'ajouter dans le fichier https://github.com/pojome/elementor/blob/master/includes/elements/column.php
à la ligne 364 le code suivant :

            'screen_md' => [
                'title' => __( 'Tablette Width', 'elementor' ),
                'class_prefix' => 'elementor-md-',
                'classes' => '',
                'description' => '',
            ],

La variable entiere :

$responsive_points = [
            'screen_sm' => [
                'title' => __( 'Mobile Width', 'elementor' ),
                'class_prefix' => 'elementor-sm-',
                'classes' => '',
                'description' => '',
            ],
            'screen_xs' => [
                'title' => __( 'Mobile Portrait', 'elementor' ),
                'class_prefix' => 'elementor-xs-',
                'classes' => 'elementor-control-deprecated',
                'description' => __( 'Deprecated: Mobile Portrait control is no longer supported. Please use the Mobile Width instead.', 'elementor' ),
            ],
        ];

devient :

$responsive_points = [
            'screen_md' => [
                'title' => __( 'Tablette Width', 'elementor' ),
                'class_prefix' => 'elementor-md-',
                'classes' => '',
                'description' => '',
            ],
            'screen_sm' => [
                'title' => __( 'Mobile Width', 'elementor' ),
                'class_prefix' => 'elementor-sm-',
                'classes' => '',
                'description' => '',
            ],
            'screen_xs' => [
                'title' => __( 'Mobile Portrait', 'elementor' ),
                'class_prefix' => 'elementor-xs-',
                'classes' => 'elementor-control-deprecated',
                'description' => __( 'Deprecated: Mobile Portrait control is no longer supported. Please use the Mobile Width instead.', 'elementor' ),
            ],
        ];

A partir de ce moment cela fonctionne bien (hormis un petit souci de css)

Sauriez-vous comment faire sans cela sans pour autant écrire dans les fichiers du plugin SVP ?
J'essaye de m'appuyer sur le tuto pour les widgets d'elementor mais sans grand résultat pour le moment

1 réponse


nico
Auteur
Réponse acceptée

Plugin dispo ici : https://fr.wordpress.org/plugins/mrt4e/

Je clos le sujet du coup.