Smartyテンプレートでimg srcを取得する

Question

Smartyテンプレートがあり、現在商品イメージを挿入しています。私がしたいのは、画像のsrcだけを与えるようにそのコードを修正することです。

テンプレートは、ファイル「product_icon.tpl」と私は、これは、そのファイルから該当するコードである集まる何からが含まれています

{capture name="main_icon"} 
    <a href="{"$product_detail_view_url"|fn_url}"> 
     {include file="common/image.tpl" obj_id=$obj_id_prefix images=$product.main_pair image_width=$settings.Thumbnails.product_lists_thumbnail_width image_height=$settings.Thumbnails.product_lists_thumbnail_height} 
    </a> 
{/capture} 

そして、そこに含まれていた「image.tpl」ファイルには、（これを含ま）簡潔にするために関連する部分をトリミング：

{capture name="product_image_object"} 
{** Sets image displayed in product list **} 
{hook name="products:product_image_object"} 
    <img class="ty-pict {$valign} {$class} {if $lazy_load}lazyOwl{/if} {if $generate_image}ty-spinner{/if} cm-image" {if $obj_id && !$no_ids}id="det_img_{$obj_id}"{/if} {if $generate_image}data-ca-image-path="{$image_data.image_path}"{/if} {if $lazy_load}data-{/if}src="{if $generate_image}{$images_dir}/icons/spacer.gif{else}{$image_data.image_path}{/if}" alt="{$image_data.alt}" title="{$image_data.alt}" {if $image_onclick}onclick="{$image_onclick}"{/if} {if $image_width || $image_height} style="min-width: {$image_data.width}px; min-height: {$image_data.height}px; "{/if}/> 
    {if $image_data.alt}<span class="stonestreets-caption">{$image_data.alt}</span>{/if} 
{/hook} 
{/capture} 

は、これらのコードスニペットを合わせ、出力のみにリサイズした画像のSRCを下に簡素化することができますか？あなたはいつもの変数

{$product.main_pair|print_r} 

をチェックするために、TPLにprin_rを使用することができます

Answer 1

は

Array 
(
    [pair_id] => 1072 
    [image_id] => 0 
    [detailed_id] => 1285 
    [position] => 0 
    [detailed] => Array 
     (
      [object_id] => 247 
      [object_type] => product 
      [image_path] => http://localhost/cs-cart-git-dev/images/detailed/1/nokia_n1_perspectives_-_app.jpg 
      [alt] => 
      [image_x] => 5000 
      [image_y] => 3096 
      [http_image_path] => http://localhost/cs-cart-git-dev/images/detailed/1/nokia_n1_perspectives_-_app.jpg 
      [https_image_path] => https://localhost/cs-cart-git-dev/images/detailed/1/nokia_n1_perspectives_-_app.jpg 
      [absolute_path] => /Applications/MAMP/htdocs/cs-cart-git-dev/images/detailed/1/nokia_n1_perspectives_-_app.jpg 
      [relative_path] => detailed/1/nokia_n1_perspectives_-_app.jpg 
     ) 
) 

は今、あなたは

必要なものを見つけることがより容易であり、異なるパスと似たような表示されます。

<img src="{$product.main_pair.detailed.image_path}" width="{$product.main_pair.detailed.image_x}" height="{$product.main_pair.detailed.image_y}" alt="{$product.main_pair.detailed.alt}" /> 

イメージのサイズを変更するにはe on the flyをご利用ください。

{$image_data=$product.main_pair|fn_image_to_display:$image_width:$image_height} 
<img src="{$image_data.detailed.image_path}" width="{$image_data.detailed.image_x}" height="{$image_data.detailed.image_y}" alt="{$image_data.detailed.alt}" />