2 votes

La page de la boutique Woo-commerce supprime les DIVs personnalisés

Je suis en train de créer un thème personnalisé basé sur twentytwelve. Je suis confronté à un problème concernant la page de la boutique woocommerce. J'ai un modèle de page qui fonctionne bien. Cependant, lorsque j'active le plugin woocommerce et que j'affiche la page de base de la boutique (en utilisant mon modèle de page personnalisé), tous mes divs personnalisés et autres contenus personnalisés sont supprimés. J'ai suivi les étapes suivantes documentation woocommerce en utilisant à la fois woocommerce.php et les crochets d'action. Mais cela n'a donné aucun résultat. Voici mon code pour le modèle de page.

    <?php
/**
 * Template Name: Front Page Template
 *
 * Description: A page template that provides a key component of WordPress as a CMS
 * by meeting the need for a carefully crafted introductory page. The front page template
 * in Twenty Twelve consists of a page content area for adding text, images, video --
 * anything you’d like -- followed by front-page-only widgets in one or two columns.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */

get_header(); ?>

    <div id="primary" class="site-content">
        <div id="content" role="main">

<div class="rotator">
                <ul id="rotmenu">

                    <?php
                        $recentposts=get_pages('number=5');
                       // echo $recentposts;
                        $ii=0;
                        if ($recentposts) {

                            $ii=0;
                        //foreach($recentposts as $page) {
                        //setup_postdata($page);
                            for ($ii=1;$ii<=5;$ii=$ii+1){
                            //$ii=$ii+1;

                                $title='r_slideshow_0'.$ii.'_title';
                                $image='r_slideshow_0'.$ii.'_uploader';
                                $details='e_slideshow_0'.$ii.'_textarea';
                                $link='r_slideshow_0'.$ii.'_link';
                               // echo $page;
                                // echo $title;
                                //echo $image;
                                //echo $details;
                                //echo of_get_option($image, 'no entry');
                        ?>

                            <li>

                                <a href="<?php echo of_get_option($link, 'no entry');?>"><?php echo of_get_option($title, 'no entry');/*echo $page->post_title;*/ ?></a>
                                <div style="display:none;">
                                    <div class="info_image"><?php echo of_get_option($image, 'no entry');?></div>
                                    <div class="info_heading"><?php echo of_get_option($title, 'no entry'); ?></div>
                                    <div class="info_description">

                                        <?php echo of_get_option($details, 'no entry'); ?>
                                         <a href="<?php echo of_get_option($link, 'no entry');?>" class="more">Read Details >></a><br/>
                                     </div>
                                  </div>
                            </li>

                            <?php
                        //$ii=$ii+1;

                        }
                        }
                        ?>      
                    </ul>
                      <div id="rot1">
                    <img src="" width="100%" height="300" class="bg" alt=""/>
                    <div class="heading">
                        <h1></h1>
                    </div>
                    <div class="description">
                        <p></p>

                    </div>    
                </div>
            </div>

                    <!--#rotator on front static page-->

                    <?php 
                    if(of_get_option('boxchoice_radio', '0' )){
                        ?>
                        <!--box content-->
                     <div class="section_front_page group_front_page">
                         <div class="col_front_page span_1_of_3">

                            <img src="<?php echo of_get_option('frontpage_boximage_01' ); ?>"style=" ">
                                <?php if(of_get_option('frontpage_textarea_01' ) && of_get_option('frontpage_textarea_01' )!='Default Text') 
                                {
                                    ?>

                               <?php echo of_get_option('frontpage_textarea_01' ); ?>
                                <?php } ?>

                                <br/>
                                <?php if(of_get_option('frontpage_linkarea_01' ) && of_get_option('frontpage_linkarea_01' )!='Default') 
                                {
                                    ?>
                                <a href="<?php echo of_get_option('frontpage_linkarea_01' ); ?>">Read More >></a>
                                <?php } ?>
                         </div>
                         <div class="col_front_page span_1_of_3">

                           <img src="<?php echo of_get_option('frontpage_boximage_02' ); ?>" style="">
                                <?php if(of_get_option('frontpage_textarea_02' ) && of_get_option('frontpage_textarea_02' )!='Default Text') 
                                {
                                    ?>
                                    <p>
                               <?php echo of_get_option('frontpage_textarea_02' ); ?>
                                     </p>
                               <?php } ?>
                                <br/>
                                <?php if(of_get_option('frontpage_linkarea_02' ) && of_get_option('frontpage_linkarea_02' )!='Default') 
                                {
                                    ?>
                                <a href="<?php echo of_get_option('frontpage_linkarea_02' ); ?>">Read More >></a>
                                 <?php } ?>
                         </div>
                         <div class="col_front_page span_1_of_3">
                             <img src="<?php echo of_get_option('frontpage_boximage_03' ); ?>"style=" float:right; width:100%;" >

                               <br/>
                                <?php if(of_get_option('frontpage_textarea_03' ) && of_get_option('frontpage_textarea_03' )!='Default Text') 
                                {
                                    ?>
                               <?php echo of_get_option('frontpage_textarea_03' ); ?>
                               <?php } ?>
                               <?php if(of_get_option('frontpage_linkarea_03' ) && of_get_option('frontpage_linkarea_03' )!='Default') 
                                {
                                    ?>
                                <a href="<?php echo of_get_option('frontpage_linkarea_03' ); ?>">Read More >></a>
                              <?php } ?>

                         </div>
                  </div>    
                    <!--#end of box content-->
                    <?php
                    }  //end of boxes
                    ?>

                    <!--#end of box content-->

                    <!--default content on page-->
            <?php while ( have_posts() ) : the_post(); ?>
                <?php if ( has_post_thumbnail() ) : ?>
                    <div class="entry-page-image">
                        <?php the_post_thumbnail(); ?>
                    </div><!-- .entry-page-image -->
                <?php endif; ?>

                <?php get_template_part( 'content', 'page' ); ?>

            <?php endwhile; // end of the loop. ?>

        </div><!-- #content -->
    </div><!-- #primary -->

<?php get_sidebar( 'front' ); ?>
<?php get_footer(); ?>

Je l'ai utilisé dans mon fichier functions.php pour le rendre compatible avec Woocommerce,

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);

function my_theme_wrapper_start() {
  echo '<div id="main">';
}

function my_theme_wrapper_end() {
  echo '</div>';
}

Cependant, cela n'a pas fonctionné. Seul le produit s'affiche en pleine largeur sur la page et la barre latérale par défaut se trouve en bas.

J'ai besoin d'aide à ce sujet. Pouvez-vous me donner des idées ?

5voto

pixeline Points 8713

Le mieux est que vous utilisiez l'option " écrasement du modèle " :

Copiez le dossier woocommerce/templates/ dans le dossier de votre thème, dans le dossier yourtheme/woocommerce/.

Dans ce dossier, vous pouvez modifier la structure html à votre guise et elle sera utilisée à la place des modèles html standard de Woocommerce.

Une fois que c'est fait, ouvrez ces deux fichiers :

/wp-content/themes/your-theme/woocommerce/shop/wrapper-start.php
/wp-content/themes/your-theme/woocommerce/shop/wrapper-end.php

et modifiez le html pour qu'il corresponde au vôtre.

-1voto

help by me Points 1

Il y a deux méthodes, l'une est l'utilisation de woo commerce_content() et l'autre est l'utilisation de crochets. Veuillez donc suivre la première méthode pour fusionner woo commerce dans votre thème qui est documenté pour fusionner woo commerce dans le thème si vous ne suivez pas, cela sera nuisible pour la conception de votre thème ......

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X