[Résolu] Intervenir sur les codes qui gèrent l’affichage responsive (Créer un compte)

  • WordPress :6.1
  • Statut : résolu
12 sujets de 1 à 12 (sur un total de 12)
  • Auteur
    Messages
  • #2447624
    RachPat
    Participant
    Initié WordPress
    19 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.4.33
    • Thème utilisé : Amy-movie 3.5.2
    • Extensions en place : Amy Movie Extends Version 3.5.5 / AmyTheme Framework Version 1.4.1
    • Nom de l’hébergeur : 02switch
    • Adresse du site : https://www.cinelefoyer.com

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

    Bonjour,
    Pour une certaine page (page « Cette semaine »), qui affiche un « showtime », j’ai un problème avec l’affichage version téléphone car il manque une donnée essentielle, qui apparait bien lorsqu’on est en affichage ordinateur. Il s’agit de l’indication de la salle où passe le film (à l’origine c’est l’information du genre du film, mais j’ai bidouillé car ce site est fait pour gérer le programme cinéma de plusieurs salles dans plusieurs villages).

    Je ne suis pas pro de la programmation mais je me débrouille en copiant-collant les formules… et là, je cherche dans quel type de fichier se trouve l’indication de ce qui s’affiche selon qu’on est sur téléphone ou sur ordinateur…

    J’ai repéré le fichier qui gère le showtime mais pour ce qui est de l’aspect responsive du site, je n’ai pas l’impression que l’info soit dans ce fichier…

    Merci d’avance si vous avez une piste !

    Bien cordialement,
    Rachel

     

    #2447653
    C_Lucien
    Modérateur
    Maître WordPress
    5116 contributions

    Bonjour,

    même sur un ordinateur, dès qu’on réduit la largeur de la fenêtre, la fiche du film est grandement « simplifiée », n’affichant plus qu’une petite partie des informations –dates et durée.

    Comme votre thème est payant, il faudrait que l’un des bénévoles intervenant ici le possède et passe par ici pour en analyser le fonctionnement.

    Regardez tout ce qui repose sur la largeur de l’écran, pas seulement dans les CSS, voir comment est géré le contenu de la fiche.

    Peut-être contacter les concepteurs, pour les intéresser par une demande d’évolution.

    #2447655
    mathieu42
    Participant
    Maître WordPress
    1999 contributions

    vous pouvez essayer le code suivant à ajouter dans « Apparence » -> « Personnaliser » -> « CSS additionnel » :

    .amy-movie-list .amy-movie-custom-field-group .amy-movie-field-amy_genre
    {
    display : block;
    }

    #2447669
    RachPat
    Participant
    Initié WordPress
    19 contributions

    Bonjour, merci beaucoup pour vos retours,

    j’ai essayé le css additionnel en le plaçant dans « Apparence > Personnaliser  > CSS additionnel », j’ai aussi essayé de le placer dans « Amymovie > css et js personnalisés », mais ça ne change rien…

    Je mets en pièce jointe le fichier (issu du module Amy Movie Extends) qui, me semble-t-il, gère ce showtime par semaine, car c’est dans ce fichier que j’ai pu rajouter, ligne 166 : la portion de code « . date_i18n(‘l ‘, $date) .  » (pompée sur un autre modèle de showtime) pour qu’il affiche le nom du jour (lundi, mardi, etc) dans les dates à cliquer,

    mais je ne sais pas quelle portion de code peut influer sur l’affichage responsive, déjà voir si c’est présent dans cette page ou s’il faut chercher ailleurs ? plutôt dans le thème que dans le module peut-être ? dans un fichier css ?

    Peut-être avez-vous une idée d’un extrait de code que je pourrais rechercher dans tout autre fichier du module ou du thème et qui influence la version mobile ou petit écran ?

    Merci de votre intérêt pour cette recherche et très bonne journée,
    Rachel

    #2447670
    RachPat
    Participant
    Initié WordPress
    19 contributions

    oups, revoici le code du fichier en copié collé, car en pièce jointe ça n’a pas fonctionné :

    <?php
    
    if (!defined('ABSPATH')) {
    return;
    }
    
    if (!function_exists('amy_v2_movie_showtime_3')) {
    function amy_v2_movie_showtime_3($atts, $content = '', $key = '') {
    $custom_fields = amy_get_option('movie_custom_fields');
    $defaults_fields = amy_get_option('movie_default_fields', amy_movie_defaults_fields());
    $shortcodes_atts = array();
    
    if (!empty($defaults_fields)) {
    foreach ($defaults_fields as $field) {
    if ($field == 'movie_genre') {
    $shortcodes_atts['amy_genre'] = '';
    } else if ($field == 'movie_actor') {
    $shortcodes_atts['amy_actor'] = '';
    } else if ($field == 'movie_director') {
    $shortcodes_atts['amy_director'] = '';
    }
    }
    }
    
    if (!empty($custom_fields)) {
    foreach ($custom_fields as $field) {
    if ($field['type'] == 'category' || $field['type'] == 'person') {
    $name = (isset($field['name']) && $field['name'] != '') ? $field['name'] : '';
    $singular_name = (isset($field['singular_name']) && $field['singular_name'] != '') ? sanitize_title($field['singular_name']) : sanitize_title($name);
    
    $shortcodes_atts[$singular_name] = '';
    }
    }
    }
    
    $general_fields_tooltip_std = array('title', 'content', 'tralier', 'detail', 'rate', 'mpaa', 'imdb', 'duration');
    
    //shortcode params
    $shortcodes_atts['orderby'] = 'date';
    $shortcodes_atts['order'] = 'DESC';
    $shortcodes_atts['movie_type'] = 'now';
    $shortcodes_atts['posts_per_page'] = '-1';
    $shortcodes_atts['list_fields_visible'] = 'movie_release,movie_imdb,movie_language,movie_genre,movie_actor,movie_director,movie_cinema';
    
    $shortcodes_atts['general_fields_tooltip'] = implode(',', $general_fields_tooltip_std);
    
    $shortcodes_atts['class'] = '';
    $shortcodes_atts['pagination'] = false;
    
    $shortcodes_atts['layout'] = 'daily-1';
    $shortcodes_atts['day_start_week'] = '';
    $shortcodes_atts['number_date'] = 7;
    
    extract(shortcode_atts($shortcodes_atts, $atts));
    
    //query now
    $general_fields_tooltip = explode(',', $general_fields_tooltip);
    
    $params = array();
    $paged = (get_query_var('paged')) ? intval(get_query_var('paged')) : intval(get_query_var('page'));
    
    $params['orderby'] = $orderby;
    $params['order'] = $order;
    $params['posts_per_page'] = $posts_per_page;
    $params['paged'] = $paged;
    $params['movie_type'] = $movie_type;
    $params['custom_fields'] = array();
    
    if (!empty($custom_fields)) {
    foreach ($custom_fields as $field) {
    if ($field['type'] == 'category' || $field['type'] == 'person') {
    $name = (isset($field['name']) && $field['name'] != '') ? $field['name'] : '';
    $singular_name = (isset($field['singular_name']) && $field['singular_name'] != '') ? sanitize_title($field['singular_name']) : sanitize_title($name);
    
    if ($$singular_name != '') {
    $params['custom_fields'][] = array(
    'type' => $field['type'],
    'id' => $singular_name,
    'value' => $$singular_name
    );
    }
    
    }
    }
    }
    
    if (isset($amy_genre) && $amy_genre != '') {
    $params['custom_fields'][] = array(
    'type' => 'category',
    'id' => 'amy_genre',
    'value' => $amy_genre
    );
    }
    
    if (isset($amy_actor) && $amy_actor != '') {
    $params['custom_fields'][] = array(
    'type' => 'person',
    'id' => 'amy_actor',
    'value' => $amy_actor
    );
    }
    
    if (isset($amy_director) && $amy_director != '') {
    $params['custom_fields'][] = array(
    'type' => 'person',
    'id' => 'amy_director',
    'value' => $amy_director
    );
    }
    
    $html = array();
    $arpg = amy_movie_v2_build_query($params);
    $movie_showtime_3_query = new WP_Query($arpg);
    
    $image_size = array('214', '321');
    
    $custom_image_size = amy_movie_list_image_size();
    
    $start_date = ($day_start_week != '') ? $day_start_week : current_time('m/d/y');
    
    $option = [
    'image_size' => $custom_image_size['v2_st_3'],
    'general_fields_tooltip' => $general_fields_tooltip,
    'list_fields_visible' => $list_fields_visible,
    'start_date' => $start_date,
    
    ];
    
    $html[] = '<div class="amy-movie-layout-list amy-movie-showtimews-daily-1 ' . $class . '">';
    
    //begin header
    $html[] = '<div class="amy-showtimes-header"><div class="amy-showtimes-header-inner">';
    $html[] = '<input type="hidden" value="' . base64_encode(json_encode($params)) . '" class="amy-param"/>';
    $html[] = '<input type="hidden" value="' . base64_encode(json_encode($option)) . '" class="amy-option"/>';
    $html[] = '
    <ul>
     	<li style="list-style-type: none;">
    <ul>';</ul>
    </li>
    </ul>
    $list_movie_id = array();
    
    if ($movie_showtime_3_query->have_posts()) :
    while ($movie_showtime_3_query->have_posts()) :
    $movie_showtime_3_query->the_post();
    global $post;
    
    $list_movie_id[] = $post->ID;
    endwhile;
    endif;
    
    wp_reset_postdata();
    
    $list_movie_to_show = amy_movie_get_movie_follow_showtime($movie_showtime_3_query->posts, $start_date);
    
    for ($i = 0; $i < $number_date; $i++) {
    $date = strtotime($start_date . '+' . $i . ' days');
    
    if ($i == 0) {
    $liclass = 'active';
    } else {
    $liclass = '';
    }
    
    $html[] = '<li class="' . $liclass . '"><a href="void(0)"><span>' . date_i18n('l ', $date) . date_i18n(get_option('date_format'), $date) . '</span></a>
    
    ';
    }
    
    $html[] = '
    
    ';
    
    //end header
    $html[] = '</div></div>';
    
    $html[] = '<div class="amy-movie-list">';
    $html[] = '<div class="amy-movie-items">';
    
    ob_start();
    
    $html[] = amy_movie_v2_showtime_3_layout_content($list_movie_to_show, $option);
    
    $html[] = '</div>';
    
    $html[] = ob_get_clean();
    
    $html[] = '</div></div>';
    
    return implode("\n", $html);
    }
    
    add_shortcode('amy_v2_movie_showtime_3', 'amy_v2_movie_showtime_3');
    }
    
    
    #2447675
    C_Lucien
    Modérateur
    Maître WordPress
    5116 contributions

    Bonjour,

    j’ai ajouté les balises de code pour la lisibilité.

    #2447685
    mathieu42
    Participant
    Maître WordPress
    1999 contributions

    je ne vois pas le code css que vous avez ajouté dans « CSS additionnel » donc c’est surement que le thème a une gestion spéciale de cela.

    comme ce thème n’est pas disponible librement, nous ne pouvons pas le tester pour savoir comment ajouter le code css donc vous aurez surement plus d’aide en contactant le vendeur de ce thème.

    #2447701
    RachPat
    Participant
    Initié WordPress
    19 contributions

    Oups, ne voyant pas de changement, je n’avais pas laissé les codes dans CSS additionnel… mais je viens de les remettre, si jamais vous avez la patience de voir s’il y a quelque chose à fouiller par là…

    Merci dans tous les cas de votre réponse et bonne fin de journée

    #2447705
    mathieu42
    Participant
    Maître WordPress
    1999 contributions

    oui on voit bien le code aux 2 endroits donc si vous le laissez à un seul endroit cela suffit.

    ensuite je me suis trompé sur le code css, il faut enlever l’espace entre les 2 derniers morceaux du sélecteur pour avoir ça :

    .amy-movie-list .amy-movie-custom-field-group.amy-movie-field-amy_genre
    {
    display : block;
    }

     

    #2447707
    mathieu42
    Participant
    Maître WordPress
    1999 contributions

    je crois que ce n’est pas encore bon. si le code précédent ne fonctionne pas, essayez cela :

    .amy-movie-layout-list .amy-movie-list .amy-movie-items .amy-movie-item .amy-movie-item-back .amy-movie-item-back-inner .amy-movie-custom-field-group.amy-movie-field-amy_genre
    {
    display : block;
    }

     

    #2447708
    RachPat
    Participant
    Initié WordPress
    19 contributions

    Merci pour votre retour,

    j’ai pris votre nouveau code et je ne l’ai mis qu’à l’emplacement Amymovie > CSS et JS personnalisés > CSS personnalisés

    (j’ai supprimé le code dans Apparence > Personnaliser > CSS additionnel)

    Malheureusement je ne vois pas d’effet sur l’affichage…

    #2447709
    RachPat
    Participant
    Initié WordPress
    19 contributions

    Nos messages se sont croisés, je viens de mettre votre 3ème proposition… MERVEILLEUX, cette fois ça fonctionne ! Bravo !

    Si je peux vous demander encore un petit détail : voyez-vous un moyen de faire passer l’info « amy_genre » au-dessus du bandeau des dates qui correspond à « mpaa »

    Mais déjà, c’est génial, merci beaucoup !

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