画面全体のキャプチャーです。
上から部品を説明していきます。
{{$t('product.price.discount_rental')}}
あと{{ rentaled.limit }}{{ rentaled.period }}まで
{{$t('product.title_works.limit_sales')}} {{ product.discount_rate == 100 ? $t('product.title_works.only_now_free') : product.discount_rate + '%OFF' }}
{{ product.discount_rate == 100 ? $t('product.title_works.only_now_free') : product.discount_rate + '%OFF' }}
{{ $t('product.price.til', [product.discount_end_date]) }}{{ $t('product.price.point_return', [product.product_point_rate]) }}
{{ product.discount_rate == 100 ? $t('product.title_works.only_now_free') : product.discount_rate + '%OFF' }}
{{ $t('product.price.til', [product.discount_end_date]) }}{{ $t('product.price.point_return', [product.product_point_rate]) }}
販売終了
{{ rental.price | number_format }}円
{{ real_price | number_format }}円
{{ is_favorite ? 'お気に入りに追加済み' : 'お気に入りに追加' }}登録数{{ product.wishlist_count }}
{{ is_favorite ? 'お気に入りに追加済み' : 'お気に入りに追加' }}登録数{{ product.wishlist_count }}
購入特典
{{ gift.title }}
{{ gift.distribute_end_str }}まで配布中
{{ coupon.coupon_name }}
{{ coupon.end_date_str }}まで配布中
有効期限:{{ coupon.user_limit_date }}
有効期限:取得から{{ coupon.limit_days_day }}日後
{{ bonus.title }}
{{ bonus.end_date_str }}まで配布中
ダウンロード | ブラウザ視聴 | |
---|---|---|
PC | ||
スマホ |
Windows | - |
---|---|
Mac | - |
iOS | - |
Android | - |
その他 | - |
下記環境がインストールされたパソコンで動作します。
・Apache
・PHP
※こちらの環境を整える自信がない方は購入しないことをおすすめいたします。
xamppでセットアップすることをおすすめいたします。
・ivri.php
IVRI本体ファイルです。
・imgフォルダ
閲覧したい画像ファイルを格納するフォルダとなります。
・css\style.css
・css\swiper.css
cssスタイルシートです。
・js\jquery-1.8.1.min.js
jqueryのスクリプトファイルです。主にクリック時の処理をする上で使用します。
・js\swipe.js
・js\swiper.js
・js\swiper.js.map
swiperのjsファイルとなります。画像一覧のスライド処理をする上で使用します。
1.閲覧したいファイルをimgフォルダに格納する。
2.Webブラウザでivri.phpにアクセスする。(PC、SPどちらのデバイスでも可)