Bearbeiten woocommerce template-Dateien für benutzerdefinierte layout

Ich versuche, fügen Sie einige Anpassung an ein WordPress-theme mit dem woocommerce plugin. Ich bin versucht zu stilisieren der shop-Seite eine Liste der Kategorien an der Oberseite der Produkte oder entlang der linken Seite. Wenn Sie aktivieren Sie die Kategorie-Auswahl aus dem Katalog Seite in den woocommerce-admin-Einstellungen, verwendet es die content_product_cat2.php template Datei zur Anzeige Produkt-Kategorie-thumbnails im woocommerce Produkt-Schleife. Ich habe verschoben, dass die php-Datei und haben mit der Bearbeitung begonnen und erste Ergebnisse. Ich habe entfernt die thumbnails aber ich Schaffe es nicht, den Titel aus dem raster-format oder außerhalb der Schleife. Im offen für das hinzufügen einige Haken, um meine functions.php aber ich nicht sehen keinen Haken in die woocommerce hook-Referenz, der aussah, wie Sie es tun würden. Vielleicht eine Kombination der Bearbeitung dieser Vorlage und verwenden Sie einen Haken, um es zu platzieren, bevor die Schleife. Im nicht sicher, das ist, warum im posting. Hier ist ein link zu der Seite. dass im mit es auf und hier der Inhalt der php-Datei: 

<?php
/**
 * The template for displaying product category thumbnails within loops.
 *
 * Override this template by copying it to yourtheme/woocommerce/content-product_cat.php
 *
 * @author      WooThemes
 * @package     WooCommerce/Templates
 * @version     1.6.4
 */




global $woocommerce_loop;

//Custom Edits

if ( is_shop() && in_array( $category->slug, array( 'fakeie' ) ) ) {
return;
}


//Store loop count we're currently on
if ( empty( $woocommerce_loop['loop'] ) )
$woocommerce_loop['loop'] = 0;

//Store column count for displaying the grid
if ( empty( $woocommerce_loop['columns'] ) )
$woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 );

//Increase loop count
$woocommerce_loop['loop']++;
?>
<li class="product <?php
if ( $woocommerce_loop['loop'] % $woocommerce_loop['columns'] == 0 )
    echo 'last';
elseif ( ( $woocommerce_loop['loop'] - 1 ) % $woocommerce_loop['columns'] == 0 )
    echo 'first';
?>">

<?php do_action( 'woocommerce_before_subcategory', $category ); ?>

<a href="<?php echo get_term_link( $category->slug, 'product_cat' ); ?>">



    <h3 style="float:left;">
        <?php echo $category->name; ?>
        <?php if ( $category->count > 0 ) : ?>
            <mark class="count">(<?php echo $category->count; ?>)</mark>
        <?php endif; ?>
    </h3>

    <?php
        /**
         * woocommerce_after_subcategory_title hook
         */
        do_action( 'woocommerce_after_subcategory_title', $category );
    ?>

</a>

<?php do_action( 'woocommerce_after_subcategory', $category ); ?>

</li>

Danke Jungs...ich kenne jemanden der Erfahrung mit diesem.

EDIT - Ok, also was mir klar ist, dass die Bearbeitung der content_product_cat.php die Datei ist wahrscheinlich nicht der beste Weg, um darüber zu gehen. Jay erwähnt unten, dass ist besser zu Bearbeiten content_product.php Datei. Während ich anfangs dachte, das ist auch eine gute Lösung, was mir klar ist, dass es nicht vollbringen, was ich Suche zu tun. Bearbeiten content_product.php nur änderungen innerhalb der Schleife und ich muss meine Kategorien angezeigt werden, bevor die Schleife, so dass Sie nicht fallen inot das grid-format der Schleife.....jede neue Idee ist???

InformationsquelleAutor Dave C | 2013-04-12
  1. 3

    Einer alternative ist, dass können Sie deaktivieren die Standard-woocommerce Kategorie anzuzeigen und nicht die Vorlage verwenden. Stattdessen können Sie benutzerdefinierten code schreiben, und Holen Sie die Liste nach Kategorie und Stil, wie Sie möchten und fügen Sie es in die woocommerce Produkt-grid. Unten ist, wie Sie es tun.

    <?php $all_categories = get_categories( 'taxonomy=product_cat&hide_empty=0&hierarchical=1' );
                    foreach ($all_categories as $cat) {
                        if($cat->category_parent == 23) {                           
                                                        $category_id = $cat->term_id;
                            $thumbnail_id   = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
                            $image = wp_get_attachment_url( $thumbnail_id );
                                echo '<li><a href="'. get_term_link($cat->slug, 'product_cat') .'"><img src="'.$image.'" alt="'. $cat->name .'"/><div>'. $cat->name .'</div></a>';
                        }
                    }
