• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Пробелы в отображении товаров Хелп
guseva
Сообщений: 23
Репутация: 0

Сообщение # 1 | 23:03:14
Ребята, не знаю, что сделала. Но теперь каталог товаров отображается с пробелами. две строки товары подряд, потом пустота, потом товары.... Сайт здесь http://www.mimi-shops.ru/shop....i-pupsy

Код вид товара в каталоге

<a href="$PHOTO$" class="ulightbox" data-fancybox-group="ultbx"><img id="$BLOCK_PREF$-gphoto-$ID$" class="itemImg" src="$THUMB$" alt="" /></a>
<br><a class="itemName" href="$ENTRY_URL$"><?substr($NAME$,0,100)?><?if(len($NAME$)>100)?>...<?endif?></a>
<br><td align="right"><b style="font-size:14px; padding:0 10px;"><?if($PRICE_OLD$)?><s>$PRICE_OLD$</s> <span class="newprice">$PRICE$</span><?else?>$PRICE$<?endif?><br><?if $STOCK$='0'?>Ожидается поступление товара<?else?>$2BASKET_Q$<?endif?>
</b>
</td>
$SHOP_PATH$

Очень надеюсь на помощь. Спасибо всем огромное.

Игрушки с доставкой по России www.mimi-shops.ru МимиШоп
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 2 | 23:23:39
guseva, у вас блоки разной высоты, поэтому так и выходит, нужно обрезать название товаров до определённого кол-ва символов, либо шаманить с ксс
guseva
Сообщений: 23
Репутация: 0

Сообщение # 3 | 23:29:00
Я ccs сжимала через какую то прогу(((( вот видимо и все поехало.

Добавлено (16 Июл 2014, 23:29:00)
---------------------------------------------
Огромное спасибо, что ответили. А не подскажите, как в таком случае выравнять блоки. Т.е. задать какую то фиксированную высоту именно для блока с названием включительно. У меня сейчас выходит название до 30 символов, тогда все ровно. Но это мало. Нужно минимум 50 символов.


Игрушки с доставкой по России www.mimi-shops.ru МимиШоп
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 4 | 23:30:33
через ксс:

прописать
.item, .list-item {min-height: 390px;}
но лучше обрезать название
Прикрепления: 2164183.jpg (53.4 Kb)
guseva
Сообщений: 23
Репутация: 0

Сообщение # 5 | 23:32:37
Или по другому спрошу, что из этого отвечает за размер блока?

.item, .list-item{float:left;width:166px;margin-right:13px;margin-bottom:30px;margin-top:10px;}
.item:nth-child(4n), .list-item:nth-child(4n){margin-right:0;}
.itemImg{width:160px;height:180px;line-height:0;padding:3px;border:1px solid #E4D2CE;border-radius:7px;}
a.itemName{display:block;font-size:12px;line-height:19px;color:#4A3128;padding-left:13px;background:url('/img/marker.png') left center no-repeat;margin-top:10px;}

Игрушки с доставкой по России www.mimi-shops.ru МимиШоп
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 6 | 23:33:49
guseva, я написал выше

Добавлено (16 Июл 2014, 23:33:49)
---------------------------------------------

Цитата bandjuk ()
.item, .list-item {min-height: 390px;}
guseva
Сообщений: 23
Репутация: 0

Сообщение # 7 | 23:37:09
Цитата bandjuk ()
прописать .item, .list-item {min-height: 390px;}
но лучше обрезать название
Выполнила это условие, через четыре строчки опять пробел вылез.

Добавлено (16 Июл 2014, 23:37:09)
---------------------------------------------
Все, спасибо за советы. Сократила до 70 знаков названия и добавила ваше условие. Огромное спасибо, ооочень помогли=)


Игрушки с доставкой по России www.mimi-shops.ru МимиШоп
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 8 | 23:38:51
guseva, значит больше размер писать нужно, но вообще проще обрезать:
вид товара:
<?if(len($NAME$) > 32)?><?substr($NAME$, 0, 33)?>...<?else?>$NAME$<?endif?>

Добавлено (16 Июл 2014, 23:38:51)
---------------------------------------------
если до 70-ти, то:
<?if(len($NAME$) > 70)?><?substr($NAME$, 0, 70)?>...<?else?>$NAME$<?endif?>

guseva
Сообщений: 23
Репутация: 0

Сообщение # 9 | 21:13:13
Ребята подскажите, а как так получается, вчера написала этот пост. А сегодня он в выдаче яндекса на первой строке?

Добавлено (17 Июл 2014, 21:13:13)
---------------------------------------------
К стати, если кто потом будет читать этот пост или думать об автоматическом сжатии css для ускорения загрузки страниц или чего другого, мой вам совет: НЕ ДЕЛАЙТЕ ЭТОГО. Вчера мне bandjuk помог с одной проблемой , а на утро выплыли рваные куски кода в css.
Ладно я давно хотела сменить шаблон, сегодня утром ситуация к этому привела. А так потом эти куски совсем не разобрать, если без мануала сидеть. Либо делайте бек ап. Мой личный опыт=)))

Еще раз спасибо, моему спасителю, пользователю bandjuk

За то что быстро и по делу помог решить проблемку.


Игрушки с доставкой по России www.mimi-shops.ru МимиШоп
natlu9793
Сообщений: 14
Репутация: 2

Сообщение # 10 | 12:35:07
Здравствуйте. Не знаю, в правильной теме ли я пишу. Но у меня похожая проблема. Сайт http://www.magicsar.ru/. Блоки с товарами постоянно съезжают.
Прописан максимальный и минимальный размер картинок. Все равнопроисходит смещение. Особенно на разных браузерах. Задавала вопрос там, где
купила шаблон, мне ответили: В стиляхнайдите .list-item-title { и допишите ему min-height: 70px; .
Все дописала, проблема остается. Буду благодарна любой помощи.
shatrov
Сообщений: 440
Репутация: 66

Сообщение # 11 | 07:33:05
Цитата natlu9793 ()
Все равнопроисходит смещение
Обратите внимание, смещение происходит тогда когда у вас стоимость товара составляет ХХХХ, ХХ руб. Т.е. цифра не помещается в блоке. Скорей всего надо кнопку "В корзину" опустить ниже стоимости товара, мне так кажется
natlu9793
Сообщений: 14
Репутация: 2

Сообщение # 12 | 12:00:38
shatrov
Спасибо, попробую.
shatrov
Сообщений: 440
Репутация: 66

Сообщение # 13 | 13:42:04
natlu9793, или как вариант можно изменить размер цифр на 13px

Код
.list-item-tools span {
      float: left;
      font-size:14px;
      line-height: 16px;
      color: #47A800;
}
Сообщение отредактировал shatrov - Среда, 06 Авг 2014, 13:42:26
natlu9793
Сообщений: 14
Репутация: 2

Сообщение # 14 | 14:34:14
shatrov
Спасибо, изменила. Сейчас вроде бы ровно. Посмотрю, как дальше будет. А то уже столько изменений вносила. Какое-то время ровно стоит, а потом съезжает.
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!