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

[Andrey555]

Помогите
1-переместить корзину

и сделать примерно так чтобы корзина была и надпись черным цветом


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



и сделать вот так только чтобы было с боку





3. каталог переместить, чтобы стояло после ,,ГЛАВНАЯ,,

[Vaccina]

Для начала исправим ошибку в вашем шаблоне =)
Сайт - Редактор шаблонов - HTML - найдите:

<a href="http://{NET_DOMAIN}/" title=""><span id="logo">
	 
	 <div
	  <span class="layer" > Интернет-магазин наручных часов</span></a>
	  <a href="/">
					  
					</a>

замените на:

<a href="http://{NET_DOMAIN}/" title=""><span id="logo"></span></a>
<span class="layer" > Интернет-магазин наручных часов</span></a>

В дальнейшем бы она еще дала о себе знать.

Ну теперь к вашим вопросам.
1.В шаблон HTML после:

<!-- Поиск -->
   <div id="searchPanel">
	<form action="http://{NET_DOMAIN}/search" method="get">
	  <p>
	   <label for="keywords">Поиск</label>
	   <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
	   <input type="image" value="Search" title="search" alt="search" src="{ASSETS_IMAGES_PATH}search_button.gif" id="submit" name="submit" />
	   </p>
	</form>
   </div>
   <!-- end Поиск -->

вставьте:

<!-- Корзина -->
	  <div id="cartInfo">
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span class="red">0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span>{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->

2. В том же шаблоне после добавленной корзина вставьте:

<div class="login">
{% IF CLIENT_IS_LOGIN %}<a href="{USER_LOGOUT_URL}" title="Выход">Выход</a>{% ELSE %}<a href="{USER_LOGIN_URL}" title="Вход">Вход</a>{% ENDIF %}
</div>

Далее в шаблоне main.css в самом конце вставьте:

.login{
color:#000000;
}

и в нем пропишите стили для стилизации блока

3.Расположение\добавление и удаление пунктов меню вы реализовать в разделе Сайт - Меню - Верхнее меню.

[Andrey555]

Заменил что вы сказали
получилось вот что

[Vaccina]

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

[Andrey555]

Я всё сделал как вы сказали, можно редактировать всё это как я нарисовал на картинке?


и сделать в верхнем правом углу  вот так

[support 2.0]

Andrey555 (16 Ноябрь 2013 - 12:32) писал:

Я всё сделал как вы сказали, можно редактировать всё это как я нарисовал на картинке?


и сделать в верхнем правом углу  вот так

в шаблоне HTML ПЕРЕД

<div id="cartInfo">

вставьте

<div class="cart-img"> </div>

в main.css добавьте

.cart-img {
background: url({ASSETS_IMAGES_PATH}cart.jpg) no-repeat;
bottom: 45px;
position: absolute;
right: -152px;
width: 150px;
height: 100px;
}

картинку загрузите другую, т.к. ее размер слишком большой. Она не должна превышать 150*100 пикселей

далее найдите в main.css

#header #logo {
position: absolute;
top: 50px;
left: 10px;
height: 79px;
width: 300px;
background: url({ASSETS_IMAGES_PATH}ogo.png) no-repeat;
}

замените его на

#header #logo {
position: absolute;
top: 50px;
left: 10px;
height: 60px;
width: 300px;
background: url({ASSETS_IMAGES_PATH}ogo.png) no-repeat;
}

теперь найдите блок

.layer {
	 font: 8.3pt/1.636 Tahoma,helvetica,arial,clean,sans-serif;
	 cursor: pointer;
	 color: #000000;
line-height: 1.2;
margin: 0 0 0 3px;
padding-top: 84px; /* Поля вокруг текста */
margin-top: -10px;
padding-left: 10px
}

замените на

