Вопрос
#81
Отправлено 11 Май 2016 - 08:55
#82
Отправлено 11 Май 2016 - 09:49
Cybernetic (11 Май 2016 - 08:55) писал:
Нужно удалить нижние хлебные крошки на всём сайте (рис)
Здравствуйте, в шаблоне HTML удалите код:
{%IF MOD_LNAME=catalog %}{% IFNOT index_page %} <div class="title-holder"> <div class="inner"> <div class="breadcrumb"> {% IF MOD_LNAME=cart %} {% IF cart_items_empty %}Корзина покупок пуста{% ELSE %}Корзина{% ENDIF %} {% ELSEIF MOD_LNAME=user && ACT=login %} <strong>Войти или зарегистрироваться</strong> {% ELSEIF MOD_LNAME=user && ACT=change %} <a href="{USER_RECOVERY_URL}" title="Восстановление пароля">Восстановление пароля</a> » <strong>Активация нового пароля</strong> {% ELSEIF MOD_LNAME=user && ACT=recovery %} <strong>Восстановление пароля</strong> {% ELSEIF MOD_LNAME=user && ACT=favorites %} <strong>Избранные товары</strong> {% ELSEIF MOD_LNAME=user && ACT=history_info %} <a href="{USER_SETTINGS_URL}" title="Личный кабинет">Личный кабинет</a> » <a href="{USER_HISTORY_LIST_URL}" title="История моих заказов">Мои заказы</a> » <strong>Карточка заказа</strong> {% ELSEIF MOD_LNAME=user && ACT=history_list %} <a href="{USER_SETTINGS_URL}" title="Личный кабинет">Личный кабинет</a> » <strong>Мои заказы</strong> {% ELSEIF MOD_LNAME=user && ACT=settings %} <strong>Личный кабинет</strong> {% ELSEIF MOD_LNAME=user && ACT=register %} <strong>Регистрация клиента</strong> {% ELSEIF MOD_LNAME=order && ACT=stage %} <a href="{CART_URL}" title="Перейти в корзину">Корзина</a> » <strong>Оформление заказа</strong> {% ELSEIF MOD_LNAME=search %} <strong>Поиск</strong> {% ELSEIF MOD_LNAME=discount && ACT=index && ID %} <a href="{DISCOUNT_URL}" title="Перейти на страницу акций магазина">Акции магазина</a> » <strong>{PROMOTIONAL_CAMPAIGN_NAME}</strong> {% ELSEIF MOD_LNAME=discount && ACT=index %} <strong>Акции магазина</strong> {% ELSEIF MOD_LNAME=order && ACT=info %} <a href="{CART_URL}" title="Перейти в корзину">Корзина</a> » <a href="{CART_URL}">Оформление заказа</a> » Заказ {% IF ORDER_NUM %}№{ORDER_NUM}{% ENDIF %} успешно оформлен. {% ELSEIF MOD_LNAME=feedback && ACT=index %} <strong>Написать директору магазина</strong> {% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %} <strong>{NEWS_SECTION_NAME}</strong> {% ELSEIF MOD_LNAME=news %} <a href="{NEWS_SECTION_URL}" title="{NEWS_SECTION_NAME}">{NEWS_SECTION_NAME}</a> » <strong>{NEWS_TITLE}</strong> {% ELSEIF MOD_LNAME=compare %} <strong>Список сравнения</strong> {% ELSEIF MOD_LNAME=page %} <strong>{PAGE_NAME}</strong> {% ELSEIF MOD_LNAME= %} <strong>Внутренняя ошибка сервера</strong> {% ELSEIF MOD_LNAME=goods %} <a href="{CATALOG_URL}" title="Перейти в каталог товаров">Каталог</a> » {% FOR upper_navigation %} <a href="{upper_navigation.URL}" title="Перейти в категорию «{upper_navigation.NAME}»">{upper_navigation.NAME}</a> » {% ENDFOR %} {% ELSEIF MOD_LNAME=catalog %} {% IF IS_FULL_CATALOG %} <strong>Каталог</strong> {% ELSE %} <span class="navigation-pipe"></span> {% FOR upper_navigation %} {% IF upper_navigation.CURRENT %}{upper_navigation.NAME}{% ELSEIF upper_navigation.CURRENT_PARENT %}<a href="{upper_navigation.URL}" title="Перейти в категорию «{upper_navigation.NAME}»">{upper_navigation.NAME}</a> »{% ENDIF %} {% ENDFOR %} {% ENDIF %} {% ENDIF %} </div> </div> </div> {% ENDIF %} {% ENDIF %}
он находится перед кодом:
<!-- Главная страница -->
#83
Отправлено 11 Май 2016 - 15:21
Блок (рис)
<div class="prod_hold">
<div>
<div class="image goods-cat-image-medium-square">
<a href="http://santechbomba....OSGARD-Shveciya" title="Смеситель для ванны 17233 limberg (osgard) швеция">
<img class="goods-cat-image-medium" alt="Смеситель для ванны 17233 limberg (osgard) швеция" src="http://i1.santechbom...-shveciya.jpg">
</a>
</div>
<div class="name"><a title="Смеситель для ванны 17233 limberg (osgard) швеция" href="http://santechbomba....OSGARD-Shveciya" style="*height:;">Смеситель для ванны 17233 limberg (osgard) швеция</a></div>
<div><span style="color:#000000">Артикул:17233</span></div>
<div class="price">
<span class="price-new"><span title="7 518 Российских рублей"><span class="num">7 518</span> <span>рублей</span></span></span>
</div>
<p>
</p><div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" style="font-size: 11pt; color: #228B22; text-align: center">ЕСТЬ В НАЛИЧИИ</div>
</div>
<p></p>
<div class="images" style="display: none;">
<span rel="http://i1.santechbom...ya.jpg"></span>
</div>
<div class="prod-info-fly">
<div class="name"><a title="Смеситель для ванны 17233 limberg (osgard) швеция" href="http://santechbomba....OSGARD-Shveciya" style="*height:;">Смеситель для ванны 17233 limberg (osgard) швеция</a></div>
<div><span style="color:#000000">Артикул:17233</span></div>
<div class="price">
<span class="price-new"><span title="7 518 Российских рублей"><span class="num">7 518</span> <span>рублей</span></span></span>
<div class="clear"></div>
</div>
<p>
</p><div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" style="font-size: 11pt; color: #008000; text-align: center">ЕСТЬ В НАЛИЧИИ</div>
</div>
<p></p>
<div class="cart">
<form action="/cart/add/" method="post" class="goodsListItemCatalogueAddToCartButton product-form-70551155">
<input type="hidden" name="hash" value="60db3d9f">
<input type="hidden" name="form[goods_from]" value="">
<input type="hidden" name="form[goods_mod_id]" value="70551155">
<div class="plus_minus_quantity">
</div>
</form>
<a class="add_to_cart_new" onclick="yaCounter24900764.reachGoal('BUY1');quickorder('.product-form-70551155');return false;" title="Быстро оформить заказ" id="cup">Купить</a>
<a class="add_to_cart_new" href="http://santechbomba....OSGARD-Shveciya" title="Подробнее" id="pod">Подробнее</a>
</div>
</div>
</div>
</div>
Содержит ЧЕТЫРЕ одинаковых ссылки на карточку с товаром, в данном примере мы получаем 4 ссылки (http://santechbomba.ru/goods/Smesitel-dlya-vanny-17233-LIMBERG-OSGARD-Shveciya)
Нужно переверстать HTML шаблон так, чтобы ссылка была всего одна.
Это возможно?
#84
Отправлено 12 Май 2016 - 07:56
{% FOR goods %} <div class="prod_hold"> {% IF CATEGORY_NAME = %} <img src="{ASSETS_IMAGES_PATH}"> {% ELSEIF CATEGORY_NAME = Название категории %} <img src="{ASSETS_IMAGES_PATH}название изображения"> {% ELSEIF CATEGORY_NAME = Название категории %} <img src="{ASSETS_IMAGES_PATH}название изображения"> {% ENDIF %} <div> <div class="image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <div class="product-image"><img alt="{goods.NAME}" class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </div> </a> {% ELSEIF user_agent_ie8 %} <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <div class="product-image"><img alt="{goods.NAME}" class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </div> </a> {% ELSE %} <a href="{goods.URL | url_amp}" title="{goods.NAME}" > <img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> {% ENDIF %} </div> <div class="name"><a title="{goods.NAME}" href="{goods.URL | url_amp}" style="*height:;">{goods.NAME}</a></div> {% IF goods.IS_NEW %} <span class="new_prod">Новинка</span> {% ELSEIF goods.IS_TOP %} <span class="new_prod">Цена дня</span> {% ELSEIF goods.MAX_DISCOUNT %} <span class="new_prod">Акция</span> {% ENDIF %} <!-- Артикул, если указан --> {% IF goods.ART_NUMBER %} <div><span style="color:#000000">Артикул:{goods.ART_NUMBER}</span></div> {% ENDIF %} <div class="price"> <!-- {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} --> <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span> </div> <!-- Доступность товара --> {% IF goods.MAX_REST_VALUE=0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="false" class="available-false" style="font-size: 11pt; color: #5979B4; text-align: center" >ПОД ЗАКАЗ</div> </div> </p> {% ENDIF %} {% IF goods.MAX_REST_VALUE>0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="true" class="available-true" style="font-size: 11pt; color: #228B22; text-align: center" >ЕСТЬ В НАЛИЧИИ</div> </div> </p> {% ENDIF %} <!-- Доступность товара --> <div class="images" style="display: none;"> {% FOR images %} <span rel="{goods.images.SMALL}"></span> {% ENDFOR %} </div> <div class="prod-info-fly"> <div class="name"><a title="{goods.NAME}" href="{goods.URL | url_amp}" style="*height:;">{goods.NAME}</a></div> <!-- Артикул, если указан --> {% IF goods.ART_NUMBER %} <div><span style="color:#000000">Артикул:{goods.ART_NUMBER}</span></div> {% ENDIF %} <div class="price"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <!-- Доступность товара --> {% IF goods.MAX_REST_VALUE=0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="false" class="available-false" style="font-size: 11pt; color: #0000FF; text-align: center" >ПОД ЗАКАЗ</div> </div> </p> {% ENDIF %} {% IF goods.MAX_REST_VALUE>0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="true" class="available-true" style="font-size: 11pt; color: #008000; text-align: center" >ЕСТЬ В НАЛИЧИИ</div> </div> </p> {% ENDIF %} <!-- Доступность товара --> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> </div> </form> <a class="add_to_cart_new" onclick="yaCounter24900764.reachGoal('BUY1');quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ" id="cup">Купить</a> <a class="add_to_cart_new" href="{goods.URL}" title="Подробнее" id="pod">Подробнее</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </div> </div> </div> </div> {% ENDFOR %}
попробуйте заменить на:
{% FOR goods %} <div class="prod_hold"> <a href="{goods.URL | url_amp}"> <div> <div class="image goods-cat-image-medium-square"> {% IF user_agent_ie7 %} <div class="product-image"><img alt="{goods.NAME}" class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </div> {% ELSEIF user_agent_ie8 %} <div class="product-image"><img alt="{goods.NAME}" class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </div> {% ELSE %} <img class="goods-cat-image-medium" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> {% ENDIF %} </div> <div class="name" title="{goods.NAME}">{goods.NAME}</div> {% IF goods.IS_NEW %} <span class="new_prod">Новинка</span> {% ELSEIF goods.IS_TOP %} <span class="new_prod">Цена дня</span> {% ELSEIF goods.MAX_DISCOUNT %} <span class="new_prod">Акция</span> {% ENDIF %} <!-- Артикул, если указан --> {% IF goods.ART_NUMBER %} <div><span style="color:#000000">Артикул:{goods.ART_NUMBER}</span></div> {% ENDIF %} <div class="price"> <!-- {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} --> <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span> </div> <!-- Доступность товара --> {% IF goods.MAX_REST_VALUE=0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="false" class="available-false" style="font-size: 11pt; color: #5979B4; text-align: center" >ПОД ЗАКАЗ</div> </div> </p> {% ENDIF %} {% IF goods.MAX_REST_VALUE>0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="true" class="available-true" style="font-size: 11pt; color: #228B22; text-align: center" >ЕСТЬ В НАЛИЧИИ</div> </div> </p> {% ENDIF %} <!-- Доступность товара --> <div class="images" style="display: none;"> {% FOR images %} <span rel="{goods.images.SMALL}"></span> {% ENDFOR %} </div> <div class="prod-info-fly"> <div class="name" title="{goods.NAME}">{goods.NAME}</div> <!-- Артикул, если указан --> {% IF goods.ART_NUMBER %} <div><span style="color:#000000">Артикул:{goods.ART_NUMBER}</span></div> {% ENDIF %} <div class="price"> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price-old" style="display:none;">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span> <div class="clear"></div> </div> <!-- Доступность товара --> {% IF goods.MAX_REST_VALUE=0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="false" class="available-false" style="font-size: 11pt; color: #0000FF; text-align: center" >ПОД ЗАКАЗ</div> </div> </p> {% ENDIF %} {% IF goods.MAX_REST_VALUE>0 %} <p> <div class="goodsDataMainModificationAvailable"> <div rel="true" class="available-true" style="font-size: 11pt; color: #008000; text-align: center" >ЕСТЬ В НАЛИЧИИ</div> </div> </p> {% ENDIF %} <!-- Доступность товара --> <div class="cart"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="plus_minus_quantity"> </div> </form> <a class="add_to_cart_new" onclick="yaCounter24900764.reachGoal('BUY1');quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ" id="cup">Купить</a> <a class="add_to_cart_new" title="Подробнее" id="pod">Подробнее</a> </div> </div> </div> </a> </div> {% ENDFOR %}
#88
Отправлено 12 Май 2016 - 12:05
Cybernetic (12 Май 2016 - 11:32) писал:
В main,css код:
.prod-info-fly .name { height: 27px; overflow: hidden; }
и замените на код:
.prod-info-fly .name { height: 55px; overflow:hidden; }
#90
Отправлено 17 Май 2016 - 11:02
Cybernetic (17 Май 2016 - 10:45) писал:
Наблюдаю фидбэк от посетителей:
При переходе на какую либо вкладку не показывается что в этой вкладке (рис)
Не могу сказать в каких браузерах, но это появилось не давно.
Здравствуйте, скорее всего дело в интернет-соединении. Проверила во все современных браузеров - проблема не воспроизводится.
#91
Отправлено 18 Май 2016 - 12:30
Создаю каталог брендов (рис.) возможно что бы:
Папка имела бы вид (урл) не
http://santechbomba.ru/catalog/bradns
а
http://santechbomba.ru/brands/
а папки внутри имели бы урл
http://santechbomba.ru/brands/ariston
т.е. задача сделать урлы вида
http://santechbomba....u/brands/<папка бренда>
#92
Отправлено 18 Май 2016 - 13:11
Cybernetic (18 Май 2016 - 12:30) писал:
Создаю каталог брендов (рис.) возможно что бы:
Папка имела бы вид (урл) не
http://santechbomba.ru/catalog/bradns
а
http://santechbomba.ru/brands/
а папки внутри имели бы урл
http://santechbomba.ru/brands/ariston
т.е. задача сделать урлы вида
http://santechbomba....u/brands/<папка бренда>
Здравствуйте, к сожалению, url страниц изменить нельзя.
#93
Отправлено 24 Май 2016 - 14:18
Очень замучился подстраивать всё как надо, поэтому вопрос:
В main.css есть адоптивность для разных устройств:
@media only screen and (max-width: 1222px)
@media only screen and (min-width: 981px) and (max-width: 1220px)
@media only screen and (max-width: 1024px)
@media only screen and (min-width: 1025px) and (max-width: 1200px)
@media only screen and (min-width: 750px) and (max-width: 980px)
@media only screen and (max-width: 640px)
@media only screen and (min-width: 557px) and (max-width: 898px)
@media only screen and (min-width: 480px) and (max-width: 556px)
@media only screen and (min-width: 480px) and (max-width: 767px)
@media only screen and (max-width: 480px)
@media only screen and (max-width: 400px)
@media only screen and (max-width: 360px)
@media only screen and (max-width: 768px)
1) Неужели все эти настройки нужны?
Или можно обойтись только для 768 и меньше и 320px, а так же сайт выше 768.
Куча логики вёерстки настроено, но по факту даже маленькую мелочь редактировать очень сложно. т.к. всё летит в тарар тарары если что то из вышеописанных разрешений не редактировать.
2) Сайт выглядит как должен выглядеть на компьютере только при 1220px.
на всех остальных меньших разрешениях с сайта убираются отдельные блоки.
При разрешении меньше чем 1220px вертикальный каталог (box-content) не нужен.
3) Могу нарисовать что и где стоит при разрешении
выше 768
ниже 768
при 320
Нужно что бы была корректная адаптация для мобильных устройств, для планшетов, для компьютеров. Т.к. разрешения у всех разные какие конкретно разрешения нужно редоктировать? Можно обойтись лишь 3-мя разрешениями?
#94
Отправлено 24 Май 2016 - 16:38
Cybernetic (24 Май 2016 - 14:18) писал:
Очень замучился подстраивать всё как надо, поэтому вопрос:
В main.css есть адоптивность для разных устройств:
@media only screen and (max-width: 1222px)
@media only screen and (min-width: 981px) and (max-width: 1220px)
@media only screen and (max-width: 1024px)
@media only screen and (min-width: 1025px) and (max-width: 1200px)
@media only screen and (min-width: 750px) and (max-width: 980px)
@media only screen and (max-width: 640px)
@media only screen and (min-width: 557px) and (max-width: 898px)
@media only screen and (min-width: 480px) and (max-width: 556px)
@media only screen and (min-width: 480px) and (max-width: 767px)
@media only screen and (max-width: 480px)
@media only screen and (max-width: 400px)
@media only screen and (max-width: 360px)
@media only screen and (max-width: 768px)
1) Неужели все эти настройки нужны?
Или можно обойтись только для 768 и меньше и 320px, а так же сайт выше 768.
Куча логики вёерстки настроено, но по факту даже маленькую мелочь редактировать очень сложно. т.к. всё летит в тарар тарары если что то из вышеописанных разрешений не редактировать.
2) Сайт выглядит как должен выглядеть на компьютере только при 1220px.
на всех остальных меньших разрешениях с сайта убираются отдельные блоки.
При разрешении меньше чем 1220px вертикальный каталог (box-content) не нужен.
3) Могу нарисовать что и где стоит при разрешении
выше 768
ниже 768
при 320
Нужно что бы была корректная адаптация для мобильных устройств, для планшетов, для компьютеров. Т.к. разрешения у всех разные какие конкретно разрешения нужно редоктировать? Можно обойтись лишь 3-мя разрешениями?
Данные брейкпоинты были установлены в соответствии с Вашими запросами. Вы можете попробовать закомментировать тот или иной код, отвечающий за конкретное разрешение и проверить, что изменилось. Скорее всего на все они нужные и ез них сделать не получится, потому что на ширина блоков меняется, нужна подстройка блоков под эту ширину.
#95
Отправлено 24 Май 2016 - 21:10
Нельзя допустим сделать сайт для
320 px — Мобильные устройства (портретная ориентация);
480 px — Мобильные устройства (альбомная ориентация);
600 px — Небольшие планшеты;
768 px — Планшеты (портретная ориентация); (скриншот 768 и ниже)
1024 px — Планшеты (альбомная ориентация)/Нетбуки; (скриншот 1024px)
1280 px и более — PC. (уже есть но при ниже 1221px поиск начинает плыть. рис 1)
#96
Отправлено 25 Май 2016 - 10:31
Cybernetic (24 Май 2016 - 21:10) писал:
Нельзя допустим сделать сайт для
320 px — Мобильные устройства (портретная ориентация);
480 px — Мобильные устройства (альбомная ориентация);
600 px — Небольшие планшеты;
768 px — Планшеты (портретная ориентация); (скриншот 768 и ниже)
1024 px — Планшеты (альбомная ориентация)/Нетбуки; (скриншот 1024px)
1280 px и более — PC. (уже есть но при ниже 1221px поиск начинает плыть. рис 1)
Давайте начнем последовательные изменения. Начнем с мобильной версии.
1) Горизонтальная прокрутка. на появляется из-за логотипа (ширина его задана жестко - 340рх, соответственно в разрешение экрана 320 не влезает). Устанавливать логотип с помощью свойства background - не самая лучшая идея. Так как нужно будет его подстраивать для каждой ширины. Лучше установить изображение.
@media only screen and (max-width: 360px) можно переделать в
@media only screen and (max-width: 320px)
Либо создать новое правило, а все правила, что описываются в интервале с 360 по 480 обернуть в правило :
@media only screen and (max-width: 480px)
#99
Отправлено 25 Май 2016 - 17:57
Cybernetic (25 Май 2016 - 16:00) писал:
Не показывать блоки:
box-content
class="slide_img"
fast_block ringo-hide
discount_block
box-content
socs
box (хиты продаж)
menu_main нижнее
1) Вы можете смело удалять код, который прописывает правила для ширины меньше 320. Таких телефонов сейчас почти нет, а если и есть, то заказывать с них вряд ли кто-то будет. Соответственно можно удалить правило:
@media only screen and (max-width: 320px) { #cheaper{ display: none; } .notmob { display: none; } .mob { display: block; } #module_area { display: none; } #content_1 { width: 5%; display: inline ; } form.form-inline.OrderFilterForm.Sort { display: none ; } .menu_main { display: none ; } div.tet { margin-bottom: 20px; margin-left: 0; padding: 0; width: 0%; } .goods-cat-image-medium { max-width: 60px; } .goods-cat-image-medium-square { height: 90px; } #footer .inner_top { display: none; } }
В main.css код:
#header #logo {margin-top: 20%;margin: 0;}
замените на код:
#header #logo {margin-top: 20%;margin: 0;width: 100% !important;background-size: contain !important;background-repeat: no-repeat !important;}
далее код:
#header #logo { clear: both; float: none; margin: 0 auto; }
можно удалить, потому что он ни на что не влияет.
далее код:
#column-left {float:none;width:100%;}
замените на код:
#column-left { display: none; }
и при разрешение меньше 400 код:
#column-left { display: none; }
удалите.
@media only screen and (max-width: 400px) { .notmob { display: none; } #cheaper{ display: none; } .mob { display: block; } .header_top div .geocity { transform: none; } #header #logo { clear: both; float: none; margin: 0 auto; } #header #cart { clear: both; left: 0; margin: 0 auto; position: relative; top: 0; text-align: center; } .box-category { display: none; } div.tet { display: none; } .time { margin: 0 auto; } .callme { display: none; } #header #cart .heading { float: none; margin: 0 auto 10px; padding: 0; } #header #cart .heading > a { margin: 0 auto; } #column-left { display: none; } #header #search input { width: 50%; } }
замените на код:
/*@media only screen and (max-width: 400px) { .notmob { display: none; } #cheaper{ display: none; } .mob { display: block; } .header_top div .geocity { transform: none; } #header #logo { clear: both; float: none; margin: 0 auto; } #header #cart { clear: both; left: 0; margin: 0 auto; position: relative; top: 0; text-align: center; } .box-category { display: none; } div.tet { display: none; } .time { margin: 0 auto; } .callme { display: none; } #header #cart .heading { float: none; margin: 0 auto 10px; padding: 0; } #header #cart .heading > a { margin: 0 auto; } #column-left { display: none; } #header #search input { width: 50%; } }*/
и проверьте, изменилось ли отображение на всех страницах при разрешениях ниже 400. Если нет - удалите.
Сегодня уже не успею Вам полностью ответить на все вопросы. Продолжим завтра.
#100
Отправлено 26 Май 2016 - 00:24
Блоки хиты продаж, акции, нижнее меню, в общем что что нужно было убрать не убралось.
Произвел сам изменения в @media only screen and (min-width: 480px) and (max-width: 556px) и
@media only screen and (min-width: 480px) and (max-width: 767px)
Поменял:
Отображение картинок категорий
Шрифт названий категорий
Скрыл с отображения:
хиты продаж, нижнее меню, .
К сожалению пришлось добавить код @media only screen and (min-width: 360px)
т.к. на моем samsung s5 отображение не 480px и всё очень коряво, для этих целей дублировал код
@media only screen and (min-width: 480px) and (max-width: 556px) { .goods-cat-image-medium {max-width: 100px;} .menu_main{ display: none; } .heading_title{ display: none; } .box-content{ display: none; } .discount_block { display: none; } #cheaper{ display: none; } .notmob { display: none; } .mob { display: block; } .item-detail {width: 40%;} }
заменив @media only screen and (min-width: 480px) на (min-width: 360px)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных