[英]Adding a conditional to mustache/php
考慮:
<?php
/**
* Single variation display
*
* This is a javascript-based template for single variations (see https://codex.wordpress.org/Javascript_Reference/wp.template).
* The values will be dynamically replaced after selecting attributes.
*
* @see https://docs.woocommerce.com/document/template-structure/
* @author WooThemes
* @package WooCommerce/Templates
* @version 2.5.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
?>
<script type="text/template" id="tmpl-variation-template">
<div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div>
<div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div>
<div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div>
<div class="woocommerce-variation-custom-text-field">
GTIN: <span class="sku">{{{ data.variation.wccaf_gtin }}}</span>
</div>
<div class="woocommerce-variation-custom-text-field">
MPN: <span class="sku">{{{ data.variation.wccaf_mpn }}}</span>
</div>
</script>
<script type="text/template" id="tmpl-unavailable-variation-template">
<p><?php _e( 'Sorry, this product is unavailable. Please choose a different combination.', 'woocommerce' ); ?></p>
</script>
如何實現條件,IF {{{ data.variation.wccaf_gtin }}}
返回空白/空值,然后回顯“GTIN不可用”?
我嘗試過的:
我在維基上看過這個:
帶有標簽的模板:
{{#x}}一些文字{{/ x}}這里,當x是一個布爾值時,section標簽就像一個if條件
所以我試過了
<div class="woocommerce-variation-custom-text-field">
GTIN: <span class="sku">{{#repo}}{{ data.variation.wccaf_gtin }}{{/repo}}{{^repo}}N/A{{/repo}}</span>
</div>
這不起作用。
但我對小胡子完全不熟悉,我需要一些指導。
// if exist
{{#repo}}
<b>{{name}}</b>
{{/repo}}
// if not exist
{{^repo}}
No repos :(
{{/repo}}
你可以試試這個
<div class="woocommerce-variation-custom-text-field">
GTIN: <span class="sku">{{#data.variation.wccaf_gtin}}{{ data.variation.wccaf_gtin }}{{/data.variation.wccaf_gtin}}{{^data.variation.wccaf_gtin}}N/A{{/data.variation.wccaf_gtin}}</span>
</div>
這不是一個Mustache模板,因為評論指出它是WordPress自定義wp.template
解決方案。
它沒有任何邏輯標簽,但有評估標簽<# #>
。
從快速谷歌這里是一個例子,你會如何使用它們寫支票:
<# if ( data.trueValue ) { #>
<p> I am only output if <code>data.trueValue</code> is true.
<# } #>
使用ints-jst嘗試相同的操作
碼:
<div id="try-jst">
<div class="woocommerce-variation-description">
<js-t> print(data.variation.variation_description);</js-t>
</div>
<div class="woocommerce-variation-price">
<js-t> print(data.variation.price_html);</js-t>
</div>
<div class="woocommerce-variation-availability">
<js-t> print(data.variation.availability_html);</js-t>
</div>
<div class="woocommerce-variation-custom-text-field">
GTIN:
<span class="sku">
<js-t>
if(!!data.variation.wccaf_gtin) {
print(data.variation.wccaf_gtin);
} else {
print("unavailable");
}
</js-t>
</span>
</div>
<div class="woocommerce-variation-custom-text-field">
MPN:
<span class="sku">
<js-t>
if(!!data.variation.wccaf_mpn) {
print(data.variation.wccaf_mpn);
} else {
print("unavailable");
}
</js-t>
</span>
</div>
</div>
腳本:
<script>
/* var data = {
variation: {
variation_description: 'variation_description',
price_html: 'price_html',
availability_html: 'availability_html',
wccaf_gtin: '',
wccaf_mpn: '123',
}
}; */
// jQuery version
compile($('#try-jst')[0]);
run();
// Plain Javascript
/**
* compile(document.getElementById('try-jst'));
* run();
*/
</script>
輸出:
<div id="try-jst">
<div class="woocommerce-variation-description">variation_description</div>
<div class="woocommerce-variation-price">price_html</div>
<div class="woocommerce-variation-availability">availability_html</div>
<div class="woocommerce-variation-custom-text-field"> GTIN: <span class="sku">unavailable</span></div>
<div class="woocommerce-variation-custom-text-field"> MPN: <span class="sku">123</span></div>
</div>
所以你可以嘗試一下。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.