.layer {
	 font: 8.3pt/1.636 Tahoma,helvetica,arial,clean,sans-serif;
	 cursor: pointer;
	 color: #000000;
	 line-height: 1.2;
	 margin: 0 0 0 3px;
	 padding-top: 98px; /* Поля вокруг текста */
	 margin-top: -8px;
	 padding-left: 36px;
	 position: absolute;
}

теперь найдите

.login{
color:#000000;
}

замените на

.login{
color:#000000;
float: right;
margin-right: 50px;
margin-top: 10px;
font-size: 20px;
}

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

• 

[Andrey555]

Вот что получилось(

[Andrey555]

А вот с права не так как хочется . Можно вот сделать типо такого блока?????
  

Что бы было как на этом сайте корзина и профиля(Регестрация и войти )

Так можно сделать?????

[Andrey555]

Я вот попробовал  сделать, но не получилось, помогите сделать так



HELP!!!!!!!!

[Vaccina]

Для начала необходимо в шаблоне HTML перенести код корзины и входа установив их перед <div id="headerWrap">
Далее стилизуем в main.css, найдите:

#cartInfo {
background: url("http://design.v-watch.ru/cart.jpg") no-repeat transparent;
border: 1.5px solid #000000;
border-radius: 8px;
bottom: 60px;
font-size: 15px;
padding: 5px;
position: absolute;
right: -15px;
white-space: nowrap;
}
.login {
float: right;
font-size: 20px;
margin-right: 50px;
margin-top: 10px;
}

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

#cartInfo {
background: url("http://design.v-watch.ru/cart.jpg") 0% 50% no-repeat transparent;
border: 1.5px solid #000000;
border-radius: 8px;
font-size: 15px;
padding: 10px 10px 10px 55px;
position: fixed;
right: 0px;
top: 200px;
white-space: nowrap;
}
.login {
border: 1px solid #000000;
border-radius: 10px;
font-size: 20px;
padding: 10px;
position: fixed;
right: 0px;
top: 300px;
width: 150px;
}

[Andrey555]

Вот всё как получилось)

[Andrey555]

Сейчас открыл сайте через Internet exploreк и вот там так отображается всё!  Почему, Как сделать чтобы всё было норм

[Vaccina]

а вот теперь сравним, как вы сделали по инструкции, необходимо изменить к сл.коду:

#cartInfo {
background: url("http://design.v-watch.ru/cart.jpg") 0% 50% no-repeat transparent;
border: 1.5px solid #000000;
border-radius: 8px;
font-size: 15px;
padding: 10px 10px 10px 55px;
position: fixed;
right: 0px;
top: 200px;
white-space: nowrap;
}
.login {
border: 1px solid #000000;
border-radius: 10px;
font-size: 20px;
padding: 10px;
position: fixed;
right: 0px;
top: 300px;
width: 150px;
}

вы изменили на сл.вид:

#cartInfo {
background: url("http://design.v-watch.ru/cart.jpg") 0% 50% no-repeat transparent;
border: 1.5px solid #000000;
border-radius: 8px;
font-size: 15px;
padding: 10px 10px 10px 55px;
position: absolute;
right: -78px;
top: 38px;
white-space: nowrap;
}
.login {
float: right;
font: 10px "arial", "helvetica", "freesans", sans-serif;
margin-right: -60px;
margin-top: 20px;
text-align: center;
white-space: nowrap;
}

изменения, что я прислала вам, реализуют результат желаемый вами на скриншоте, что вы ранее высылали сюда

[Andrey555]

вот как отображается в гугл хром, как мне надо прям


всё сделал как вы сказали все равно не так отоброжается в IE

[Koderhan]

Панель администратора, "Сайт"->"Редактор шаблонов".
В файле "main.css".
Найти код:

#header #title {
  margin: 0;
  position: absolute;
  right: 100px;
  width: 420px;
  bottom: 44px;
}

Заменить:

#header #title {
  margin: 0;
  position: absolute;
  right: 100px;
  width: 420px;
  bottom: 44px;
  display: block;
  font-size: 24px;
  line-height: 1;
}