バージョン選択

フォーラム

メニュー

オンライン状況

79 人のユーザが現在オンラインです。 (64 人のユーザが フォーラム を参照しています。)
登録ユーザ: 2
ゲスト: 77
Hmura cecilef2 もっと...

サイト内検索

質問 > フロント機能 > 非規格選択時の商品お気に入り追加について

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
moge1203
投稿日時: 2018/4/13 9:57
対応状況: −−−
一人前
登録日: 2018/3/15
居住地:
投稿: 89
非規格選択時の商品お気に入り追加について
▼テンプレート
[EC-CUBE] 3.0.15 , 新規インストール
[レンタルサーバ] heteml
[OS] macOS High Sierra ver10.13.3
[PHP] 5.6
[ブラウザ] Google Chrome
[カスタマイズの有無] システム的なカスタマイズはないが,フレームワークを用いずに、独自のhtmlファイルから組み込み

▼質問内容

皆様、いつもお世話になっております。

商品をお気に入りに追加する際に、商品の規格を選択しないでも追加することは可能でしょうか?
すべての商品に【サイズ】という規格1を適用しております。


現状は、規格を選択せずにお気に入り追加ボタンを押すと、少しの間ページ全体にグレーのフィルターがかかり、なにも起きない状態です。
URLの最後に「?」がつきます。

どなたかご教授いただけると幸いです。
よろしくお願いします。
hmorita_j
投稿日時: 2018/4/14 16:09
対応状況: −−−
長老
登録日: 2017/3/3
居住地: 沈黙の巨大都市松戸
投稿: 191
Re: 非規格選択時の商品お気に入り追加について
私の環境で試したところ、規格を選択しないでお気に入りに追加できました。
テンプレート内は何か変更されていますか?
moge1203
投稿日時: 2018/4/16 9:18
対応状況: −−−
一人前
登録日: 2018/3/15
居住地:
投稿: 89
Re: 非規格選択時の商品お気に入り追加について
hmorita_j様
ご回答ありがとうございます。

はい、ご指摘の通りProduct/detail.twig内のレイアウトを大きく変更しております。

元々のdefaultテンプレートの内容を利用して記述位置を変更しているのと、
購入数入力欄をプルダウンに変更しております。

よろしくお願いします。

【購入数量プルダウン変更】