?>
    • ok das klingt gut, aber ich bin etwas verwirrt...in welcher Datei ich das einfügen der oben code.
    • /woocommerce/templates/content-product.php Dies ist das template von woocommerce zu generieren, den Produkt-grid....
    • Vielen Dank. Ich kopierte es in das content-product.php Datei und es hat keine Anzeige der Kategorien. Ich versuchte es an mehreren Standorten, aber ohne Erfolg. Ich denke, das ist eine bessere Lösung, aber ich nicht, wie es funktioniert.
    • Haben Sie kopieren Sie diese Datei in yourtheme/woocommerce/content-product.php?
    • Auch je nach version finden Sie die loop-shop.php Datei, um zu sehen, welches template aufgerufen wird, um Produkte und kopiere den code in das...
    • ja, ich habe die Dateien kopiert und auch versucht, das loop-shop-php-Datei als gut, und ich bin in der Lage zu ändern die Seite aber nicht hinzufügen in den Kategorien mit dem angegebenen code. Nicht sicher, wo ich werde hier falsch.
    • Ich war in der Lage, Kategorien zu zeigen, außerhalb der Schleife, indem Sie den code unten, um meine functions.php Datei, jedoch funktioniert es nur, wenn die Option "Zeige Unterkategorien auf der shop-Seite" Kontrollkästchen aktiviert ist, in den Katalog-Einstellungen Seite. Ich fühle mich wie im in die richtige Richtung. add_action( 'woocommerce_before_shop_loop', 'woocommerce_product_subcategories', 10 ); function woocommerce_show_categories($cat_args){ $cat_args['hide_empty']=0; return $cat_args; }
    • Aber funktioniert dies ermöglicht Ihnen die Anwendung Ihrer eigenen styling?
    • Ich wickelte den Namen der Kategorie in der declairation content-product_cat.php in einem div, dass ich mit css gemacht und es in eine Liste, aber es hat Grenzen...größte davon ist, dass es zeigt zweimal und nur, wenn die option aktiviert ist in den woocommerce-Einstellungen...ich fühle mich in der Nähe aber ich weiß nich

    InformationsquelleAutor Jay Bhatt
  2. 0

    Könnten Sie hinzufügen, um Ihre functions.php:

    add_action('woocommerce_before_shop_loop','showcats');


function showcats()
{
    //list terms in a given taxonomy using wp_list_categories (also useful as a widget if using a PHP Code plugin)

$taxonomy     = 'product_cat';
$orderby      = 'name';
$show_count   = 0;      //1 for yes, 0 for no
$pad_counts   = 0;      //1 for yes, 0 for no
$hierarchical = 1;      //1 for yes, 0 for no
$title        = '';

$args = array(
  'taxonomy'     => $taxonomy,
  'orderby'      => $orderby,
  'show_count'   => $show_count,
  'pad_counts'   => $pad_counts,
  'hierarchical' => $hierarchical,
  'title_li'     => $title
);

?>
<ul>
<?php wp_list_categories( $args ); ?>
</ul>
<?
}

function showcatlist()
{
    if(is_shop()) showcats();
}

    Die Funktion showcats ist annehmen von: http://wordpress.org/support/topic/plugin-woocommerce-excelling-ecommerce-category-list. Lesen Sie mehr auf: http://codex.wordpress.org/Template_Tags/wp_list_categories. Ändern Sie den Stil der Liste, die Sie Lesen:

    Können Sie entfernen Sie die äußerste Element und der Liste, indem Sie die title_li
    parameter auf einen leeren string. Sie müssen wickeln Sie die Ausgabe in eine
    geordnete Liste (ol) bzw. ungeordnete Liste selbst (siehe die Beispiele oben).
    Wenn Sie nicht möchten, Liste-Ausgang an, setzen Sie den style-parameter auf none.

    Anstelle des wp_list_categories Sie können auch get_categories http://codex.wordpress.org/Function_Reference/get_categories und schreiben der html-Ausgabe deiner selbst. Ist das der selbe wie bei Jay Bhatt, die die richtige Antwort in den ersten Platz.

    InformationsquelleAutor Bass Jobsen
Schreibe einen Kommentar