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


Поиск Рядом С Корзиной


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

#1 Makepuff

Makepuff

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 16 Август 2014 - 20:35

Здравствуйте, хочу переместить с шапки поиск и поставить его левее корзины.
Еще одна проблемка возникла когда пытался сделать текст по центру изображения,так и не вышло (что бы понятнее было,допустим высотка картинки 24 тогда текст должен быть на высоте 12 или 11)
Ах да еще мой кабинет выход вход регистрация выше корзины сделать хотелось бы
Спасибо.

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

  • Безымянный.png


#2 AnnaM

AnnaM

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

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

Отправлено 17 Август 2014 - 07:29

Просмотр сообщенияMakepuff (16 Август 2014 - 20:35) писал:

Здравствуйте, хочу переместить с шапки поиск и поставить его левее корзины.
Еще одна проблемка возникла когда пытался сделать текст по центру изображения,так и не вышло (что бы понятнее было,допустим высотка картинки 24 тогда текст должен быть на высоте 12 или 11)
Ах да еще мой кабинет выход вход регистрация выше корзины сделать хотелось бы
Спасибо.
1. В файле main.css найдите код
#header #search {
position: relative;
float: right;
top: 9px;
right: 0px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}
и замените на этот
#header #search {
position: relative;
float: right;
top: 85px;
right: 625px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}

2. разделы "Мой кабинет/выход/вход/регистрация" уже отображаются в шапке сайта.
3. уточните пожалуйста на скришоте,что именно за проблема с текстом посередине изображения.

#3 Makepuff

Makepuff

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 17 Август 2014 - 10:24

1. А растянуть поле поиска нельзя?
2. Я шапку удалю позже,поэтому хочу их поставить над корзиной.
3. Пробовал через
<p><img src="img" width="128" height="128" align="middle" /> Текст </p>
ничего не получалось,текст то поднимался то опускался.Может дело в размере картинки, у моей 16х16.

#4 Makepuff

Makepuff

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 17 Август 2014 - 10:38

Сейчас на сравнении 2 товара тоже хочется переместить,только уже ниже корзины

#5 Alekseys

Alekseys

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

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

Отправлено 17 Август 2014 - 10:58

Просмотр сообщенияMakepuff (17 Август 2014 - 10:38) писал:

Сейчас на сравнении 2 товара тоже хочется переместить,только уже ниже корзины
Здравствуйте. В разделе Сайт -> Редактор шаблонов -> HTML найдите блок
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
		  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
			<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			<div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
			  <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
			</div>
		  {% ENDIF %}
		  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
и поставьте его перед
</div>
			<div class="content">
			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
			<div class="clear"></div>
		  </div> 
		  <!-- end Корзина -->


#6 Makepuff

Makepuff

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 17 Август 2014 - 11:08

Просмотр сообщенияAlekseys (17 Август 2014 - 10:58) писал:

Здравствуйте. В разделе Сайт -> Редактор шаблонов -> HTML найдите блок
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
		 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
		 <div class="inner" id="compareInfoBlock" {% IF COMPARE_GOODS_COUNT=0 %}style="display:none;"{% ENDIF %}>
			 <div id="compareInfo">Сейчас на <a href="{COMPARE_URL}">сравнении</a> <span class="nb_goods">{COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}</span>.</div>
		 </div>
		 {% ENDIF %}
		 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
и поставьте его перед
</div>
		 <div class="content">
			 <div class="empty">Ваша корзина покупок пуста!</div>
		 </div>
		 <div class="clear"></div>
		 </div>
		 <!-- end Корзина -->
Спасибо,а прижать надпись к корзине почти вплотную можно как нибудь?

#7 AnnaM

AnnaM

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

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

Отправлено 17 Август 2014 - 11:41

Просмотр сообщенияMakepuff (17 Август 2014 - 11:08) писал:

Спасибо,а прижать надпись к корзине почти вплотную можно как нибудь?
В файле main.css найдите код
#compareInfo {
color: #999;
float: right;
margin: 10px 0 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
}
и замените на
#compareInfo {
color: #999;
float: right;
margin: 10px 0 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
margin-top: -10px;
}
значение
margin-top: -10px;
можете выставить свое,если нужно подвинуть еще ближе.

#8 Makepuff

Makepuff

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 17 Август 2014 - 12:29

Спасибо, подскажите пожалуйста еще на счет
1. А растянуть поле поиска нельзя?
2.
разделы "Мой кабинет/выход/вход/регистрация" разместить выше корзины (так же желательно в близ друг к другу)
3. Текст по середине изображения как на скриншоте
Спасибо.

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

  • html-images-text-pr.png


#9 AnnaM

AnnaM

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

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

Отправлено 17 Август 2014 - 12:39

Просмотр сообщенияMakepuff (17 Август 2014 - 12:29) писал:

Спасибо, подскажите пожалуйста еще на счет
1. А растянуть поле поиска нельзя?
2.
разделы "Мой кабинет/выход/вход/регистрация" разместить выше корзины (так же желательно в близ друг к другу)
3. Текст по середине изображения как на скриншоте
Спасибо.

1. в файле main.css найдите код
#header #search input {
width: 160px;
height: 21px;
padding: 8px;
}
увеличивайте значение
width: 160px;
также найдите код
#header .button-search {
position: absolute;
right: 0px;
top: 0px;
background: url('http://fafcfads.storeland.net/button-search.png') center center no-repeat;
width: 36px;
height: 36px;
cursor: pointer;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
border: none;
}
и уменьшайте значение
right: 0px;
так,чтобы поле поиска не перекрывало символ лупы.
3.
<p><img src="../путь/название.png" width="195" height="157" align="middle" alt="">
Текст по центру изображения
</p>


#10 Makepuff

Makepuff

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 17 Август 2014 - 12:57

Все получилось кроме 3. Не знаю что не так, на моем сайте внизу (вконтакте надпись не хочет по центру вставать)

#11 AnnaM

AnnaM

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

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

Отправлено 17 Август 2014 - 13:04

Просмотр сообщенияMakepuff (17 Август 2014 - 12:57) писал:

Все получилось кроме 3. Не знаю что не так, на моем сайте внизу (вконтакте надпись не хочет по центру вставать)
Примените код
<p><img src="../путь/название.png" width="195" height="157" style="vertical-align:middle" alt="">
Текст по центру изображения
</p>
вместо того,что указан в сообщении выше.

#12 Makepuff

Makepuff

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 55 сообщений

Отправлено 17 Август 2014 - 13:33

Спасибо

А еще (Личный кабинет вход выход регистрация) помогите перенести, что бы они были чуть выше корзины,спасибо

#13 AnnaM

AnnaM

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

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

Отправлено 17 Август 2014 - 13:39

Просмотр сообщенияMakepuff (17 Август 2014 - 13:33) писал:

Спасибо

А еще (Личный кабинет вход выход регистрация) помогите перенести, что бы они были чуть выше корзины,спасибо
В шаблоне "HTML" найдите код
<div class="inner">
		   ---Мой кабинет/выход/вход/регистрация---
и замените его на этот
<div class="inner">
<p style="float:right";>
		   ---Мой кабинет/выход/вход/регистрация---
</p>





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

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