<script>
(function(){
    // <input>を<select>に書き換え
    $('#quantity').replaceWith('<select id="quantity" name="quantity" class="form-control"><option value="0">0</option></select>');
    var quantity_max = 20; // <select>の表示上限
    var stock_data = {};
    {#  規格がある場合 #}
    {% if 0 < Product.classCategories1|length %}
        {% for ProductClass in Product.ProductClasses %}
            {% if ProductClass.ClassCategory1 %}
                {% set class_category_1 = ProductClass.ClassCategory1.id %}
                {% set class_category_2 = '' %}
                {% if ProductClass.ClassCategory2 %}
                    {% set class_category_2 = ProductClass.ClassCategory2.id %}
                {% endif %}
                {# 規格idをkeyにした在庫情報の連想配列の用意 #}
                {% if class_category_2 == '' %}
                    stock_data["{{ class_category_1 }}"] = { 'stock_unlimited': "{{ ProductClass.stock_unlimited }}", 'stock': "{{ ProductClass.stock }}", 'sale_limit': "{{ ProductClass.sale_limit }}" };
                {% else %}
                    stock_data["{{ class_category_1 }}_{{ class_category_2 }}"] = { 'stock_unlimited': "{{ ProductClass.stock_unlimited }}", 'stock': "{{ ProductClass.stock }}", 'sale_limit': "{{ ProductClass.sale_limit }}" };
                {% endif %}
            {% endif %}
        {% endfor %}
    {% else %}
        {% if Product.stock_unlimited_min == 1 %}
            var quantity = quantity_max;
        {% else %}
            var quantity = parseInt("{{ Product.stock_min }}");
            if (!isNumber(quantity)) quantity = 0;
            quantity = quantity_max < quantity ? quantity_max : quantity;
        {% endif %}
        var options = [];
        if (0 < quantity) {
            for (var i = 1; i <= quantity; i++) {
                options.push($('<option>', { value: i, text: i, selected: i === 1 }))
            }
        } else {
            options.push($('<option>', { value: 0, text: 0, selected: true }))
        }
        setQuantitySelectForm(options);
    {% endif %}
    // 規格1選択時
    $('select[name=classcategory_id1]').on('change', function(){
        setQuantitySelectForm();
        
        // 規格1のみの設定の場合
        if ($(this).parents('form').find('select[name=classcategory_id2]').length == 0) {
            setQuantity($(this).val());
        }
    });
    // 規格2選択時
    $('select[name=classcategory_id2]').on('change', function(){
        var classcategory_id1_val = $('select[name=classcategory_id1]').val();
        if (classcategory_id1_val !== void 0) {
            setQuantity(classcategory_id1_val, $(this).val());
        }
    });
    // 在庫の数から数量を設定
    function setQuantity(category_id1, category_id2) {
        if (category_id1 !== void 0) {
            var index = category_id2 !== void 0 ? category_id1 + '_' + category_id2 : category_id1;
            var _stock_data = stock_data[index];
            
            if (_stock_data !== void 0) {
                var options = [];
                var quantity = 0;
                // 在庫数が無制限の場合
                if (_stock_data['stock_unlimited'] == 1) {
                    quantity = _stock_data['sale_limit'] == '' ? quantity_max : parseInt(_stock_data['sale_limit']);
                } else {
                    if (_stock_data['sale_limit'] == '') {
                        quantity = parseInt(_stock_data['stock']);
                    } else {
                        quantity = parseInt(_stock_data['stock']) < parseInt(_stock_data['sale_limit']) ? parseInt(_stock_data['stock']) : parseInt(_stock_data['sale_limit']);
                    }
                }
                quantity = quantity_max < quantity ? quantity_max : quantity;
                if (0 < quantity) {
                    for (var i = 1; i <= quantity; i++) {
                        options.push($('<option>', { value: i, text: i, selected: i === 1 }))
                    }
                } else {
                    options.push($('<option>', { value: 0, text: 0, selected: true }))
                }
                setQuantitySelectForm(options);
            }
        }
    }
    // <select>の設定
    function setQuantitySelectForm(options) {
        if (options === void 0) {
            $('#quantity').empty().append($('<option>', { value: 0, text: 0, selected: true }));
        } else {
            $('#quantity').empty().append(options);
        }
    }
    // 数値チェック
    function isNumber(value) {
        return typeof value === 'number' && isFinite(value);
    };
})();
</script>




【テンプレートファイル全文】


{% extends 'default_frame.twig' %}

{% set body_class = 'product_page' %}

{% set main_class = 'subpage' %}

{% block javascript2 %}
<script>
$(function(){
    $('.carousel').slick({
        infinite: false,
        speed: 300,
        prevArrow:'<button type="button" class="slick-prev"><span class="angle-circle"><svg class="cb cb-angle-right"><use xlink:href="#cb-angle-right" /></svg></span></button>',
        nextArrow:'<button type="button" class="slick-next"><span class="angle-circle"><svg class="cb cb-angle-right"><use xlink:href="#cb-angle-right" /></svg></span></button>',
        slidesToShow: 4,
        slidesToScroll: 4,
        responsive: [
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 3
                }
            }
        ]
    });

    $('.slides').slick({
        dots: true,
        arrows: false,
        speed: 300,
        customPaging: function(slider, i) {
            return '<button class="thumbnail">' + $(slider.$slides[i]).find('img').prop('outerHTML') + '</button>';
        }
    });

    $('#favorite').click(function() {
        $('#mode').val('add_favorite');
    });

    $('#add-cart').click(function() {
        $('#mode').val('add_cart');
    });

    // bfcache無効化
    $(window).bind('pageshow', function(event) {
        if (event.originalEvent.persisted) {
            location.reload(true);
        }
    });
});
</script>
{% endblock %}

