Дорабатываем модуль.При разной высоте картинки и при горизонтальном расположении ленты получается, что текст с описанием "скачет" в зависимости от высоты картинки. Если взять 10 товаров с изображением разной высоты, то выглядит это не совсем кашерно.
Вот как это выглядит:
Как исправить ситуацию?
1) Можно, конечно, подогнать все картинки (а у меня их всего то порядка 20 000) по высоте, соблюдая пропорции и т.п...
2) Можно воткнуть какой-нибудь DIV или попытаться найти существующий, но я перепробывал всяческие варианты, но так ничего не нарыл.
3) Можно засунуть все это дело в таблицу.
Вариант 3 простой и с ним справятся даже новички, если они знакомы с HTML.
В общем так: нам нужно создать таблицу с тремя колонками и одной строкой, без отступов, без границ и засунуть картинку товара в центральную колонку (во вторую to bish). Зачем три колонки ты поймешь далее.
Вот, примерно, чего надо добиться:
Итак начнем:Шаг 1.
Идем в каталог_сайта/modules/mod_slider/ и находим там mod_slider.php
Открываем и ищем, примерно, строку 1186 с кодом:
<a href="<?php echo JRoute::_($productlink)?>" class="productimg" <?php if($nofollow) { ?>rel="nofollow"<?php } ?>>
<img src="<?php echo $pimage ?>" <?php echo $pimageatt ?> />
</a>
Опытным путем узнал, что этот код отвечает за вывод изображения (
echo)
Меняем вышеописанный код на:
<center><table border="0" cellpadding="0" cellspacing="0" align="center"><tr><td><img src="http://каталог_сайта/images/otstup.gif"></td>
<td><a href="<?php echo JRoute::_($productlink)?>" class="productimg" <?php if($nofollow) { ?>rel="nofollow"<?php } ?>>
<img src="<?php echo $pimage ?>" <?php echo $pimageatt ?> />
</a></td><td>
<img src="http://каталог_сайта/images/otstup.gif">
</td></tr></table></center>
Шаг 2.
Подготавливаем прямоугольник-картинку, совпадающую с фоном сайта. У меня фон - белый. Поэтому я нарисовал прямоугольник высотой 120 и шириной 100 пикс. Ты должен подобрать свою высоту и свой отступ под свои нужды. У меня, например, в настройках модуля "Максимальная высота изображения = 120". Поэтому высота прямоугольника тоже 120. А ширину я прикинул на глаз и используя инструмент
JRuler (скачать:
http://www.spadixbd.com/freetools/jruler.htm). Можно оформить этот прямоугольник как нибудь. Зависит от твоей фантазии. Прямоугольник назовем otstup.gif и закинем на сайт в папку с картинками
каталог_сайта/images/otstup.gif. Если у тебя другой путь - не забудь его исправить в двух местах в вышеуказанном куске кода.
Кстати, можно сделать два разнооформленных прямоугольника. Один назвать otstup.gif, а второй otstup2.gif. И расположить их по краям от картинки товара. Тогда в одной из строк кода
img src="http://каталог_сайта/images/otstup.gif не забудь сменить название.
Вот что у меня получилось:
Вот и все. Юзай.
26.07.2021, 22:11:25