[英]How to place features content below shop content
我有一些要放置在商店內容之后的功能內容,但是商店內容是在php文件中生成的,而功能內容是在wordpress頁面中以靜態html編寫的。 功能內容出現在商店內容之前,我需要對其進行切換。
該網頁位於: 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>
</div>
</div>
此行創建產品列表:
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;
顯然,這不是最整潔的解決方案,但是應該可以完成工作。 理想情況下,您還希望通過數據庫提取要素內容。
另外,您可以創建一個函數,該函數根據傳遞給它的功能部件ID來檢索相關信息。 您可以循環瀏覽產品並調用函數為您生成HTML字符串,而不必手動創建它們。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.