[戻る]
No.1913

商品画像について

クロさん  投稿日:2016/05/16(Mon) 00:17
key

スマホページ「商品詳細」画面での商品画像について2点お伺いします。
1.画像に触れると明るくなる機能を解除したい。
2.画像をタップすると別ウィンドウで画像が表示される機能を解除したい。
よろしくお願いします。

Re: 商品画像について

おたすけマイショップさん  2016/05/16(Mon) 15:45 No.1914
key

> 1.画像に触れると明るくなる機能を解除したい。
画像に触れると明るくなるのは、スタイルにて行っておりますので、以下のスタイルを追加する事で解除できます。

<style>
.item_detail .item_image_block input[type="image"]:hover:not(.non_zoom), .item_detail .item_image_block a:hover, .item_detail .item_image_block a:hover img, .item_detail .item_image_block *[onClick]:hover, .item_detail .item_image_block *[onClick]:hover img, .item_detail .item_image_block .hover_zoom:hover, .item_detail .item_image_block .hover_zoom:hover img {
-webkit-filter: brightness(100%)!important;
}
</style>

スタイルの追加方法は、以下のヘルプをご覧ください。

 ページに<style>を追加する(簡単モード)
 http://emshelp.easy-myshop.jp/c-item-detail?ic=add-style

スマートフォンページのみを限定されておりますので、追加するパーツの表示区分は「スマートフォン」のみにチェックを入れて下さい。

尚、スタイルの追加は“商品詳細”に追加されることをお勧め致します。


> 2.画像をタップすると別ウィンドウで画像が表示される機能を解除したい。
以下のスクリプトを追加して頂く事で解除できます。
※ページ選択から“商品詳細”に切り替えて追加して下さい。
※今後のバージョンアップにより動作しなくなるまたは、他の機能に影響がでる場合が御座いますので、予めご了承頂いた上でご利用ください。

<script>
$(function(){
if ($(window).width() < 700) { /* タブレットも含む場合は、1000 */
$('a[data-lightbox="lbimage1"]').click(function(){
return false;
})
}
});
</script>

スクリプトの追加方法はスタイルの追加と同様の方法です。

回答は以上です。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』