Сообщений в теме: 14

[alexcola]

Здравствуйте,такой вопрос.

Возможно ли создать магазин на примере этого..http://www.c-met.ru

[Vaccina]

Уточните пожалуйста, что именно вы хотите реализовать по данному примеру?

[alexcola]

1.Это расположение категорий товарных групп как показано на 1 скриншоте.
2. Сортамент и цены.Чтобы это были не карточки товаров,а такой список товаров как указано на 2 скриншоте. С возможностью как заказать так и купить.

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

• 
• 

[alexcola]

кто нибудь?....

[Ирина345]

alexcola (13 Февраль 2016 - 13:54) писал:

1.Это расположение категорий товарных групп как показано на 1 скриншоте.
2. Сортамент и цены.Чтобы это были не карточки товаров,а такой список товаров как указано на 2 скриншоте. С возможностью как заказать так и купить.

Здравствуйте, да такое возможно реализовать, зайдите в раздел Сайт-Главная страница и укажите в качестве главной страницы "каталог товаров".
Уточните Вам необходимо изменить вывод товаров в каталоге списком или изменить отображение модификаций товара?

[alexcola]

По первому пункту понятно.
По второму пункту-пускай так как есть так и остаётся.

Вопросы следующие:

1.Как изменить шрифт (скриншот 1)
2.Как сделать так,чтобы в одну строку помещалось не 4 группы,а 6 (скриншот 1)
3.Как в меню убрать ссылки на группы товаров(скриншот 2) и сделать ссылки(перенести) (выборочно) с (скриншот 3)
4.Как увеличить шрифт (скриншот 4) и поменять ему цвет (на чёрный)

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

• 
• 
• 
• 

[Vaccina]

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

.categories .cat .cat-name h3 {
	font-size: 22px;
	text-overflow: ellipsis;
	margin-top: 20px;
	max-height: 44px;
}

в нем увеличьте значение стиля font-size

2.На данный моменту  вас помещается 7 категорий в данной строке, уточните пожалуйста, актуален ли данный вопрос?
3. Данный блок находится в шаблоне HTML:

<ul class="connect-us">
				  <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-twitter"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				  <li><a href="https://vk.com/vitsmile" class="fa fa-vk"></a></li>
				</ul>

измените # на необходимые ссылки.
4. В main.css найдите:

.products-grid .item .item-inner .item-info .info-inner .item-title {
	margin-bottom: 3px;
	padding-top: 6px;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

в нем увеличьте значение font-size и после блока выше пропишите:

.products-grid .item .item-inner .item-info .info-inner .item-title a {
	color: #000000;
}

[alexcola]

1. Не увеличить шрифт,а изменить шрифт на другой..Как это сделать?
2.Актуально. Так как,там помещается  4 категории. (скриншот 1),а нужно 6
3.Вообще не о том ответили! я спрашивал,как поменять меню (скриншот 2)...Т.е из скриншота 3.3 перенести это меню в скриншот 2 (желательно выборочно.Без корзины)
4.всё получилось.

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

• 
• 
• 

[Vaccina]

1. В блоке стилей:

.categories .cat .cat-name h3 {
		font-size: 22px;
		text-overflow: ellipsis;
		margin-top: 20px;
		max-height: 44px;
}

добавьте: font-family с необходимым значением, подробнее:
http://htmlbook.ru/css/font-family

2. В шаблоне Товары найдите:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	{% IF goods_empty=0 %}
	  <div class="categories row {% IF index_page %}db{% ENDIF %}">
		{% FOR nested_categories_list %}
		  <div class="cat col-sm-4 col-sms-6 col-smb-12">

замените на:

<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	{% IF goods_empty=0 %}
	  <div class="categories row {% IF index_page %}db{% ENDIF %}">
		{% FOR nested_categories_list %}
		  <div class="cat col-sm-3 col-sms-6 col-smb-12">

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

<!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-md-10">
				<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						{% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {%ENDFOR%}
					{%ENDIF%}
				  </ul>
				</div>
			  </div>

замените на:

<!-- BEGIN: Main Navigation -->
			  <div id="mainnav" class="col-md-10">
				<div id="custommenu">
				  <ul class="mainnav">
					{% FOR menu %}
																 {% FOR header %}
																 {% FOR links %}
																 <li class="level0"><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
																 {% ENDFOR %}
																 {% ENDFOR %}
																 {% ENDFOR %}
				  </ul>
				</div>
			  </div>

[alexcola]

Как исправить?? Телефон залез на лого.

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

• 

[RedHead]

alexcola (24 Февраль 2016 - 03:30) писал:

Как исправить?? Телефон залез на лого.

Здравствуйте. В шаблоне main.css замените строки:

@media all and (max-width: 767px) and (min-width: 424px) {
.bphone {padding-top: 15px;margin-top: 100px;width: 300px;text-align: left;}
}

@media all and (max-width: 424px) and (min-width: 405px) {
.bphone {padding-top: 10px;margin-top: 90px;width:280px;text-align: left;}
.bphone a {font-size: 25px;}
}

@media all and (max-width: 405px) and (min-width: 370px) {
.bphone {padding-top: 10px;margin-top: 90px;width:260px;text-align: left;}
.bphone a {font-size:25px;}
}
@media all and (max-width: 370px) {
.bphone {padding-top: 10px;margin-top: 90px;width:250px;text-align: left;}
.bphone a {font-size:20px;}
}

на:

@media all and (max-width: 767px) and (min-width: 424px) {
.bphone {padding-top: 15px;margin-top: -35px;width: 300px;}
#header #logo {max-width: 50%;float:left;}
}
@media all and (max-width: 612px){
#header .header-right .header-right-inner {zoom: 0.8;}
}
@media all and (max-width: 424px) and (min-width: 405px) {
.bphone {padding-top: 10px;margin-top: -40px;width:280px;}
.bphone a {font-size: 25px;}
#header #logo {margin-top: 30px;}
}
@media all and (max-width: 405px) and (min-width: 370px) {
.bphone {padding-top: 10px;margin-top: -45px;width:260px;}
.bphone a {font-size:20px;}
#header #logo {margin-top: 30px;}
}
@media all and (max-width: 370px) {
.bphone {padding-top: 10px;margin-top: -50px;width:250px;}
.bphone a {font-size:20px;}
#header #logo {margin-top: 30px;}
}

[alexcola]

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

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

• 

[RedHead]

alexcola (24 Февраль 2016 - 16:13) писал:

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

Уточните, пожалуйста. Не уверены, что правильно Вас понимаю. Такая реализация мобильной версии подойдет?

[alexcola]

Подойдёт,если только телефон будет на текстом "Горячая линия"и можно ещё его жирным...?

[Юля123]

alexcola (25 Февраль 2016 - 14:25) писал:

Подойдёт,если только телефон будет на текстом "Горячая линия"и можно ещё его жирным...?

Здравствуйте, в main.css код:

#header .header-right {height: 0px;position: absolute;right: 0px;}

замените на код:

#header .header-right {
	height: 85px;
	position: relative;
	right: 0px;
}

далее код (встречается несколько раз, замените везде):

#header #logo {margin-top: 30px;}

замените на код:

#header #logo {
	margin-top: -30px;
	margin-bottom: 30px;
}

далее после кода:

@media all and (max-width: 481px) {

добавьте код:

p.c-phone.bphone {
	font-weight: bold;
}