Загрузка представления продукта в список категорий с помощью AJAX

В прошлом у нас была аналогичная проблема при попытке ввести всплывающее окно быстрого просмотра на странице списка категорий. Вот несколько проблем, с которыми мы столкнулись: -

• /js/varien/product.js & /js/varien/configurable.js по умолчанию не включены на странице списка категорий, которые необходимы для создания настраиваемых раскрывающихся списков. Встроенный JS ниже требует этого.

  <script type="text/javascript">
      var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>);
  </script>
  

• Другая проблема, с которой мы столкнулись, заключалась в том, что при попытке включить более одного из них на страницу у нас возникали проблемы с дубликаты удостоверений личности, в любом случае это может не относиться к вам, но убедитесь, что у вас их несколько, вы уничтожите их при закрытии.

Мы сделали это, создав пустой файл контроллера, который позволяет нам использовать уникальный дескриптор макета, например". Который вы можете использовать в следующем формате xml.

 <custom_catalog_product_ajax_view>
        <update handle="catalog_product_view" />
        <remove name="html_calendar" />
        <reference name="root">
                <action method="setTemplate"><template>custom/catalog/ajax/product/response.phtml</template></action>
        </reference>
        <reference name="product.info">
                <action method="setTemplate"><template>custom/catalog/ajax/product/view.phtml</template></action>
                <action method="append">
                    <block>breadcrumbs</block>
                </action>
        </reference>
        <reference name="product.info.media">
                <action method="setTemplate"><template>custom/catalog/ajax/product/view/media.phtml</template></action>
        </reference>
        <reference name="product.info.options.configurable">
                <action method="setTemplate"><template>custom/catalog/ajax/product/view/type/options/configurable.phtml</template></action>
        </reference>
</custom_catalog_product_ajax_view>

Это означало, что мы могли бы включить соответствующие блоки и настроить некоторые аспекты обычной страницы продукта.

Мы также добавили это в дескриптор, чтобы включить необходимые файлы JS.

<catalog_category_default>
    <update handle="required_for_catalog_ajax_product_view" />
</catalog_category_default>

<required_for_catalog_ajax_product_view>
        <reference name="head">
                <action method="addJs"><script>varien/product.js</script></action>
                <action method="addJs"><script>varien/configurable.js</script></action>
        </reference>
</required_for_catalog_ajax_product_view> 

Наш файл response.phtml также выглядит так

<?php echo Zend_Json::encode(array(
'success' => true,
'html' => $this->getChildHtml('content'),
'optionsPrice' => $this->getOptionsPrice(),
'spConfig' => $this->getSpConfig()
));

Надеюсь, это поможет пролить некоторый свет на то, где вы ошибаетесь