0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 1420 Просмотров
*

Shel222

  • Осваиваюсь на форуме
  • 11
  • 0 / 0
Настройка витрины
« : 02.03.2014, 22:26:20 »
Доброго времени суток. Столкнулся с такой проблемой: миниатюры товаров все разные по размеру из-за чего "цена", "описание", "корзина" находятся не на одной линии в строке:
Спойлер
[свернуть]

Подскажите куда смотреть, чтобы они оказались на одной линии не трогая миниатюры. Еще  вопрос: подровнять под миниатюрку "цену", "описание", "корзину", а то у меня они немного правее..

ps/ идеально, конечно же, было бы сделать витрину в виде таблицы..
« Последнее редактирование: 03.03.2014, 00:01:30 от Shel222 »
*

artserge

  • Захожу иногда
  • 118
  • 11 / 0
Re: Настройка витрины
« Ответ #1 : 03.03.2014, 15:56:26 »
Вопрос красивых и ровных превью товаров мучает всех создателей и контент-менеджеров интернет-магазинов.

Подумайте сами - тут возможно множество решений. Например, делать каждому товару красивое и ровное превью квадратное. Самому фотографировать товар. Ну или на худой конец фотошопить. Заодно и магазин выиграет в плане уникальных изображений.
Можно с помощью CSS или js налету пихать картинки в background и делать "кроп на-лету". Тут уже как мусье извратится так и будет.
Можно сделать табличную верстку древнюю - и выставить vertical-align: middle и text-align:center ...

Универсального и единого решения нет ) каждый делает как хочет. Если хотите переверстать в "таблицу" - редактируйте шаблон вывода категории components\com_virtuemart\views\category\tmpl\default.php  или если не поможет - ищите такой же в папке шаблона если там переопределяете.
*

fsv

  • Moderator
  • 2665
  • 384 / 2
Re: Настройка витрины
« Ответ #2 : 03.03.2014, 16:31:10 »
"цена", "описание", "корзина" находятся не на одной линии в строке:
...куда смотреть, чтобы они оказались на одной линии не трогая миниатюры.
В шаблон Joomla:
Код: javascript
<script type="text/javascript">
jQuery(function($) {
  function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
      thisHeight = $(this).height();
      if(thisHeight > tallest) {
        tallest = thisHeight;
      }
    });
    group.height(tallest);
  }
  if($(".browseProductImage").length) { equalHeight($(".browseProductImage").closest("div")); } 
});
</script>
, где .browseProductImage - class вашей картинки (заменить, если надо). Если верстка другая, if(){} подкорректировать.
После этой функции можете дописывать по мере необходимости блоки кода if(){} , выравнивая на разных страницах сайта по высоте разные "родственные" блоки.
Веб-разработка: заказ. Только сложная и объемная разработка. Дорого.
*

skuper

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Настройка витрины
« Ответ #3 : 28.03.2014, 23:57:09 »
Прошу прощения а какой файл шаблона этот скрипт нужно вставить ?
*

fsv

  • Moderator
  • 2665
  • 384 / 2
Re: Настройка витрины
« Ответ #4 : 29.03.2014, 02:14:30 »
какой файл шаблона этот скрипт нужно вставить ?
index.php
Веб-разработка: заказ. Только сложная и объемная разработка. Дорого.
*

rem

  • Захожу иногда
  • 51
  • 3 / 0
Re: Настройка витрины
« Ответ #5 : 03.04.2014, 09:14:12 »
Доброго времени суток. Столкнулся с такой проблемой: миниатюры товаров все разные по размеру из-за чего "цена", "описание", "корзина" находятся не на одной линии в строке

У вас одна недоработка - надо фон страницы с текстом сделать белым. Посмотрите крупные магазины - везде фон белый.
Для чего?  Фотки все по любому надо кучей обработать до загрузки на сайт - разместить их на белых квадратах ("изменить размер холста" - добавятся белые поля.)
После этого на основных страницах всё будет гораздо аккуратнее.
В дополнение можете и таблицу сверстать, так проще управлять расположением элементов. Вообще, если хотите "красиво", надо плотно почитать про CSS и применять эти возможности.
Например, заверните картинку и каждую фразу ("цену", "описание", "корзину") в такой код:
Код
<div class="spacer" style="width:95%; height:180px; overflow: hidden; vertical-align:top;" align="center">...</div>
« Последнее редактирование: 03.04.2014, 09:18:59 от rem »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Настройка всплывающей подсказки в настраиваемых полях

Автор Suncho

Ответов: 0
Просмотров: 397
Последний ответ 07.05.2017, 13:52:12
от Suncho
настройка плагина Color Swatch

Автор AB2015

Ответов: 0
Просмотров: 794
Последний ответ 07.04.2016, 17:04:31
от AB2015
Настройка нескольких цен в магазине VirtueMart3

Автор Starrider

Ответов: 1
Просмотров: 1149
Последний ответ 25.05.2015, 14:34:40
от Starrider
Настройка вывода ярлыков для товаров и категорий

Автор Kilevra_

Ответов: 1
Просмотров: 711
Последний ответ 16.07.2014, 14:24:25
от Kilevra_
Настройка цены (отображение с НДС и без) и чтобы при импорте были эти поля

Автор pasha_j32

Ответов: 0
Просмотров: 513
Последний ответ 22.04.2014, 22:32:06
от pasha_j32