ショッピングカートの「最後にカートへ入れた商品ページへ戻る」というリンクボタンを画像に変えたいのですがどうしたら良いですか?
パソコン用ページテンプレート一覧(デザイン設定>適用中のテンプレートカスタマイズ)からショッピングカードの編集ボタンを押します。
ページテンプレート設定に以下を追加して保存すると画像に変更できます。
※画像は、イージーマイショップのロゴを表示しています。
変更方法は追加例の下に記載します。
<script>
$(function () {
$('.last_item_page_btn').get(0).type = 'image';
$(".last_item_page_btn").attr("src","https://www.easy-myshop.jp/images/header/ems_logo-e.png");
});
</script>
【追加する場所】
{$$ COMMON HEADER $$}
<div class="pane_regi regi_flow0">
{regi_title}
【ここに追加】
<!-- $$ APP CONTENT $$ -->
{$$ APP CONTENT $$}
<!-- / $$ APP CONTENT $$ -->
</div>
{$$ COMMON FOOTER $$}
例)コードを挿入した例
{$$ COMMON HEADER $$}
<div class="pane_regi regi_flow0">
{regi_title}
<script>
$(function () {
$('.last_item_page_btn').get(0).type = 'image';
$(".last_item_page_btn").attr("src","https://www.easy-myshop.jp/images/header/ems_logo-e.png");
});
</script>
<!-- $$ APP CONTENT $$ -->
{$$ APP CONTENT $$}
<!-- / $$ APP CONTENT $$ -->
</div>
{$$ COMMON FOOTER $$}
【画像の変更方法】
リソースファイル(デザイン設定>詳細レイアウト他>リソースファイルタブ)の[新規登録]を押して画像を登録します。
登録後に表示されるリソースパスを上記コード内に記載します。
例)リソースパスをコード内に記載する
↓以下は「sample.jpg」を登録した場合の記載例。
<script>
$(function () {
$('.last_item_page_btn').get(0).type = 'image';
$(".last_item_page_btn").attr("src","{resource_url}/sample.jpg");
});
</script>
以上で変更完了です。