商品詳細ページのレイアウトを変更したいのですがphpの知識はありません。

tplファイルの中はプログラム形式になっていて書いてある内容はさっぱり解りません。

変更したいレイアウトはメイン画像の下にサブ画像を表示したいのです。(サブ画像の登録があればです)
サブタイトルやサブコメントが登録されていなくてもです。

色々調べても古いバージョンの記事はちらほらあるのですが2.11.Xの記事がほとんどなく困っています。

参考になるロジック等があれば教えていただきたいのですが...。

よろしくお願いします。

とりあえず、Smarty は抜きとして、HTML/CSS (場合によっては JS も?) ならばやりたい事を実現できそうかによっても判断は変わるかと思います。

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

現状ではcssだけでは出来そうにない感じです。

商品登録で試したところサブタイトルを入力しないと画像だけ登録しても詳細画面に表示されませんでしたので。

なのでsmarty部分？の変更が必要な気がするのですが...。

よろしくお願いします。

はい。必要だと思います。


> 商品登録で試したところサブタイトルを入力しないと画像だけ登録しても詳細画面に表示されませんでしたので。

この部分がネックという事でしたら、サブタイトルを入力しておいて、サブタイトルの出力箇所を削除する方法も考えられると思います。

----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

detail.tpl の <!--▼サブコメント--> から <!--▲サブコメント--> を detailphotobloc の中に移動してゴニョゴニョっとしたらできそうですよ。

そんなに難しい作業ではないと思いますので、実際にやってみて、できないことがあったら追加で質問してみてはいかがでしょうか？

----------------
EC-CUBE3っぽいテンプレート
GitHub で公開中
https://github.com/bluestylejp

お問い合わせ番号CSV登録&メール送信プラグイン
http://urx.red/qDT6

ありがとうございます
サブ画像が登録されていたらってどうやって聞けばいいんでしょうか？
これはどういう意味のロジックでしょうか？
<!--{if $arrProduct[$lkey]|strlen >= 1}-->

よろしくお願いします。

横から失礼します。

私も同じように詳細ページのメイン画像の下が、やたら空白スペースが大きいので、ここにサブの画像が上がってきたらいいのに、ってずっと思ってました。

で、詳細ページの
サブコメントの部分を単純に移動させたのですが、そうしましたら写真がページの真ん中に来てしまい、右側の説明部分と重なって表示されてしまいました。

これを、メイン画像と同じ左に揃えて表示するにはどうしたらいいのでしょうか。

私の移動させた内容は以下の通りです。
どうぞ宜しくお願いします。



<div id="detailphotobloc">
<div class="photo">
<!--{assign var=key value="main_image"}-->


<!--★画像★-->
<!--{if $arrProduct.main_large_image|strlen >= 1}-->
<a
href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"
class="expansion"
target="_blank"
>
<!--{/if}-->

<img src="<!--{$arrFile[$key].filepath|h}-->" width="<!--{$arrFile[$key].width}-->" height="<!--{$arrFile[$key].height}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" />
<!--{if $arrProduct.main_large_image|strlen >= 1}-->
</a>
<!--{/if}-->
</div>
<!--{if $arrProduct.main_large_image|strlen >= 1}-->
<span class="mini">


<!--★拡大する★-->
<a
href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|h}-->"
class="expansion"
target="_blank"
>
画像を拡大する</a>
</span>
<!--{/if}-->


<!--▼サブコメント-->
<!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}-->
<!--{assign var=key value="sub_title`$smarty.section.cnt.index+1`"}-->
<!--{assign var=ikey value="sub_image`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$key] != "" or $arrProduct[$ikey]|strlen >= 1}-->
<div class="sub_area clearfix">
<h3><!--★サブタイトル★--><!--{$arrProduct[$key]|h}--></h3>
<!--{assign var=ckey value="sub_comment`$smarty.section.cnt.index+1`"}-->
<!--▼サブ画像-->
<!--{assign var=lkey value="sub_large_image`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$ikey]|strlen >= 1}-->
<div class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></div>
<div class="subphotoimg">
<!--{if $arrProduct[$lkey]|strlen >= 1}-->
<a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" class="expansion" target="_blank" >
<!--{/if}-->
<img src="<!--{$arrFile[$ikey].filepath}-->" alt="<!--{$arrProduct.name|h}-->" width="<!--{$arrFile[$ikey].width}-->" height="<!--{$arrFile[$ikey].height}-->" />
<!--{if $arrProduct[$lkey]|strlen >= 1}--></a>
<span class="mini">
<a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$lkey]|h}-->" class="expansion" target="_blank">
画像を拡大する</a>
</span>
<!--{/if}-->
</div>
<!--{else}-->
<p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>
<!--{/if}-->
<!--▲サブ画像-->
</div>
<!--{/if}-->
<!--{/section}-->
<!--▲サブコメント-->


</div>