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


Убрать Поиск, Корзину, Каталог, (Сайт-Визитка)


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Сентябрь 2014 - 04:47

Здравствуйте! Мне нужно создать 4 сайта-визитки для основного сайта на этой платформе, всё буду делать по аналогии с этой инструкцией, помогите, пожалуйста:

ID: SL-309790

Ha-million.png

1. Убрать поиск.

2. Новый магазин -сместить на то место, где сейчас поиск (влево в начало).

3. Убрать корзину в правом верхнем углу.

4. Там же убрать "вход и регистрация".

5. Не убирается никак слово-ссылка "Каталог". В случае необходимости - я потом создам вкладку с помощью админки, а эта какая-то неубираемая ссылка.

6. Подскажите, пожалуйста, где путь к картинке лежит.. - нашёл..

Цвета я найду и изменю сам..

#2 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Сентябрь 2014 - 04:53

7. И подскажите, пожалуйста, как телефон (контакты) убрать вправо вверх:

Ha-million-2.png

Оно сейчас сползло вниз и скрывается из-за того, что я логотип меньший по высоте уже залил.

#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Сентябрь 2014 - 05:03

В итоге будет что-то вроде этого, только лучше:

321.png

#4 Alekseys

Alekseys

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

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

Отправлено 23 Сентябрь 2014 - 07:08

Просмотр сообщенияAndrew S. (23 Сентябрь 2014 - 04:47) писал:

Здравствуйте! Мне нужно создать 4 сайта-визитки для основного сайта на этой платформе, всё буду делать по аналогии с этой инструкцией, помогите, пожалуйста:

ID: SL-309790

Прикрепленный файл Ha-million.png

1. Убрать поиск.

2. Новый магазин -сместить на то место, где сейчас поиск (влево в начало).

3. Убрать корзину в правом верхнем углу.

4. Там же убрать "вход и регистрация".

5. Не убирается никак слово-ссылка "Каталог". В случае необходимости - я потом создам вкладку с помощью админки, а эта какая-то неубираемая ссылка.

6. Подскажите, пожалуйста, где путь к картинке лежит.. - нашёл..

Цвета я найду и изменю сам..
Здравствуйте.
1. В main.css найдите
#search {
margin-top: 28px;
transition: all 1s ease;
}
и замените на
#search {
margin-top: 28px;
transition: all 1s ease;
display: none;
}
7. Там же заменить
.container .cols.col-4 {
width: 33.333333333%;
}
на
.container .cols.col-4 {
width: 33.333333333%;
float: right;
}
затем удалить
.hph1 {
margin-top: 15px;
}

и заменить(3й пункт)
#cart {
margin-top: 20px;
}

на
#cart {
margin-top: 20px;
display: none;
}

после чего в HTML найти
<!-- Первый контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 %}						 
						  <div class="hph1"><span class="mark"><img src="{ASSETS_IMAGES_PATH}tele.png?design=chameleon"/> <span id="callme">Звоните:</span></span>
							<a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
							  <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
							  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
							  {SETTINGS_STORE_PHONE_NUMBER1}
							</a>
						  </div>
						{% ENDIF %}
						<!--END Первый контактный телефон -->

и перенести, поставив после
<!-- Корзина -->

2. В main.css заменить
.logo {
padding: 15px 0px;
}

на
.logo {
padding: 15px 0px;
float: left;
}

4. В main.css заменить
.login {
width: 138px;
margin: 6px auto 0 auto;
}
на
.login {
width: 138px;
margin: 6px auto 0 auto;
display: none;
}


#5 Alekseys

Alekseys

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

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

Отправлено 23 Сентябрь 2014 - 07:18

