[Помогите] Изображения подкатегорий

mLn · 21 ноя 2012

Добрый день! Нуждаюсь в вашей помощи, суть проблемы в "сортировки" подкатегорий после добавления модуля subcat_images.xml (содержимое под спойлером)

Спойлер

<modification>
<id>Subcategory Images</id>
<version>1.0</version>
<vqmver>1.2.3</vqmver>
<author>vger.co.uk</author>

<file name="catalog/controller/product/category.php">
<operation>
<search position="replace" index="1" offset="6"><![CDATA[
$product_total = $this->model_catalog_product->getTotalProducts($data);
]]></search>
<add><![CDATA[
$product_total = $this->model_catalog_product->getTotalProducts($data);
$image = $this->model_tool_image->resize($result['image'], 80, 80);

$this->data['categories'][] = array(
'name' => $result['name'],
'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url),
'thumb' => $image
);
}
]]></add>
</operation>
</file>

<file name="catalog/view/theme/*/template/product/category.tpl">
<operation>
<search position="replace" index="1" offset="22"><![CDATA[
<?php if ($categories) { ?>
]]></search>
<add><![CDATA[
<?php if ($categories) { ?>
<div class="box">
<div class="box-heading"><?php echo $text_refine; ?></div>
<div class="box-content">
<div class="box-product">
<?php foreach ($categories as $category) { ?>
<div>
<?php if ($category['thumb']) { ?>
<div class="image" style="text-align: center">
<a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>" /></a>
</div>
<?php } ?>
<div style="text-align: center"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></div></div>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
]]></add>
</operation>
</file>

</modification>

хочется что бы подкатегории отображались так же как и без этого модуля, но с картинками.
Адрес страницы на которой можно посмотреть: http://pets66.ru/tovary-dlya-sobak/korma-dlja-sobak/
Два скрина, до и после добавления:
До: http://clip2net.com/page/m81124/37090972
После: http://clip2net.com/page/m81124/37091136

Т.о. после добавления модуля, подкатегории выстраиваются вертикально, по бокам много пустот да и вообще не красиво смотрится, сам в этом не силен, потому и обращаюсь к вам. Пробовал играть со стилями, добавлять слой, но по всей видимости знаний не достаточно что бы исправить. Заранее спасибо за помощь!

WildeRNS · 21 ноя 2012

попробуйте убрать:

mLn сказал(а): ↑

<div class="box">
<div class="box-heading"><?php echo $text_refine; ?></div>
<div class="box-content">
<div class="box-product">
Нажмите, чтобы раскрыть...

mLn сказал(а): ↑

</div>
</div>
</div>
Нажмите, чтобы раскрыть...

mLn · 21 ноя 2012

ничего не изменилось :(

WildeRNS · 21 ноя 2012

тогда еще после "<?php foreach ($categories as $category) { ?>" убрать <div>
сделай полный листинг уже загруженной страницы, будет проще глянуть

OldAine · 21 ноя 2012

Я проверил дело вовсе не в коде vqmod модификации, дело в вашем шаблоне. Из-за него так получается. А на стандартном опенкарте из коробки все работает нормально.

mLn · 21 ноя 2012

OldAine сказал(а): ↑

Я проверил дело вовсе не в коде vqmod модификации, дело в вашем шаблоне. Из-за него так получается. А на стандартном опенкарте из коробки все работает нормально.
Нажмите, чтобы раскрыть...

Да, тоже прочитал уже что на дефолте все ок.
Название темы shopper_land, подскажите что еще можно сделать? :(

OldAine · 21 ноя 2012

mLn сказал(а): ↑

Да, тоже прочитал уже что на дефолте все ок.
Название темы shopper_land, подскажите что еще можно сделать? :(
Нажмите, чтобы раскрыть...

Ну могу вас обрадовать кое-что получилось при помощи dragondly. Сейчас подумаю, как это реализовать в реале и выложу решение....
вот фото:
--- добавлено: 21 ноя 2012 в 19:59 ---
Пройдите в папку vqmod/xml/ и удалите файл с этим кодом.
И заменить его на вот этот: скачать
Только старый обязательно удалите, во избежании проблем...

maetus · 28 окт 2014

У меня была похожая проблема, но только вывод картинок в шаблоне вообще не был предусмотрен в Подкатегориях.
Задался найти решение данного вопроса, но была ещё одна сложность размер картинки которую нужно было вывести был 873х312.

Решение нашлось
что нужно сделать:
Изменить: ../catalog/controller/product/category.php

Спойлер

Найти:

$product_total = $this->model_catalog_product->getTotalProducts($data);

$this->data['categories'][] = array(
'name' => $result['name'] . ' (' . $product_total . ')',
'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url)
);
}

может быть что код полностью на 100% не совпадёт, ничего страшного удаляйте всё что связано с этим кодом до закрывающейся скобки } .

Заменить:

if ($this->config->get('config_product_count')) {
$product_total = $this->model_catalog_product->getTotalProducts($data);
$image = $this->model_tool_image->resize($result['image'], 60, 60);
$this->data['categories'][] = array(
'name' => $result['name'] . ' (' . $product_total . ')',
'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url),
'thumb' => $image
);
} else {
$image = $this->model_tool_image->resize($result['image'], 60, 60);
$this->data['categories'][] = array(
'name' => $result['name'],
'href' => $this->url->link('product/category', 'path=' . $this->request->get['path'] . '_' . $result['category_id'] . $url),
'thumb' => $image
);
}
}
Сохранить и загрузить.

Изменить: ../catalog/view/theme/YOURTHEME/template/product/category.tpl

Спойлер

Найти:

<?php if ($categories) { ?>
<h2><?php echo $text_refine; ?></h2>
<div class="category-list">
<?php if (count($categories) <= 5) { ?>
<ul>
<?php foreach ($categories as $category) { ?>
<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
<?php } ?>
</ul>
<?php } else { ?>
<?php for ($i = 0; $i < count($categories) { ?>
<ul>
<?php $j = $i + ceil(count($categories) / 4); ?>
<?php for (; $i < $j; $i++) { ?>
<?php if (isset($categories[$i])) { ?>
<li><a href="<?php echo $categories[$i]['href']; ?>"><?php echo $categories[$i]['name']; ?></a></li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
<?php } ?>
</div>
<?php } ?>

может быть что код полностью на 100% не совпадёт, такое может быть удаляете весь блок кода...

Заменить:

<?php if ($categories) { ?>
<div class="box">
<div class="box-heading"><?php echo $text_refine; ?></div>
<div class="box-content">
<div class="box-product">
<?php foreach ($categories as $category) { ?>
<div>
<?php if ($category['thumb']) { ?>
<div class="image" style="text-align: center">
<a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" alt="<?php echo $category['name']; ?>" /></a>
</div>
<?php } ?>
<div style="text-align: center"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></div></div>
<?php } ?>
</div>
</div>
</div>
<?php } ?>

если что то не получилось или поплыл дизайн оформления окна подкатегории
тогда нужно немного по другому править! я правил вот таким образом:

Спойлер

<?php if ($categories) { ?>
<div class="refine-search clearfix box">
<div class="panel-heading box-heading">
<span><?php echo $text_refine; ?></span>
</div>
<div class="box-content">
<div class="box-product">
<?php foreach ($categories as $category) { ?>
<div>
<?php if ($category['thumb']) { ?>
<div class="image" style="text-align: center">
<a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['thumb']; ?>" title="<?php echo $category['name']; ?>" alt="<?php echo $category['name']; ?>" /></a>
</div>
<?php } ?>
<div style="text-align: center"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></div>
</div>
<?php } ?>
</div>
</div>
</div>
<?php } ?>

после чего пришлось ещё дописывать стиль Дописать: .../catalog/view/theme/YOURTHEME/stylesheet/stylesheet.css
.box-product > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-bottom: 20px;
border-right: 1px dashed #ebeef2;

После всех манипуляций вид подкатегорий выглядит вот таким образом

Впринципи есть архив который заменяет нужные файлы.
Используйте его только в том случае если вы уверены что до этого не правили ваши файлы заранее СКАЧАТЬ subcatimages

Пользуйтесь...