0
votes

Comment inverser les données de la matrice?

Je veux un tableau 1,3,5,7,9 Layout sera inversé du tableau 0,2,4,6,8,10 Par exemple, 1ère mise en page de rangée - image sur gauche et la description de la cuisine, la 2ème mise en page de la ligne - image sur la droite et la description à gauche et de la description à gauche et continuellement.

Ceci est mon code.PHP P>

.row{
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
}
.row .col {
  flex: 1;
  padding-right: 10px;
  padding-left: 10px;
}


3 Réponses :


1
votes

3 commentaires

Bien suppose, mais pas même près! Voir les commentaires de l'OP ci-dessus.


! Layout prévu


J'ai répondu à la seule question qu'il y a. La seule question que vous avez posée est Comment inverser les données de la matrice? et ci-dessus n'est pas inverse, mais comme vous expliquez le problème, c'est la réponse. Si vous souhaitez que la réponse à une autre question non montagtérieste, cela devrait peut-être être inclus dans la question elle-même?



1
votes

Vous devez ajouter le CSS suivant pour obtenir la sortie souhaitée:

lorsque vous êtes impair .Product-cat DIV trouvés Appliquer Commande: 1; à l'image conteneur (< Code> .Product-Cat-Image ) et Commandez: 2; au conteneur de détail ( .Product-Cat-Détails )

quand même .product-cat divisé appliquer appliquer ordre: 2; sur conteneur d'image ( .Product-ca-image ) et commande : 1; au conteneur de détail ( .Product-cat-détaille ) xxx


0 commentaires

5
votes

Nous devons simplement changer de code dans fonction.php comme ci-dessous.

<?php
    $i=0; 
    foreach ( $termchildren as $child ) {
        $term = get_term_by( 'id', $child, $taxonomy_name );
        $image = get_field('featured_image', $term);
        if($i % 2){ ?>
            <div class="row">
                <div id="product-cat <?php echo $term->slug ?>">
                    <div class="two-col product-cat-image">
                        <img src="<?php echo $image ?>">
                    </div>
                    <div class="two-col product-cat-details">
                        <?php
                            echo '<h4>'. $term->name .'</h4>';
                            echo '<p>'. $term->description .'</p>';
                            echo '<a class="product-cat-button" href="' . get_term_link( $child, $taxonomy_name ) . '">See Products</a>';
                        ?>
                    </div>
                </div>
            </div>
        <?php } else {?>
            <div class="row">
                <div id="product-cat <?php echo $term->slug ?>">
                    <div class="two-col product-cat-details">
                        <?php
                            echo '<h4>'. $term->name .'</h4>';
                            echo '<p>'. $term->description .'</p>';
                            echo '<a class="product-cat-button" href="' . get_term_link( $child, $taxonomy_name ) . '">See Products</a>';
                        ?>
                    </div>
                    <div class="two-col product-cat-image">
                        <img src="<?php echo $image ?>">
                    </div>
                </div>
            </div>
        <?php }
       $i++;
    }
?>


4 commentaires

S'il vous plaît laissez-moi savoir la réponse est utile ou non


Réservoirs, maintenant la mise en page comme je le veux.


Au lieu d'écrire tout ce que vous devriez seulement alterner les variables "laissées" et "droite" et remplacer le contenu avec elle.


Ok excellent, laissez-moi savoir encore toute aide nécessaire.