Question

我有一个正在插入产品图片的Smarty模板。我想要做的是修改代码，使它只给我图像的src。

该模板包含文件＆＃39; product_icon.tpl＆＃39;根据我收集的内容，这是该文件中的相关代码：

{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}

然后＆＃39; image.tpl＆＃39;其中包含的文件包含此内容（为简洁起见，修剪为相关部分）：

{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？

Answer 1

您始终可以在tpl中使用 prin_r 来检查变量

{$product.main_pair|print_r}

将显示类似于不同路径的内容

 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}" />

要动态调整图像大小，请使用

{$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}" />

使用Smarty模板获取img src

1 个答案: