質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Smarty

Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

Q&A

0回答

248閲覧

ec-cube2.13.5でサムネイル表示のサブタイトル表示

hiro1613

総合スコア11

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Smarty

Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

EC-CUBE

EC-CUBEは、主に日本国内で開発されているECコンテンツ管理システムです。ロックオン社のECKitを元にしてオープンソース化され、商品管理・受注管理・顧客管理・売上集計などECに特化した様々な機能を備えています。

0グッド

0クリップ

投稿2017/10/18 14:38

編集2017/10/21 13:37

ec-cube2.13.5で商品詳細ページのサブ画像をサムネイル表示して、クリックするとメイン部分に大きく表示するようにカスタマイズしています。
サムネイルをクリックした画像のサブタイトルをメイン画像の下に表示したいのですが、
どなたか教えて頂けないでしょうか。
宜しくお願い致します。

<!--{assign var=key value="main_image"}--> <!--★画像★--> <!--{if $arrProduct.main_large_image|strlen >= 1}--> <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" name="remote_image" id="remote_image" class="wid100P ba01" /> <!--▼ロールオーバー画像▼--> <!--{if $arrProduct.sub_image1 != "" || $arrProduct.sub_image2 != "" || $arrProduct.sub_image3 != "" || $arrProduct.sub_image4 != ""}--> <div id="over_image_box"></div> <div class="over_image"> <a class="cbox" href="#" title="<!--{$arrProduct[$keyt]|h}-->" onClick="chgImg('<!--{$arrFile[$key].filepath|h}-->','remote_image');" ><img class="cbox" src="<!--{$arrFile[$key].filepath|h}-->" width="100" height="100" alt="<!--{$arrProduct.name|h}-->" /></a> </div> <!--{section name=cnt loop=$smarty.const.PRODUCTSUB_MAX}--> <!--{assign var=key value="sub_image`$smarty.section.cnt.index+1`"}--> <!--{assign var=keyl value="sub_large_image`$smarty.section.cnt.index+1`"}--> <!--{assign var=keyt value="sub_title`$smarty.section.cnt.index+1`"}--> <!--{assign var=keym value="main_image"}--> <!--{if $arrProduct[$key] != ""}--> <div class="over_image mb10"> <a class="cbox" href="javascript:void(0);" title="<!--{$arrProduct[$keyt]|h}-->" onClick="chgImg('<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct[$key]|h}-->','remote_image');" > <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$arrProduct[$key]|sfNoImageMainList|h}-->&amp;width=98&amp;height=98" /> </a> </div> <!--{/if}--> <!--{/section}--> <br clear="all" /> <div id="dummy"></div> <!--{else}--> <!--{/if}--> <!--▲ロールオーバー画像▲--> <!--{else}--> <img src="<!--{$arrFile[$key].filepath|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture img-responsive img-thumbnail center-block mb20" /> <!--{/if}-->

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問