MikDark (02 Сентябрь 2015 - 19:07) писал:
- Форум владельцев интернет-магазинов
- → Публикации velena168
Публикации velena168
113 публикаций создано velena168 (учитываются публикации только с 29-Апрель 23)
#157141 Фио Клиента С Заглавных Букв
Отправлено от velena168 в 04 Сентябрь 2014 - 19:19 в Общие вопросы
<td><font color="#6f6f6f">Контактное лицо</font></td> <td>{ORDER_CONTACT_PERSON}</td>zabota-mama, спасибо за тему, здорово в товарнике получилось, а то почти каждый заказ приходиться поправлять. Я и к городу добавила код.
Ждем помощи.
#157170 Фио Клиента С Заглавных Букв
Отправлено от velena168 в 05 Сентябрь 2014 - 00:30 в Общие вопросы
Сake (05 Сентябрь 2014 - 00:05) писал:
<td><font color="#6f6f6f" >Контактное лицо</font></td> <td>{FORM_ORDER_PERSON}</td>
заменить на
<td><font color="#6f6f6f">Контактное лицо</font></td> <td style="text-transform:capitalize;">{ORDER_CONTACT_PERSON}</td>
#179196 Установка Фиксированной Скидки На Вариант Доставки
Отправлено от velena168 в 17 Декабрь 2014 - 10:00 в Предложения по улучшению сервиса
#157414 Увеличение Изображения Товара.
Отправлено от velena168 в 06 Сентябрь 2014 - 00:25 в Изменение общей стилистики
daria_dnk (05 Сентябрь 2014 - 20:40) писал:
#157223 Увеличение Изображения Товара.
Отправлено от velena168 в 05 Сентябрь 2014 - 08:04 в Изменение общей стилистики
#157326 Увеличение Изображения Товара.
Отправлено от velena168 в 05 Сентябрь 2014 - 14:14 в Изменение общей стилистики
Danil (05 Сентябрь 2014 - 14:02) писал:
Уточните пожалуйста, какие именно изменения Вам необходимы?
Цитата
ширина появляющегося блока при наведении, попробуйте изменить данное значение
Нужно изменить рамер блока для больших изображений и при наведении, чтобы и узкие картинки стояли по центру, т. е.
#156953 Увеличение Изображения Товара.
Отправлено от velena168 в 04 Сентябрь 2014 - 00:37 в Изменение общей стилистики
velena168 (03 Сентябрь 2014 - 14:37) писал:
На больших фото рамочка серая только слева ...goods/rastar-32?from=NjQz#show_tab_1 Может вообще убрать рамку, если ее сложно выровнять?
а на узких с двух сторон, но стикер на новинках не очень отображается, уголок нижний не загнут и вылезает при
наведении .../goods/kpb-85?from=NjQz#show_tab_1
Может можно еще подправить чтобы было красиво?
#157018 Увеличение Изображения Товара.
Отправлено от velena168 в 04 Сентябрь 2014 - 10:05 в Изменение общей стилистики
#162303 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 26 Сентябрь 2014 - 02:27 в Каталог товаров
Vaccina (26 Сентябрь 2014 - 02:14) писал:
на счет перекрытия, в main.css найдите:
#category_view_type.grid_view #product_list li { border: 0 none; display: -moz-inline-stack; margin: 0 10px; min-height: 250px; opacity: 0.99; padding: 0; position: relative; text-align: center; vertical-align: top; width: 214px; z-index: 1; }замените на:
#category_view_type.grid_view #product_list li { border: 0 none; display: -moz-inline-stack; margin: 0 10px; min-height: 250px; opacity: 0.99; padding: 0; position: relative; text-align: center; vertical-align: top; width: 214px; }
Может не там код меняю, теперь все товары отображаются не таблицей, а столбиком.
Нормально перекрытие до изменений в последнем посте НЕ БЫЛО.
сейчас меняла в style.css строка 488 ПОЛУЧИЛОСЬ СТОЛБИКОМ, а не таблицей.
#161287 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 22 Сентябрь 2014 - 17:06 в Каталог товаров
Заказов из-за 403 ошибки совсем мало, теперь есть время еще улучшить и причесать сайт.
Пожалуйста.
#161579 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 23 Сентябрь 2014 - 13:37 в Каталог товаров
#162308 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 26 Сентябрь 2014 - 03:04 в Каталог товаров
Vaccina (26 Сентябрь 2014 - 02:56) писал:
В Хроме. .../catalog/Новинки-1
На Главной в карусели нормально, а в категориях нет
.prd-image.product_image_wrapper { overflow: hidden; } попробуйте заменить на: .image_link { overflow: hidden; }
От этих кодов зависит.
1. Стикеры нормальные, а увеличение некорректное, а
2. Увеличение нормальное, а стикеры нет.
#162058 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 25 Сентябрь 2014 - 05:01 в Каталог товаров
Vaccina (25 Сентябрь 2014 - 04:47) писал:
И стикеры Новинки стали плохо отображаться, углы торчат и фото некоторые за рамку вылезают.
#161824 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 24 Сентябрь 2014 - 10:58 в Каталог товаров
#162131 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 25 Сентябрь 2014 - 11:31 в Каталог товаров
batta (25 Сентябрь 2014 - 11:15) писал:
Данной проблемы не наблюдаем, вопрос ещё актуален?
Все актуально:
Цитата
Принцип правильный, но еще что-то надо подкорректировать.
Буду ждать еще исправлений.
А еще кое-где фото в категориях вылезли за рамку.
#162306 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 26 Сентябрь 2014 - 02:53 в Каталог товаров
Vaccina (26 Сентябрь 2014 - 02:32) писал:
#category_view_type.grid_view #product_list li { border: 0 none; display: -moz-inline-stack; margin: 0 10px; min-height: 250px; opacity: 0.99; padding: 0; position: relative; text-align: center; vertical-align: top; width: 214px; z-index: 1; }
просто необходимо удалить z-index: 1;
попробуйте этот блок заменить на:
#category_view_type.grid_view #product_list li { border: 0 none; display: inline-block; margin: 0 10px; min-height: 250px; opacity: 0.99; padding: 0; position: relative; text-align: center; vertical-align: top; width: 214px; }
#162156 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 25 Сентябрь 2014 - 12:48 в Каталог товаров
#162310 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 26 Сентябрь 2014 - 03:27 в Каталог товаров
#162296 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 26 Сентябрь 2014 - 01:57 в Каталог товаров
Vaccina (26 Сентябрь 2014 - 00:04) писал:
.prd-image.product_image_wrapper { overflow: hidden; }попробуйте заменить на:
.image_link { overflow: hidden; }
изменения на счет перекрытия увеличенного фото другим товаром работают
Так ведь, наоборот надо чтобы увеличенное фото перекрывало соседний товар, а сейчас оно под ним, зачем тогда оно нужно?
На 1 скрине как сейчас, а на 2-м как нужно.
#161104 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 22 Сентябрь 2014 - 00:14 в Каталог товаров
#162048 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 25 Сентябрь 2014 - 02:41 в Каталог товаров
Vaccina (25 Сентябрь 2014 - 01:23) писал:
<div class="product_image_wrapper"> <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="product_img_link"> <img class="product_image" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=autumn{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /> </a> </div>
меняем на:
<div class="prd-image product_image_wrapper"> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a> <div class="goods_images_list"> {% FOR images %} <div style="display: none;"><img src="{goods.images.LARGE}" alt="{goods.images.NAME}" /></div> {% ENDFOR %} </div> </div>
далее в style.css втавляем:
.prd-image { position: relative; } .goods_images_list > div { display: none; position: absolute; z-index: 100; background: #FFFFFF; border: 3px solid #CCCCCC; border-radius: 4px; left: 118px; padding: 2px; top: 11px; max-height: 359px; max-width: 512px; } .goods_images_list img { width:350px; } .product_image_wrapper > a img { max-width: 180px; }
и в main.js вставляем в самый конец:
$(function() { $('.prd-image a img').bind('mouseenter', function () { $(this).data('hover', true).parent().removeAttr('title'); setTimeout($.proxy(function() { var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list'); var size = goods_images_list.find('img').size(); if(size && $(this).data('hover')) { goods_images_list.find('div:eq(0)').show(); if(size > 1) { goods_images_list.data('interval', setInterval($.proxy(function() { var next = $(this).find('div:visible').next(); if(!next.length) { next = $(this).find('div:eq(0)'); } $(this).find('div').hide(); next.show(); }, goods_images_list), 3000)); } } }, this), 2000); }); $('.prd-image a img').bind('mouseleave', function () { var goods_images_list = $(this).closest('.prd-image').find('.goods_images_list'); goods_images_list.find('div').hide(); $(this).removeData('hover'); if(goods_images_list.data('interval')) { clearInterval(goods_images_list.data('interval')); goods_images_list.removeData('interval'); } }); });
Но не совсем получилось. Фото, цена, кнопка Быстрый заказ и наименование соседнего товара наезжают на фото увеличенного. И немного тормозит появление увеличенного фото и перелистывание товара (там где есть дополнительные фото), т. е. не сразу открывается увеличение и можно не догадаться что увеличивается.
Принцип правильный, но еще что-то надо подкорректировать.
Буду ждать еще исправлений.
А еще кое-где фото в категориях вылезли за рамку.
#162056 Увеличение Изображения Товара В Каталоге
Отправлено от velena168 в 25 Сентябрь 2014 - 04:42 в Каталог товаров
Vaccina (25 Сентябрь 2014 - 04:09) писал:
#category_view_type.grid_view #product_list li:hover { z-index: 1; opacity: 1; }
также найдите:
#category_view_type.grid_view #product_list li { border: 0 none; margin: 0 10px; min-height: 250px; padding: 0; position: relative; text-align: center; vertical-align: top; width: 214px; }впишите стиль сюда opacity: .99;
Ничиго не изменилось.
Может потому-что последний код у меня другой немного
#category_view_type.grid_view #product_list li{display: inline-block; display: -moz-inline-stack; *display: inline;position:relative;width:214px;min-height: 250px;margin:0 10px;padding:0;border:0; vertical-align: top;text-align:center;z-index: 1;}Пока вернула назад.
- Форум владельцев интернет-магазинов
- → Публикации velena168
- Privacy Policy