5. В HTML найдите
</div><!--END header-->
	  <menu class="theme-color">
		<div class="row">
		  <div class="cols col-10 marg1">
			<div class="globmenuwrap">
			<div>
			  <div class="menuopen ftheme-color">Главное меню</div>
			  <div>
				<ul class="menuLowRes" style="display:none;">
				 <li><a class="menuparent" href="http://{NET_DOMAIN}/catalog">Каталог</a></li>
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent" 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>
и замените на
</div><!--END header-->
	  <menu class="theme-color">
		<div class="row">
		  <div class="cols col-10 marg1">
			<div class="globmenuwrap">
			<div>
			  <div class="menuopen ftheme-color">Главное меню</div>
			  <div>
				<ul class="menuLowRes" style="display:none;">
				 {% FOR menu %}
				   {% FOR header %}
					 {% FOR links %}
							   <li><a class="menuparent" 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>


#6 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Сентябрь 2014 - 07:49

Каталог

Просмотр сообщенияAlekseys (23 Сентябрь 2014 - 07:18) писал:

5. В HTML найдите
</div><!--END header-->
	 <menu class="theme-color">
	 <div class="row">
		 <div class="cols col-10 marg1">
		 <div class="globmenuwrap">
		 <div>
			 <div class="menuopen ftheme-color">Главное меню</div>
			 <div>
			 <ul class="menuLowRes" style="display:none;">
				 <li><a class="menuparent" href="http://{NET_DOMAIN}/catalog">Каталог</a></li>
				 {% FOR menu %}
				 {% FOR header %}
					 {% FOR links %}
							 <li><a class="menuparent" 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>
и замените на
</div><!--END header-->
	 <menu class="theme-color">
	 <div class="row">
		 <div class="cols col-10 marg1">
		 <div class="globmenuwrap">
		 <div>
			 <div class="menuopen ftheme-color">Главное меню</div>
			 <div>
			 <ul class="menuLowRes" style="display:none;">
				 {% FOR menu %}
				 {% FOR header %}
					 {% FOR links %}
							 <li><a class="menuparent" 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>

Спасибо, почти всё получилось!

Каталог не получается убрать.. - нашёл, там была ещё одна строчка такая же..

1-cctv.png

И этот код ничего не дал, по-моему.. Только нижняя часть вся перемешалась:

2-cctv.png

Помогите, пожалуйста:

а) заказ обратного звонка поставить обратно где он был справа.

б) контакты поставить обратно где были слева.

в) а третье - поставить по-середине. она раньше справа была. Хорошо было бы по-середине.

Сообщение отредактировал Andrew S.: 23 Сентябрь 2014 - 07:58


#7 Alekseys

Alekseys

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

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

Отправлено 23 Сентябрь 2014 - 08:51

Просмотр сообщенияAndrew S. (23 Сентябрь 2014 - 07:49) писал:

Каталог

Спасибо, почти всё получилось!

Каталог не получается убрать.. - нашёл, там была ещё одна строчка такая же..

Прикрепленный файл 1-cctv.png

И этот код ничего не дал, по-моему.. Только нижняя часть вся перемешалась:

Прикрепленный файл 2-cctv.png

Помогите, пожалуйста:

а) заказ обратного звонка поставить обратно где он был справа.

б) контакты поставить обратно где были слева.

в) а третье - поставить по-середине. она раньше справа была. Хорошо было бы по-середине.
В main.css замените
.container .cols.col-4 {
width: 33.333333333%;
float: right;
vertical-align: middle;
}
на
.container .cols.col-4 {
width: 33.333333333%;
vertical-align: middle;
}
и добавьте
.cols.col-4.marg4 {
float: right;
}


#8 Alekseys

Alekseys

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

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

Отправлено 23 Сентябрь 2014 - 09:30

В HTML замените
<div class="cols col-4 must100">
		   <div id="powered">
			  <div class="cprt">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
			  <div class="cprt">{SETTINGS_STORE_ORG_NAME}</div>
			  <div class="cprt">Все права защищены</div>
			  <div class="cprt">{COPYRIGHT_FOR_DESIGN_CHAMELEON} {SETTINGS_STORE_REGION}</div>
			  <div class="cprt">{SETTINGS_STORE_HTML_CODE}</div> 
		   </div>
		</div>
		<div class="cols col-8 must100">
		  <div class="footermenu">
			{% FOR menu %}
			  {% FOR footer %}
				<div class="menu_footer">
				  <ul>
					{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME} </a></li>{% ENDFOR %}
				  </ul>
				</div>
			  {% ENDFOR %}
			{% ENDFOR %}
		  </div>
		</div>
