Как разместить контент функций ниже контента магазина

Question

У меня есть контент с некоторыми функциями, который я хочу разместить после контента своего магазина, но контент магазина создается в php-файле, а контент функций записывается в виде статического html на странице wordpress. Содержание функций появляется перед содержимым магазина, и мне нужно его переключить.

Веб-страница: http://www.bolistylus.com/shop/

Вот как выглядит страница в данный момент:

Вот код php для содержимого магазина:

<?php
/**
 * Loop shop template
 *
 * DISCLAIMER
 *
 * Do not edit or add directly to this file if you wish to upgrade Jigoshop to newer
 * versions in the future. If you wish to customise Jigoshop core for your needs,
 * please use our GitHub repository to publish essential changes for consideration.
 *
 * @package    Jigoshop
 * @category   Catalog
 * @author     Jigowatt
 * @copyright  Copyright (c) 2011 Jigowatt Ltd.
 * @license    http://jigoshop.com/license/commercial-edition
 */
?>

<?php
global $columns, $per_page;

do_action('jigoshop_before_shop_loop');

$loop = 0;

if (!isset($columns) || !$columns) $columns = apply_filters('loop_shop_columns', 4);
//if (!isset($per_page) || !$per_page) $per_page = apply_filters('loop_shop_per_page', get_option('posts_per_page'));

//if ($per_page > get_option('posts_per_page')) query_posts( array_merge( $wp_query->query, array( 'posts_per_page' => $per_page ) ) );

ob_start();

if (have_posts()) : while (have_posts()) : the_post(); $_product = &new jigoshop_product( $post->ID ); $loop++;

    ?>
    <li class="product <?php if ($loop%$columns==0) echo 'last'; if (($loop-1)%$columns==0) echo 'first'; ?>">

        <?php do_action('jigoshop_before_shop_loop_item'); ?>

        <a href="<?php the_permalink(); ?>">

            <?php do_action('jigoshop_before_shop_loop_item_title', $post, $_product); ?>

            <strong><?php the_title(); ?></strong>

            <?php do_action('jigoshop_after_shop_loop_item_title', $post, $_product); ?>

        </a>

        <?php do_action('jigoshop_after_shop_loop_item', $post, $_product); ?>

    </li><?php

    if ($loop==$per_page) break;

endwhile; endif;

if ($loop==0) :

    echo '<p class="info">'.__('No products found which match your selection.', 'jigoshop').'</p>';

else :

    $found_posts = ob_get_clean();

    echo '<ul class="products">' . $found_posts . '</ul><div class="clear"></div>';

endif;

do_action('jigoshop_after_shop_loop');

Вот HTML-код содержания функций:

<div class="entry-content">
<h1 class="description-title">WHY IS BOLI BETTER?</h1>
<div class="feature feature-item-248"><img class="main" src="http://www.bolistylus.com/wp-content/uploads/uclaproduct.png" alt="" />
<div class="feature_description">
<div class="feature_description_header">
<h2 class="descript-heading">PERFECTLY WEIGHTED</h2>
</div>
<div class="feature_description_content">

Touch screens have simplified technology, but there has yet to be a way to capture the precision of a calligrapher or the stroke of an artist. Not only should it meet your needs, but a stylus should have style.

</div>
</div>
</div>
<div class="feature feature-item-252"><img class="main" src="http://www.bolistylus.com/wp-content/uploads/pinkproduct.png" alt="" />
<div class="feature_description">
<div class="feature_description_header">
<h2 class="descript-heading">PEN-LIKE PRECISION</h2>
</div>
<div class="feature_description_content">

Your stylus should be as sharp as your ideas. The thin and clear disc gives you the accuracy you want in a digital pen.

</div>
</div>
</div>
<div class="feature feature-item-254">

<img class="main" src="http://www.bolistylus.com/wp-content/uploads/blueproduct.png" alt="" />
<div class="feature_description">
<div class="feature_description_header">
<h2 class="descript-heading">BALL POINT</h2>
</div>
<div class="feature_description_content">

Hold your stylus at the angle you’re most comfortable with. Jot gives you the freedom to write or sketch like you’re used to.

</div>
</div>
</div>
<div class="feature feature-item-256">

<img class="main" src="http://www.bolistylus.com/wp-content/uploads/greenproduct.png" alt="" />
<div class="feature_description">
<div class="feature_description_header">
<h2 class="descript-heading">HEAVY METAL</h2>
</div>
<div class="feature_description_content">

Once Jot is in your grip, the quality is unmistakable. The durable aluminum and steel gives Jot superior conductivity and craftsmanship comparable to any luxury pen.

</div>
</div>
&nbsp;

</div>
</div>

Answer 1

В этой строке создаются списки продуктов:

echo '<ul class="products">' . $found_posts . '</ul><div class="clear"></div>';

, что является контентом магазина.Если вы осмотрите свою страницу с помощью Firebug, вы увидите ul.products, который содержит 5 товаров, которые демонстрируются (содержимое магазина).

Что вы можете сделать, чтобы показать содержимое функции после создания HTML-строки для вашегостатические данные и добавьте их в оператор echo выше.Например,

$product_string = "";
$product_string = "<ul class='products'>" . $found_posts . "</ul><div class='clear'></div>";
$product_string .= "<div class='entry-content'><h1 class='description-title'>WHY IS BOLI BETTER?</h1>";

/* First Product */
$product_string .= "<div class='feature feature-item-248'><img class='main' src='http://www.bolistylus.com/wp-content/uploads/uclaproduct.png' alt='' /><div class='feature_description'><div class='feature_description_header'><h2 class='descript-heading'>PERFECTLY WEIGHTED</h2></div><div class='feature_description_content'>Touch screens have simplified technology, but there has yet to be a way to capture the precision of a calligrapher or the stroke of an artist. Not only should it meet your needs, but a stylus should have style.</div></div></div>";

$product_string .= "</div>";

Аналогичным образом вы можете создавать строки для других продуктов и добавлять их в строку выше.Как только вы добавили все строки, вам нужно только повторить переменную;

echo $product_string;

Очевидно, что это не самое лучшее решение, но оно должно выполнить свою работу.В идеале, вы также должны извлекать содержимое ваших функций через базу данных.

Кроме того, вы можете создать функцию, которая в зависимости от переданного ей идентификатора элемента функции извлекает соответствующую информацию.Вы можете циклически просматривать продукты и вызывать функцию для генерации HTML-строк вместо того, чтобы создавать их вручную.