書籍販売の立ち読み機能について

日本語 ディスカッション 総合的なディスカッション
1

紙媒体の書籍および電子書籍の販売を行うストアを構築中です。

ユーザーに対して、書籍の立ち読み（試し読み）を提供したいのですが、どういった方法がありますでしょうか。

よくある書籍関連のサイトやスマホアプリであるような「試し読み」のボタンが「カートに入れる」ボタンのすぐそばにあり、ボタンを押すとモーダルウィンドウが開くなどして、商品詳細画面から離脱しないことが理想です。

もしなにか方法をご存知でしたら、どなたかご教示いただけますと幸いです。

よろしくお願いいたします。

（以下、上記質問文の英文）

We are building a store to sell paper books and e-books.

I would like to provide users with browsing (trial reading) of books.

The “Trial Reading” button, which is common on book-related sites and smartphone apps, is right next to the “Add to Cart” button, and when you press the button, a modal window opens and you do not leave the product details screen. is ideal.

If you know any method, I would appreciate it if someone could teach me.

Thank you.

2

YutoKawamura様

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

購入前に立ち読みできると嬉しいですよね。

以下のアプリはいかがでしょうか？デモサイトを見る限りモーダルウィンドウ表示ができそうです。

https://apps.shopify.com/lookthru?locale=ja

コード編集で行うのであれば、

各商品のメタフィールドに立ち読み用の画像を登録

→ 商品ページでメタフィールドを表示

→ jqueryなど使ってモーダル表示

といった方法も一例として考えられるかと存じます。

jqueryでモーダル表示する方法：

https://myscreate.com/pure-modal/

ご参考になりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

1 Like
3

詳しくご教示いただきありがとうございます！

コードでの実装はたどり着いたのですが、appもあるのですね。

どちらがエンドユーザーに使いやすいかを見つつ検証してみたいと思います。

ありがとうございます。