{% block javascript %}
<script>
    eccube.classCategories = {{ Product.class_categories|json_encode|raw }};

    // 規格2に選択肢を割り当てる。
    function fnSetClassCategories(form, classcat_id2_selected) {
        var $form = $(form);
        var product_id = $form.find('input[name=product_id]').val();
        var $sele1 = $form.find('select[name=classcategory_id1]');
        var $sele2 = $form.find('select[name=classcategory_id2]');
        eccube.setClassCategories($form, product_id, $sele1, $sele2, classcat_id2_selected);
    }

    {% if form.classcategory_id2 is defined %}
    fnSetClassCategories(
            document.form1, {{ form.classcategory_id2.vars.value|json_encode|raw }}
    );
    {% elseif form.classcategory_id1 is defined %}
          eccube.checkStock(document.form1, {{ Product.id }}, {{ form.classcategory_id1.vars.value|json_encode|raw }}, null);
    {% endif %}
</script>



<script>
(function(){
    // <input>を<select>に書き換え
    $('#quantity').replaceWith('<select id="quantity" name="quantity" class="form-control"><option value="0">0</option></select>');
    var quantity_max = 20; // <select>の表示上限
    var stock_data = {};
    {#  規格がある場合 #}
    {% if 0 < Product.classCategories1|length %}
        {% for ProductClass in Product.ProductClasses %}
            {% if ProductClass.ClassCategory1 %}
                {% set class_category_1 = ProductClass.ClassCategory1.id %}
                {% set class_category_2 = '' %}
                {% if ProductClass.ClassCategory2 %}
                    {% set class_category_2 = ProductClass.ClassCategory2.id %}
                {% endif %}
                {# 規格idをkeyにした在庫情報の連想配列の用意 #}
                {% if class_category_2 == '' %}
                    stock_data["{{ class_category_1 }}"] = { 'stock_unlimited': "{{ ProductClass.stock_unlimited }}", 'stock': "{{ ProductClass.stock }}", 'sale_limit': "{{ ProductClass.sale_limit }}" };
                {% else %}
                    stock_data["{{ class_category_1 }}_{{ class_category_2 }}"] = { 'stock_unlimited': "{{ ProductClass.stock_unlimited }}", 'stock': "{{ ProductClass.stock }}", 'sale_limit': "{{ ProductClass.sale_limit }}" };
                {% endif %}
            {% endif %}
        {% endfor %}
    {% else %}
        {% if Product.stock_unlimited_min == 1 %}
            var quantity = quantity_max;
        {% else %}
            var quantity = parseInt("{{ Product.stock_min }}");
            if (!isNumber(quantity)) quantity = 0;
            quantity = quantity_max < quantity ? quantity_max : quantity;
        {% endif %}
        var options = [];
        if (0 < quantity) {
            for (var i = 1; i <= quantity; i++) {
                options.push($('<option>', { value: i, text: i, selected: i === 1 }))
            }
        } else {
            options.push($('<option>', { value: 0, text: 0, selected: true }))
        }
        setQuantitySelectForm(options);
    {% endif %}
    // 規格1選択時
    $('select[name=classcategory_id1]').on('change', function(){
        setQuantitySelectForm();
        
        // 規格1のみの設定の場合
        if ($(this).parents('form').find('select[name=classcategory_id2]').length == 0) {
            setQuantity($(this).val());
        }
    });
    // 規格2選択時
    $('select[name=classcategory_id2]').on('change', function(){
        var classcategory_id1_val = $('select[name=classcategory_id1]').val();
        if (classcategory_id1_val !== void 0) {
            setQuantity(classcategory_id1_val, $(this).val());
        }
    });
    // 在庫の数から数量を設定
    function setQuantity(category_id1, category_id2) {
        if (category_id1 !== void 0) {
            var index = category_id2 !== void 0 ? category_id1 + '_' + category_id2 : category_id1;
            var _stock_data = stock_data[index];
            
            if (_stock_data !== void 0) {
                var options = [];
                var quantity = 0;
                // 在庫数が無制限の場合
                if (_stock_data['stock_unlimited'] == 1) {
                    quantity = _stock_data['sale_limit'] == '' ? quantity_max : parseInt(_stock_data['sale_limit']);
                } else {
                    if (_stock_data['sale_limit'] == '') {
                        quantity = parseInt(_stock_data['stock']);
                    } else {
                        quantity = parseInt(_stock_data['stock']) < parseInt(_stock_data['sale_limit']) ? parseInt(_stock_data['stock']) : parseInt(_stock_data['sale_limit']);
                    }
                }
                quantity = quantity_max < quantity ? quantity_max : quantity;
                if (0 < quantity) {
                    for (var i = 1; i <= quantity; i++) {
                        options.push($('<option>', { value: i, text: i, selected: i === 1 }))
                    }
                } else {
                    options.push($('<option>', { value: 0, text: 0, selected: true }))
                }
                setQuantitySelectForm(options);
            }
        }
    }
    // <select>の設定
    function setQuantitySelectForm(options) {
        if (options === void 0) {
            $('#quantity').empty().append($('<option>', { value: 0, text: 0, selected: true }));
        } else {
            $('#quantity').empty().append(options);
        }
    }
    // 数値チェック
    function isNumber(value) {
        return typeof value === 'number' && isFinite(value);
    };
})();
</script>

<script type="text/javascript">
$(function(){
    $('a[href^=#]').click(function(){
        var speed = 500;
        var href= $(this).attr("href");
        var target = $(href == "#" || href == "" ? 'html' : href);
        var position = target.offset().top;
        $("html, body").animate({scrollTop:position}, speed, "swing");
        return false;
    });
});
</script>

{% endblock %}


{% block stylesheet %}
<link rel="stylesheet" href="{{ app.config.front_urlpath }}/css/detail-slick-theme.css?v={{ constant('Eccube\\Common\\Constant::VERSION') }}">

{% endblock %}
{% block main %}

    <div class="bled">
          {% for ProductCategory in Product.ProductCategories %}
        <ol>
            {% for Category in ProductCategory.Category.path %}
            {% if loop.parent.loop.index == 1 %} 
            <li><a href="{{ url('homepage') }}">HOME</a><i class="fas fa-chevron-right"></i></li>
            <li><a href="{{ url('product_list') }}">商品一覧</a><i class="fas fa-chevron-right"></i></li>
                <li><a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a><i class="fas fa-chevron-right"></i></li>
            <li>{{ Product.name }}<i class="fas fa-chevron-right"></i></li>
            {% endif %}
            {% endfor %}
        </ol>
        {% endfor %}
    </div>

    <section class="pageItem">
        <div class="itemwrap">

            <div class="itemArea">
                <div class="itemBig">
                    <div id="item_photo_area" class="col-sm-6">
                        <div id="detail_image_box__slides" class="slides">
                            {% if Product.ProductImage|length > 0 %}
                                {% for ProductImage in Product.ProductImage %}
                                <div id="detail_image_box__item--{{ loop.index }}"><img src="{{ app.config.image_save_urlpath }}/{{ ProductImage|no_image_product }}"/></div>
                                {% endfor %}
                            {% else %}
                                <div id="detail_image_box__item"><img src="{{ app.config.image_save_urlpath }}/{{ ''|no_image_product }}"/></div>
                            {% endif %}
                        </div>
                    </div>
                </div><!-- itemBig -->

                <div class="right">

                    <div class="image_single_area">
                        <p>こちらの商品は参考画像がありません</p>
                        <a href="#relatedItem">関連商品をご参照ください<i class="fas fa-sort-down"></i></a>
                    </div><!-- image_single_area -->

                    <div class="itemSize">
                        <div class="title">SIZE</div>
                            <ul>
                                {% for ProductClass in Product.ProductClasses %}
                                    <li>{{ ProductClass.ClassCategory1.name }}
                                        -
                                        {%if 4 <= ProductClass.stock %}
                                        ○
                                        {% elseif (1 <= ProductClass.stock) and (3 > ProductClass.stock) %}
                                        △
                                        {% elseif 0 == ProductClass.stock %}
                                        ×
                                        {% endif %}
                                    </li>
                                {% endfor %}
                            </ul>
                    </div><!-- itemSize -->

                </div><!-- right -->
            </div><!-- itemArea -->

<!--======================商品カート======================-->

            <div class="itemBuy">
                <div class="itemInfo">
                    <p id="detail_description_box__item_range_code" class="item_code">
                        商品コード:<span id="item_code_default">{{ Product.code_min }}
                        {% if Product.code_min != Product.code_max %} ~ {{ Product.code_max }}{% endif %}</span>
                    </p>

                    <div class="name">{{ Product.name }}</div>
                    <div class="defPrice">
                        <!--★通常価格★-->
                        {% if Product.hasProductClass -%}
                            {% if Product.getPrice01Min is not null and Product.getPrice01IncTaxMin == Product.getPrice01IncTaxMax %}
                            <p id="detail_description_box__class_normal_price" class="normal_price">
                                通常価格:<span class="price01_default">{{ Product.getPrice01IncTaxMin|price }}</span>
                                <span class="small">税込</span></p>
                            {% elseif Product.getPrice01Min is not null and Product.getPrice01Max is not null %}
                            <p id="detail_description_box__class_normal_range_price" class="normal_price">
                                通常価格:<span class="price01_default">
                                {{ Product.getPrice01IncTaxMin|price }} ~ {{ Product.getPrice01IncTaxMax|price }}
                            </span>
                            <span class="small">税込</span></p>
                            {% endif %}
                        {% else -%}
                            {% if Product.getPrice01Max is not null %}
                            <p id="detail_description_box__normal_price" class="normal_price">
                                通常価格:<span class="price01_default">
                                {{ Product.getPrice01IncTaxMin|price }}
                            </span>
                                <span class="small">税込</span></p>
                            {% endif %}
                        {% endif -%}
                    </div><!-- defPrice -->

                    <div class="price">
                        <!--★販売価格★-->


                        {% if Product.hasProductClass -%}
                            {% if Product.getPrice02IncTaxMin == Product.getPrice02IncTaxMax %}
                            <p id="detail_description_box__class_sale_price" class="sale_price text-primary">
                                <span class="price02_default">
                                {{ Product.getPrice02IncTaxMin|price }}
                            </span>
                                <span class="tax">【税込】</span></p>
                            {% else %}
                            <p id="detail_description_box__class_range_sale_price" class="sale_price text-primary">
                                <span class="price02_default">
                                {{ Product.getPrice02IncTaxMin|price }} ~ {{  Product.getPrice02IncTaxMax|price }}
                            </span>
                            <span class="tax">【税込】</span></p>
                            {% endif %}
                        {% else -%}
                            <p id="detail_description_box__sale_price" class="sale_price text-primary">
                                <span class="price02_default">
                                {{ Product.getPrice02IncTaxMin|price }}
                            </span>
                                <span class="tax">【税込】</span></p>
                        {% endif -%}


                        <!-- ¥4,050<span class="tax">【税込】</span> -->
                    </div>
                    <div class="point_creat"></div>
               
                </div><!-- itemInfo -->
                <form action="?" method="post" id="form1" name="form1">
                    <div class="itemBuyBox">
                        {% if Product.stock_find %}
                            <div class="select">
                                <ul>
                                    {# 規格 #}
                                    {% if form.classcategory_id1 is defined %}
                                    <li><span>サイズ</span>
                                        {{ form_widget(form.classcategory_id1) }}
                                        {{ form_errors(form.classcategory_id1) }}
                                    </li>
                                    {% endif %}
                                    <li>
                                        <span>購入数</span>
                                        {{ form_widget(form.quantity) }}
                                        {{ form_errors(form.quantity) }}
                                        </select>
                                    </li>
                                </ul>
                            </div><!-- select -->

                            {# カートボタン #}
                            <div class="btnArea">
                                <div class="btnCart">
                                <button type="submit" id="add-cart" class="btn-primary btn-block prevention-btn prevention-mask">
                                <i class="fas fa-shopping-cart"></i>カートに入れる
                                </button>
                            </div><!-- btnCart -->
                                <div class="subBtn">
                                    {#Favorite product button#}
                                    {% if BaseInfo.option_favorite_product == 1 %}
                                        {% if is_favorite == false %}
                                            <div class="btnFav">
                                            <button type="submit" id="favorite" class="btn-block prevention-btn prevention-mask">
                                            <i class="fas fa-heart"></i>お気に入りに追加
                                            </button>
                                            </div>
                                        {% else %}
                                            <div class="btnFav">
                                            <button type="submit" id="favorite" class="btn-info btn-block" disabled="disabled">
                                            <i class="fas fa-heart"></i>お気に入り済み
                                            </button>
                                            </div>
                                        {% endif %}
                                    {% endif %}
                                    <div class="btnMail"><button type="submit" form="contact_product">
                                    <i class="fas fa-envelope"></i>お問い合わせ</button></div>
                                </div>
                                <ul class="colorGlay">
                                    <li><a href="{{ url('help_tradelaw') }}">特定商取引法表示 <i class="fas fa-chevron-right"></i></a></li>
                                    <li><a href="{{ url('help_guide') }}#box05">返品・交換について <i class="fas fa-chevron-right"></i></a></li>
                                </ul>
                            </div><!-- btnArea -->
                        {% else %}

                    <div class="select">
                        <ul>
                            <li><span>サイズ</span>
                                <select name="サイズ">
                                <option>在庫切れ</option>
                                </select>
                            </li>
                            <li>
                                <span>購入数</span>
                                <select name="購入数">
                                <option>-</option>

                                </select>
                            </li>
                        </ul>
                    </div><!-- select -->

                            {# 在庫がない場合は品切れボタンを表示 #}
                            <div class="btnArea">
                                <div class="btnCart">
                                <div class="disabled_btn">
                                    SOLD OUT
                                </div><!-- disabled_btn -->

                            </div><!-- btnCart -->
                                <div class="subBtn">
                                {#Favorite product button#}
                                {% if BaseInfo.option_favorite_product == 1 %}
                                    
                                        {% if is_favorite == false %}
                                            <div class="btnFav">
                                            <button type="submit" id="favorite" class="btn-block prevention-btn prevention-mask">
                                            <i class="fas fa-heart"></i>お気に入りに追加</button>
                                            </div>
                                        {% else %}
                                            <div class="btnFav">
                                            <button type="submit" id="favorite" class="btn-info btn-block" disabled="disabled">
                                            <i class="fas fa-heart"></i>お気に入り済み</button>
                                            </div>
                                        {% endif %}
                                {% endif %}
                                    <div class="btnMail"><button type="submit" form="contact_product">
                                    <i class="fas fa-envelope"></i>お問い合わせ</button></div>
                                </div>
                                <ul class="colorGlay">
                                    <li><a href="{{ url('help_tradelaw') }}">特定商取引法表示 <i class="fas fa-chevron-right"></i></a></li>
                                    <li><a href="{{ url('help_guide') }}#box05">返品・交換について <i class="fas fa-chevron-right"></i></a></li>
                                </ul>
                            </div><!-- btnArea -->

                        {% endif %} {#End stock find#}
                    </div><!-- itemBuyBox -->
                    {{ form_rest(form) }}
                </form>
            </div><!-- itemBuy -->
            <div class="itemDetail">
                {# {{ Product.description_detail|raw }} #}
                {{ include(template_from_string(Product.description_detail|raw)) }}
            </div><!-- itemDetail -->

            <div class="itemListArea" id="relatedItem">

                <!--# related-product-plugin-tag #-->

                
            </div><!-- itemListArea -->
        </div><!-- itemwrap -->

    </section><!-- pageItem -->
{% endblock %}

h_tanaka
投稿日時: 2018/4/17 10:02
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 571
Re: 非規格選択時の商品お気に入り追加について
レイヤーがかかっているということはリダイレクトまではされていないと思われます。
javaScriptにてどこまで処理が走っているかデバッグしてみてください。
もしリダイレクトされているようでしたら、デバッグモードにてSymfonyのバリデーション等が働いていないか確認してみてください。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

moge1203
投稿日時: 2018/4/19 15:02
対応状況: −−−
一人前
登録日: 2018/3/15
居住地:
投稿: 89
Re: 非規格選択時の商品お気に入り追加について
h_tanaka様

ご回答ありがとうございます。

申し訳ありません。
デバッグの仕方をご教授願えますでしょうか?

https://techacademy.jp/magazine/14581
上記の記事等を読んだのですが、いまいち理解ができずに申し訳ありません。

よろしくお願いします
h_tanaka
投稿日時: 2018/4/19 15:05
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 571
Re: 非規格選択時の商品お気に入り追加について
console.log();
でコンソールログ出力できるので、Chromeの検証やFirefoxのfirebugで確認します。

または、
alert();
で出力することもできます。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

moge1203
投稿日時: 2018/4/19 15:10
対応状況: −−−
一人前
登録日: 2018/3/15
居住地:
投稿: 89
Re: 非規格選択時の商品お気に入り追加について
h_tanaka様

お世話になっております

ご教授いただきありがとうございます。

申し訳ありません。
Chromeのデベロッパーツールに教えていただいたコードを記述し実行したのですが、以下が表示されるだけでした。

console.log();
undefined


そもそもの使い方を勘違いしているのでしょうか。
非常に申し訳ないのですが、詳しくご教授いただけると幸いです。

よろしくお願いします。
h_tanaka
投稿日時: 2018/4/19 15:19
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 571
Re: 非規格選択時の商品お気に入り追加について
javascript内に記述してください。

<script>
(function(){
    console.log('test');
});
</script>


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

moge1203
投稿日時: 2018/4/19 15:27
対応状況: −−−
一人前
登録日: 2018/3/15
居住地:
投稿: 89
Re: 非規格選択時の商品お気に入り追加について
h_tanaka様

ご丁寧にご教授いただきありがとうございます。

私が非常に無知で申し訳ないのですが、
下記の記述であっているのでしょうか?
出力された結果はChromeのConsole画面にて「test」と表示されるだけでした。

    $('#favorite').click(function() {
        $('#mode').val('add_favorite');
    console.log('test');
    });


申し訳ないのですが、よろしくお願いします。
h_tanaka
投稿日時: 2018/4/19 15:31
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 571
Re: 非規格選択時の商品お気に入り追加について
はい、合っています。
あとはパラメーターに出力させたい変数を指定することもできますし、 console.log();を複数箇所に記載することでどこまで処理が走っているかを確認できます。


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

(1) 2 3 »
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

統計情報

総メンバー数は33,208名です
総投稿数は87,774件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1790
4
yuh
1515
5
468
1271
6
red
1178
7
umebius
1007
8
fukap
907
9
shutta
827
10
tsuji
815
11 ramrun 789
12
tao_s
665
13 karin 656
14 sumida 641
15
homan
633
16 DELIGHT 571
17
h_tanaka
571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© LOCKON CO.,LTD. All Rights Reserved.