на
<div class="cols col-4 powered"></div>
<div class="cols col-4 must100">
		   <div id="powered">
			  <div class="cprt">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;</div> 
			  <div class="cprt">{SETTINGS_STORE_ORG_NAME}</div>
			  <div class="cprt">Все права защищены</div>
			  <div class="cprt">{COPYRIGHT_FOR_DESIGN_CHAMELEON} {SETTINGS_STORE_REGION}</div>
			  <div class="cprt">{SETTINGS_STORE_HTML_CODE}</div> 
		   </div>
		</div>
<div class="cols col-4 powered"></div>
		<div class="cols col-8 must100">
		  <div class="footermenu">
			{% FOR menu %}
			  {% FOR footer %}
				<div class="menu_footer">
				  <ul>
					{% FOR links %}<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME} </a></li>{% ENDFOR %}
				  </ul>
				</div>
			  {% ENDFOR %}
			{% ENDFOR %}
		  </div>
		</div>
в main.css замените
.container .cols.col-8 {
width: 66.666666667%;
}
на
.container .cols.col-8 {
width: 66.666666667%;
display: none;
}
и добавьте
.cols.col-4.powered {
height: 105px;
background: #ddd;
}


#9 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 26 Сентябрь 2014 - 09:43

Здравствуйте! Подскажите, пожалуйста!

Как заместо этого кода, приведённого выше:

.hph1 {
margin-top: 15px;
}

Сделать так, чтобы телефон был по вертикали по-середине. Чтобы не пикселями добирать расстояние.

#10 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 26 Сентябрь 2014 - 16:00

Помогите, пожалуйста. vertical allign почему-то не помогает и не знаю что с этим сделать ((

#11 Alekseys

Alekseys

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

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

Отправлено 26 Сентябрь 2014 - 17:19

Просмотр сообщенияAndrew S. (26 Сентябрь 2014 - 16:00) писал:

Помогите, пожалуйста. vertical allign почему-то не помогает и не знаю что с этим сделать ((
Здравствуйте. Попробуйте
.hph1 {
margin-top: 15px;
}
заменить на
.hph1 {
margin-top: 4%;
}


#12 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 26 Сентябрь 2014 - 20:30

Просмотр сообщенияAlekseys (26 Сентябрь 2014 - 17:19) писал:

Здравствуйте. Попробуйте
.hph1 {
margin-top: 15px;
}
заменить на
.hph1 {
margin-top: 4%;
}

Ничего не изменилось. Может, не так поняли?

В верхнем меню-шапке зелёного цвета (до тёмно-зелёного) нужно чтобы телефон стоял по середине по вертикали.

Вертикальное выравнивание - по середине. Как в таблице.

Мы его прилепили к правой части - с этим всё ок, вот бы ещё выставить по центру..

#13 Alekseys

Alekseys

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

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

Отправлено 26 Сентябрь 2014 - 21:29

Просмотр сообщенияAndrew S. (26 Сентябрь 2014 - 20:30) писал:

Ничего не изменилось. Может, не так поняли?

В верхнем меню-шапке зелёного цвета (до тёмно-зелёного) нужно чтобы телефон стоял по середине по вертикали.

Вертикальное выравнивание - по середине. Как в таблице.

Мы его прилепили к правой части - с этим всё ок, вот бы ещё выставить по центру..
К сожалению это сделать не выйдет.

#14 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 27 Сентябрь 2014 - 10:33

Просмотр сообщенияAlekseys (26 Сентябрь 2014 - 21:29) писал:

К сожалению это сделать не выйдет.
Ну ладно, поставлю пикселями (( Просто везде в браузерах свой масштаб и не всегда он будет по-середине.. Ну ладно..




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

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