Перейти к содержимому


Вопрос


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 132

#81 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 11 Май 2016 - 08:55

Здравствуйте.

Нужно удалить нижние хлебные крошки на всём сайте (рис)

Прикрепленные изображения

  • bread.jpg


#82 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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>  &raquo;
				<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>  &raquo;
				<a href="{USER_HISTORY_LIST_URL}" title="История моих заказов">Мои заказы</a>  &raquo;
				<strong>Карточка заказа</strong>
			  {% ELSEIF MOD_LNAME=user  && ACT=history_list %}
				<a href="{USER_SETTINGS_URL}" title="Личный кабинет">Личный кабинет</a>  &raquo;
				<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>  &raquo;
				<strong>Оформление заказа</strong>
			  {% ELSEIF MOD_LNAME=search %}
				<strong>Поиск</strong>
			  {% ELSEIF MOD_LNAME=discount && ACT=index && ID %}
				<a href="{DISCOUNT_URL}" title="Перейти на страницу акций магазина">Акции магазина</a>  &raquo;
				<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>  &raquo;
				<a href="{CART_URL}">Оформление заказа</a>  &raquo;
				Заказ {% 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>  &raquo;
				<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>  &raquo;
				{% FOR upper_navigation %}
				  <a href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;">{upper_navigation.NAME}</a>  &raquo;
				{% 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="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;">{upper_navigation.NAME}</a>   &raquo;{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
			  {% ENDIF %}
			</div>
		   
		   
		  </div>
		</div>
	  {% ENDIF %}
	  {% ENDIF %}


он находится перед кодом:

		  <!-- Главная страница -->


#83 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 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 шаблон так, чтобы ссылка была всего одна.

Это возможно?

Прикрепленные изображения

  • file.png


#84 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 %}


#85 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 12 Май 2016 - 11:05


Vaccina настройки применил, можно сделать что бы не было нижних подчеркиваний

Прикрепленные изображения

  • 123.jpg


#86 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 12 Май 2016 - 11:20

Просмотр сообщенияCybernetic (12 Май 2016 - 11:05) писал:


Vaccina настройки применил, можно сделать что бы не было нижних подчеркиваний


В конце main.css добавьте код:

.prod_hold a {
	text-decoration: none;
}


#87 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 12 Май 2016 - 11:32

Просмотр сообщенияЮля123 (12 Май 2016 - 11:20) писал:

В конце main.css добавьте код:

.prod_hold a {
text-decoration: none;
}

Все настройки применил, можно еще сделать что бы в каталоге товаров при наведении на карточку товара на название не урезалось. Рис

Прикрепленные изображения

  • 123.jpg


#88 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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;
}


#89 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 17 Май 2016 - 10:45

Здравствуйте.

Наблюдаю фидбэк от посетителей:
При переходе на какую либо вкладку не показывается что в этой вкладке (рис)
Не могу сказать в каких браузерах, но это появилось не давно.

Прикрепленные изображения

  • cardingo.jpg


#90 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 17 Май 2016 - 11:02

Просмотр сообщенияCybernetic (17 Май 2016 - 10:45) писал:

Здравствуйте.

Наблюдаю фидбэк от посетителей:
При переходе на какую либо вкладку не показывается что в этой вкладке (рис)
Не могу сказать в каких браузерах, но это появилось не давно.

Здравствуйте, скорее всего дело в интернет-соединении. Проверила во все современных браузеров - проблема не воспроизводится.

#91 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 18 Май 2016 - 12:30

Здравствуйте.

Создаю каталог брендов (рис.) возможно что бы:

Папка имела бы вид (урл) не
http://santechbomba.ru/catalog/bradns
а
http://santechbomba.ru/brands/
а папки внутри имели бы урл
http://santechbomba.ru/brands/ariston

т.е. задача сделать  урлы вида
http://santechbomba....u/brands/<папка бренда>

Прикрепленные изображения

  • bradns.jpg


#92 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 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-мя разрешениями?

Прикрепленные изображения

  • mobill.jpg


#94 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 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 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 24 Май 2016 - 21:10

Юля123, хотелось бы конечно что то стандартезированое по типу:

Нельзя допустим сделать сайт для
320 px — Мобильные устройства (портретная ориентация);
480 px — Мобильные устройства (альбомная ориентация);
600 px — Небольшие планшеты;
768 px — Планшеты (портретная ориентация); (скриншот  768 и ниже)
1024 px — Планшеты (альбомная ориентация)/Нетбуки; (скриншот 1024px)
1280 px и более — PC. (уже есть но при ниже 1221px поиск начинает плыть. рис 1)

Прикрепленные изображения

  • 1221px.jpg
  • 1024.jpg
  • 768 и ниже.jpg


#96 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Май 2016 - 10:31

Просмотр сообщенияCybernetic (24 Май 2016 - 21:10) писал:

Юля123, хотелось бы конечно что то стандартезированое по типу:

Нельзя допустим сделать сайт для
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)


#97 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 25 Май 2016 - 10:48


Юля123 к сожалению не понял что на что менять, можете код выслать для коррекции мобильной версии?


#98 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 25 Май 2016 - 16:00

Адаптивность для 320px и 480px

Не показывать блоки:

box-content
class="slide_img"
fast_block ringo-hide
discount_block
box-content
socs
box (хиты продаж)
menu_main нижнее

Прикрепленные изображения

  • 480зч.jpg


#99 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Май 2016 - 17:57

Просмотр сообщенияCybernetic (25 Май 2016 - 16:00) писал:

Адаптивность для 320px и 480px

Не показывать блоки:

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 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 26 Май 2016 - 00:24

Юля123 все настройки Ваши применил, мало что изменилось. (скрин)
Блоки хиты продаж, акции, нижнее меню, в общем что что нужно было убрать не убралось.

Произвел сам изменения в @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)

Прикрепленные изображения

  • what.jpg
  • нужно было.jpg





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных