Ссылка на продукт в jquery с помощью электронной коммерции WordPress

Question

Привет, я придумал небольшой дизайн, но у меня возникла одна проблема, он использует jquery onclick, если пользователь щелкает продукт, он показывает информацию о продукте с большой болью, но моя проблема заключается в отображении одинаковой информации для каждого продукта Я кодирую его на локальном хосте, поэтому не могу связать никого (извините). Вот мой код:

    <script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/header/loader.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $(".buynow").click(function() {
            if($(".buynow").val() != 0) {
                alert("The product has now been added to the Shopping cart, click checkout to pay for your items, or close this window to continue shopping.");
            } 
        });

        // Put an animated GIF image insight of content
        $("#col2").empty().html('<img src="<?php bloginfo('stylesheet_directory'); ?>/header/loading.gif" /> Loading...');

        // load index page when the page loads
        $("#col2").load("<?php echo home_url('?page_id=2'); ?>  .entry-content");
        $("#col1 li span").click(function(){
        // load home page on click
            $("#col2").load("<?php echo home_url('?page_id=4&category=1&product_id='),wpsc_the_product_id(); ?>  .entry-content");
        });
        //$("#about").click(function(){
        // load about page on click
            //$("#response").load("about.html");
        //});
        //$("#contact").click(function(){
        // load contact form onclick
            //$("#response").load("contact.html");
        //});

        $(".product").hover(
          function() { $(this).children(".price").show(); },
          function() { $(this).children(".price").hide(); }
        ); 
    });
    </script>

    <ul id="col1">

    <?php while (wpsc_have_products()) :  wpsc_the_product(); ?>

Answer 1

echo home_url('?page_id=4&category=1&product_id='),wpsc_the_product_id();

может быть, эта запятая id='),wpsc должна быть точкой?

Также вы должны сделать что-то вроде этого: в html:

<ul id="col1"><li><span id="product-<?php echo wpsc_the_product_id() ?>">Product <?php echo wpsc_the_product_id() ?></span></li></ul>

в js:

$("#col1 li span").click(function(){
        var productId = $(this).attr("id");// gets the id of span which contains product id
        productId = productId.split("-");
        productId = productId[1];// contains product id
        // load home page on click
            $("#col2").load("<?php echo home_url('?page_id=4&category=1&product_id=')?>"+ productId +" .entry-content");
        });

Потому что вы должны объявлять id в цикле для каждого продукта, а не в js.Если вы объявите это в js, оно всегда будет таким же, жестко закодировано.Вы можете видеть это, если вы проверяете свои js при загрузке страницы.Он всегда будет вызывать первый идентификатор продукта.