FROM CACHE - jp_header
解決済

お気に入り商品の一覧表示

matsumoto
Shopify Expert
29 1 6

「Smart Wishlist」や「Wishlist Plus」といった「お気に入り商品アプリ」を使って追加されたお気に入り商品を、マイページに一覧で表示したいのですがどなかた方法をご存知ないでしょうか?

 

「Smart Wishlist」を使った場合、

<a href="/a/wishlist">XXXXX</a>

でお気に入りページリンクは追加できたのですが、

このリンク先のお気に入り商品一覧を直接マイページに表示させたいです。

 

ご教授のほどよろしくお願いいたします。

 

 

1 件の受理された解決策

matsumoto
Shopify Expert
29 1 6

成功

自己解決しました。

JQuery を使ってお気に入りページリンク先のコンテンツを取得し、表示したい箇所に差し込むことで表示できました。

 

例)「Smart Wishlist」のお気に入りページを表示

 

<script type="text/javascript">
(function($) {
$(function() {
        $.ajax({
            type: 'GET',
            dataType: 'html',
        })
        .done(function(data_a) {
            $(data_a).find('#MainContent').each(function(){ //読み込みたい部分の指定
                let html = $(this).html();
                $('#XXXX').html(html);//挿入したいタグのIDを指定
 
                return false;
            }); 
        })
        .fail(function(data_a) {
            // ...
        })
});
})(jQuery);
</script>

元の投稿で解決策を見る

1件の返信1

matsumoto
Shopify Expert
29 1 6

成功

自己解決しました。

JQuery を使ってお気に入りページリンク先のコンテンツを取得し、表示したい箇所に差し込むことで表示できました。

 

例)「Smart Wishlist」のお気に入りページを表示

 

<script type="text/javascript">
(function($) {
$(function() {
        $.ajax({
            type: 'GET',
            dataType: 'html',
        })
        .done(function(data_a) {
            $(data_a).find('#MainContent').each(function(){ //読み込みたい部分の指定
                let html = $(this).html();
                $('#XXXX').html(html);//挿入したいタグのIDを指定
 
                return false;
            }); 
        })
        .fail(function(data_a) {
            // ...
        })
});
})(jQuery);
</script>