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

  2. → Просмотр профиля: "Лайки": alexfeb27

alexfeb27

Регистрация: 24 апр. 2014
Offline Активность: 06 янв. 2022 16:42
-----

#149991 Вторая Строка Меню И Тд.

Отправлено AnnaM на 28 Июль 2014 - 13:25

Просмотр сообщенияalexfeb27 (28 Июль 2014 - 13:09) писал:

Спасибо, исправил.
А ещё подскажите:
1. Как сделать так, чтобы в товарной категории при отображении товара в виде таблицы указывался его размер? Если делать отображение в виде списка, то размер указывается, а в виде таблицы нет.
2. Возможно ли сделать размер фотографий в товарной категории одинаковым?
3. Как название карусели Новинки на главной странице сделать ниже, чтобы увеличить интервал с каруселью Товаров на главной?

3. В файле style.css вставьте код 
.autumnshowcase_block.group.new_products {
margin-top: 20px;
}
число 20 замените на нужное.


#149990 Вторая Строка Меню И Тд.

Отправлено alexfeb27 на 28 Июль 2014 - 13:09

Просмотр сообщенияDars (28 Июль 2014 - 12:52) писал:

В main.css:
строку:

.megamenu li.root_menu{padding:25px 5px 3px 5px;float:left;position:relative;top: 15px}

замените на:

.megamenu li.root_menu{padding:0 5px 3px 5px;float:left;position:relative;top: 40px;}

строку:

.megamenu{position:absolute;height:54px;top:90px;left:238px;}

на

.megamenu{position:absolute;top:90px;left:238px;}

Спасибо, исправил.
А ещё подскажите:
1. Как сделать так, чтобы в товарной категории при отображении товара в виде таблицы указывался его размер? Если делать отображение в виде списка, то размер указывается, а в виде таблицы нет.
2. Возможно ли сделать размер фотографий в товарной категории одинаковым?
3. Как название карусели Новинки на главной странице сделать ниже, чтобы увеличить интервал с каруселью Товаров на главной?


#149988 Вторая Строка Меню И Тд.

Отправлено Dars на 28 Июль 2014 - 12:52

Просмотр сообщенияalexfeb27 (28 Июль 2014 - 12:47) писал:

Спасибо! Всё получилось. Только один нюанс. Верхнее меню не активно, т. е. не работает как ссылка.
В main.css:
строку:

.megamenu li.root_menu{padding:25px 5px 3px 5px;float:left;position:relative;top: 15px}

замените на:

.megamenu li.root_menu{padding:0 5px 3px 5px;float:left;position:relative;top: 40px;}

строку:

.megamenu{position:absolute;height:54px;top:90px;left:238px;}

на

.megamenu{position:absolute;top:90px;left:238px;}



#149987 Вторая Строка Меню И Тд.

Отправлено alexfeb27 на 28 Июль 2014 - 12:47

Просмотр сообщенияDars (28 Июль 2014 - 12:18) писал:

В main.css:

1. Строку:

h4{padding-bottom:20px;color:#444444;font-weight:600;font-size:14px;line-height:21px;margin-bottom:10px}

замените на:

h4{padding-bottom:20px;color:#444444;font-weight:600;font-size:14px;line-height:21px;}

2. Строку:

#search_block_top{position:static;float:right;margin:26px 10px 0 0}

на

#search_block_top{position: absolute; right: 0;}

строки:

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('http://design.yamama27.ru/cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

на

#header_shopping_cart{position: absolute;width:170px;clear:both;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background:#f7f7f7 url('http://design.yamama27.ru/cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);top: 80px;right: 0;}

3. В шаблоне HTML найдите код:

{% IFNOT menu_empty %}
		 <ul id="megamenu">
		 {% FOR menu %}
			 {% FOR header %}
			 {% FOR links %}
				 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
				 <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				 </li>
			 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
		 </ul>
	 {% ENDIF %}

и замените его на:
{% IFNOT menu_empty %}
		 <ul class="megamenu">
		 {% FOR menu %}
			 {% FOR header %}
			 {% FOR links %}
				 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
				 <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				 </li>
			 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
		 </ul>
	 {% ENDIF %}
<ul style="top:114px;" class="megamenu">
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li class="root_menu {% IF menu.header2.links.SELECTED %}active{% ENDIF %}" >
<a href="{menu.header2.links.URL}" class="root_link" {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %} >{menu.header2.links.NAME}</a>
</li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>

В main.css найдите код:

#megamenu{position:absolute;height:54px;top:90px;left:238px;}
#megamenu:after{display:block;content:"";clear:both}
#megamenu li.root_menu{padding:25px 5px 3px 5px;float:left;position:relative;top: 15px}
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:14px; text-decoration: none;}
#megamenu li .root_link:hover,
#megamenu li.active .root_link {color:#FF000D}
/* END Меню в шапке */
/* Меню в подвале */
#megamenu_bottom{min-width:360px}
#megamenu_bottom li a {text-decoration: none;padding: 7px 10px;display:inline-block;}
#megamenu_bottom li {display: block;float: left;margin: 15px 10px 12px 1px;background: #ffffff;-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
#megamenu_bottom li a:hover,
#megamenu_bottom li.active a {color: #DA3B44;}

и замените на:

.megamenu{position:absolute;height:54px;top:90px;left:238px;}
.megamenu:after{display:block;content:"";clear:both}
.megamenu li.root_menu{padding:25px 5px 3px 5px;float:left;position:relative;top: 15px}
.megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:14px; text-decoration: none;}
.megamenu li .root_link:hover,
.megamenu li.active .root_link {color:#FF000D}
/* END Меню в шапке */
/* Меню в подвале */
.megamenu_bottom{min-width:360px}
.megamenu_bottom li a {text-decoration: none;padding: 7px 10px;display:inline-block;}
.megamenu_bottom li {display: block;float: left;margin: 15px 10px 12px 1px;background: #ffffff;-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.megamenu_bottom li a:hover,
.megamenu_bottom li.active a {color: #DA3B44;}


4. Добавьте строку:

.rte > h2 {display:none;}

5. Строку:

.accordion em.open-close {background:url("http://design.yamama27.ru/sprites.png") no-repeat -130px -48px; padding:8px 14px; position:absolute; right:0; top:0;}

на

.accordion em.open-close {background:url("http://design.yamama27.ru/sprites.png") no-repeat -130px -48px; padding: 8px 10px; position:absolute; right:0; top:0;}

(второй padding изменился с 14 на 10, можете менять его сами, чтобы перемещать плюсик).

6. Добавьте строку:

.special_procducts h4 {display:none;}

7. Строку:

.autumnshowcase_block h4{display:block;float:left;color:#444444;font-size:18px;line-height:24px;padding:0;margin:0;background:none;text-shadow:none;text-transform:none}

на

.autumnshowcase_block h4{font-family: Courier; display:block;color:#444444;font-size:18px;line-height:24px;padding:0;margin:0;background:none;text-shadow:none;text-transform:none;text-align: center;}

Вместо Courier установите свой шрифт, а вместо 444444 - цвет.


Спасибо! Всё получилось. Только один нюанс. Верхнее меню не активно, т. е. не работает как ссылка.


  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": alexfeb27
  3. Privacy Policy