karinさま

ご回答いただき、ありがとうございます。
教えて頂いた内容で、指定の画像を表示出来ました！

{% if Product.ProductImage|length > 0 %}
<li class="thum_bpc"><img id="zoom1" src="{{ app.config.image_save_urlpath }}/{{Product.ProductImage[0]|no_image_product}}" width="100%" data-zoom-image="{{ app.config.image_save_urlpath }}/{{Product.ProductImage[2]}}"></li>
<li class="thum_bpc"><img id="zoom2" src="{{ app.config.image_save_urlpath }}/{{Product.ProductImage[1]|no_image_product}}" width="100%" data-zoom-image="{{ app.config.image_save_urlpath }}/{{Product.ProductImage[3]}}"></li>
{% else %}
<li class="thum_bpc"><img src="{{ app.config.image_save_urlpath }}/{{ ''|no_image_product }}" width="100%" ></li>
{% endif %}

「|no_image_product」はそのまま入れておいて良いのかわかりませんでしたが、
上記で希望通りの見た目で動作しました。

本当にありがとうございました。

//対応状況を解決済みにしたのですが反映されませんでした。