Как добавить изображения приобретаемых товаров в раздел «Обзор заказов» в Magento?

Question

Как добавить изображения продуктов, которые были приобретены, в раздел «Обзор заказов» в кассе Magento?

Я хочу, чтобы изображение продукта отображалось в «Обзор заказов»?

Answer 1

Шаблоны оформления для таблицы просмотра заказов находятся в папке frontend / {your_theme} / decault / template / checkout / onepage / review /.Файлы, которые вам нужно обновить, это info.phtml (для добавления столбца) и item.phtml (для добавления фактического изображения).

frontend / {your_theme} / decault / template / checkout / onepage / review/info.phtml

  <table class="data-table" id="checkout-review-table">
    <?php if ($this->helper('tax')->displayCartBothPrices()): $colspan = $rowspan = 2; else: $colspan = $rowspan = 1; endif; ?>
    <col />
    <col width="1" />
    <col width="1" />
    <col width="1" />
    <col width="1" /> <!-- <---Add this new col in table description -->
    ...

Затем найдите заголовок таблицы и добавьте столбец вашего изображения:

      <thead>
        <tr>
            <th rowspan="<?php echo $rowspan ?>">&nbsp;</th> <!-- Here's the empty col for the image -->
            <th rowspan="<?php echo $rowspan ?>"><?php echo $this->__('Product Name') ?></th>
            <th colspan="<?php echo $colspan ?>" class="a-center"><?php echo $this->__('Price') ?></th>
    ...

внешний интерфейс / {your_theme} / decault / template / checkout / onepage / review / item.phtml

В самом начале файла item.phtml добавьте свое изображение:

 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
?>
<?php $_item = $this->getItem()?>
<tr>
    <!-- Product Image Here -->
    <td><img src="<?php echo $this->getProductThumbnail()->resize(75); ?>" width="75" height="75" alt="<?php echo $this->htmlEscape($this->getProductName()) ?>" /></td>
    <td><h3 class="product-name"><?php echo $this->htmlEscape($this->getProductName()) ?></h3>
...

ПОМНИТЕ - не меняйте основные файлы, но обновляйте файлы шаблонов в своей собственной теме.

Answer 2

Кроме того, вам нужно отредактировать шаблон итогов:

frontend / {your_theme} /decault/template/checkout/onepage/review/totals.phtml

для настройки столбца ботто colspan:

<?php if ($this->getTotals()): ?>
<tfoot>
    <?php $_colspan = $this->helper('tax')->displayCartBothPrices() ? 6 : 4; ?>

Answer 3

Изменить оформление заказа / onepage / review / item.phtml

Добавьте следующий код

$_product = Mage::getModel('catalog/product')->load($_item->getProductId());

<img src="<?php echo Mage::helper('catalog/image')->init($_product, 'thumbnail')->resize(75, 75); ?>" alt="<?php echo $this->htmlEscape($_product['name']); ?>" border="0"/>

Answer 4

На самом деле пустой столбец для info.phtml должен использовать $colspan, в противном случае его ширина становится слишком большой:

<th rowspan="<?php echo $colspan ?>">&nbsp;</th>

Answer 5

Я изменил таблицу в info.phtml, чтобы таблицы соответствовали корзине

<table class="data-table" id="checkout-review-table">
    <?php if ($this->helper('tax')->displayCartBothPrices()): $colspan = $rowspan = 2; else: $colspan = $rowspan = 1; endif; ?>
    <col width="1" /> <!-- <---Add width="1" to first column (Image) -->
    <col />           <!-- <---no width for 'Product Name' to show all options nicely -->
    <col width="1" />
    <col width="1" />
    <col width="1" /> <!-- <---Add this new col in table description -->