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


Вопрос По Переносу Корзины И Как Опустить Шапку


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

#1 andys

andys

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

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

Отправлено 05 Июнь 2014 - 11:15

Здравствуйте! Где-то это уже обсуждалось, но не могу найти(( Как опустить шапку вплотную к меню а корзину поднять к поиску? s110988
FireShot.jpg.png

#2 MikDark

MikDark

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

  • Модераторы
  • 6 300 сообщений

Отправлено 05 Июнь 2014 - 11:29

Просмотр сообщенияandys (05 Июнь 2014 - 11:15) писал:

Здравствуйте! Где-то это уже обсуждалось, но не могу найти(( Как опустить шапку вплотную к меню а корзину поднять к поиску? s110988
Прикрепленный файл FireShot.jpg.png

В шаблоне HTML найдите код:
<div class="bottommain over clr">
	 <div class="headleft fleft txtalgncnt fmlptn fnt16">
			<ul>
				<!--li class="title"><a href="http://{NET_DOMAIN}/feedback"><span>Связаться</span> с Нами</a></li-->
				{% IF SETTINGS_STORE_ICQ %}<!--li class="headerIcq"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li-->{% ENDIF %}
				<!--li class="skype">{% IF SETTINGS_STORE_SKYPE %}<span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>{% ENDIF %}</li-->
				<!--li class="phone"-->
					<!--span class="phoneNum">
					  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%}
					  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%}
					</span-->
				</li>
			   
			</ul>
		</div>
		<div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
			<ul>
				<li class="title fnt16"><a href="{CART_URL}"><span>Ваша </span>Корзина</a></li>
				<li class="fntarl fnt11 i cartSum">В корзине товаров на сумму: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
				<li class="fntarl fnt11 i opencart"><a href="{CART_URL}">Открыть корзину</a></li>
			</ul>
		</div>
		{% IF SETTINGS_STORE_WORK_TIME %}<!--div class="headcent over fleft txtalgncnt fnt14 fmlptn"><span>Работает {SETTINGS_STORE_WORK_TIME}</span></div-->{% ENDIF %}
	</div>

и переместите после:
<div class="search fright over clr">
			<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
				<div class="block-shadow">
				  <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" />
				  <div id="delete"><span id="x" >x</span></div> 
				</div>
				<input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" />
			</form>
		   
	  </div>

Как сделаете изменения, напишите, поможет спозиционировать.

#3 andys

andys

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

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

Отправлено 05 Июнь 2014 - 12:13

Просмотр сообщенияMikDark (05 Июнь 2014 - 11:29) писал:

В шаблоне HTML найдите код:
<div class="bottommain over clr">
	 <div class="headleft fleft txtalgncnt fmlptn fnt16">
		 <ul>
			 <!--li class="title"><a href="http://{NET_DOMAIN}/feedback"><span>Связаться</span> с Нами</a></li-->
			 {% IF SETTINGS_STORE_ICQ %}<!--li class="headerIcq"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li-->{% ENDIF %}
			 <!--li class="skype">{% IF SETTINGS_STORE_SKYPE %}<span>Skype:&nbsp;</span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>{% ENDIF %}</li-->
			 <!--li class="phone"-->
				 <!--span class="phoneNum">
					 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%}
					 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%}
					 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor">&nbsp;|&nbsp;</span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%}
				 </span-->
			 </li>
			
		 </ul>
	 </div>
	 <div class="headright fright txtalgncnt fnt11 fmlptn cartInfo">
		 <ul>
			 <li class="title fnt16"><a href="{CART_URL}"><span>Ваша </span>Корзина</a></li>
			 <li class="fntarl fnt11 i cartSum">В корзине товаров на сумму: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li>
			 <li class="fntarl fnt11 i opencart"><a href="{CART_URL}">Открыть корзину</a></li>
		 </ul>
	 </div>
	 {% IF SETTINGS_STORE_WORK_TIME %}<!--div class="headcent over fleft txtalgncnt fnt14 fmlptn"><span>Работает {SETTINGS_STORE_WORK_TIME}</span></div-->{% ENDIF %}
</div>

и переместите после:
<div class="search fright over clr">
		 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
			 <div class="block-shadow">
				 <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" />
				 <div id="delete"><span id="x" >x</span></div>
			 </div>
			 <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" />
		 </form>
		
	 </div>

Как сделаете изменения, напишите, поможет спозиционировать.


Нет не получается, корзина вообще исчезла, а шапка даже не сдвинулась.

#4 MikDark

MikDark

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

  • Модераторы
  • 6 300 сообщений

Отправлено 05 Июнь 2014 - 12:19

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

Нет не получается, корзина вообще исчезла, а шапка даже не сдвинулась.

Вы перенесли не после, а перед, и не весь код. Попробуйте еще раз внимательнее.

#5 andys

andys

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

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

Отправлено 05 Июнь 2014 - 12:29

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

Вы перенесли не после, а перед, и не весь код. Попробуйте еще раз внимательнее.


Так, что-то я напереносил видимо лишнего ((. Ладно закачаю по новой шаблон и потом снова попробую

#6 andys

andys

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

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

Отправлено 05 Июнь 2014 - 12:44

Вроде получилось, спасибо! Только вот как шапку еще пониже опустить? Ну или меню повыше поднять? И еще вопрос - была тема о смене фона страницы. Только вот строки
background:url('/design/fon_bomb.jpg') #e6e4db center top repeat-x; я не вижу. Может что то изменилось в разметке с тех пор? Я так понимаю что
'/design/fon_bomb.jpg' у меня не может быть, тогда где мне искать?

#7 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Июнь 2014 - 03:31

Фон вы можете изменить в файле стилей main.css, путем изменения класса

body {background:url('{ASSETS_IMAGES_PATH}gradient-gree.png') #d5de9d center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; margin:0;padding:0;color:#000;}

измените имя изображения и/или цвет #d5de9d

Размер шапки вы можете уменьшить путем скрытия не используемого блока поиска - найдите

#header .topmain { width: 100%; height: 45.5%; }

и замените на

#header .topmain { width: 100%; height: 45.5%; display: none; }


#8 andys

andys

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

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

Отправлено 06 Июнь 2014 - 14:16

Спасибо, решено!  Скажите какие строчки в main.css отвечают за положение текста "Работаем с 10 ...."? И как можно добавить значок телефона к "Связаться с нами"

#9 Ирина345

Ирина345

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

  • Модераторы
  • 5 672 сообщений

Отправлено 06 Июнь 2014 - 14:27

Просмотр сообщенияandys (06 Июнь 2014 - 14:16) писал:

Спасибо, решено!  Скажите какие строчки в main.css отвечают за положение текста "Работаем с 10 ...."? И как можно добавить значок телефона к "Связаться с нами"
Пожалуйста не дублируйте вопросы, Вам уже ответили в теме http://forum.storela...кст-работаем-с/

#10 andys

andys

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

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

Отправлено 06 Июнь 2014 - 17:54

Подскажите пожалуйста - вот после всех манипуляций решил проверить логотип в шапке. Убрал комментарии в HTML в строке
<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
а он не появляется. Что может быть? Аккаунт SL-295133. Только пожалуйста если что-то сделаете сами, напишите что сделали. А лучше я сам, только подскажите.

#11 Ирина345

Ирина345

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

  • Модераторы
  • 5 672 сообщений

Отправлено 06 Июнь 2014 - 17:59

Просмотр сообщенияandys (06 Июнь 2014 - 17:54) писал:

Подскажите пожалуйста - вот после всех манипуляций решил проверить логотип в шапке. Убрал комментарии в HTML в строке
<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
а он не появляется. Что может быть? Аккаунт SL-295133. Только пожалуйста если что-то сделаете сами, напишите что сделали. А лучше я сам, только подскажите.
Вы удалили код логотипа, поэтому он и не появляется, уточните как вы хотели проверить логотип.

#12 andys

andys

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

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

Отправлено 06 Июнь 2014 - 18:05

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

#13 andys

andys

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

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

Отправлено 06 Июнь 2014 - 18:21

Ну просто в виде картинки я его вывел, а где был его код который я удалил? И как быть тогда с самодельным логотипом?

#14 andys

andys

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

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

Отправлено 06 Июнь 2014 - 20:34

Никто так и не ответит - куда ставить код лого?

#15 lew

lew

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

  • Модератоpы
  • 244 сообщений

Отправлено 06 Июнь 2014 - 21:01

Никто так и не ответит - куда ставить код лого? 

так у вас есть код логотипа (он есть в файле HTML).
<div class="topmain over">
		<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		<div class="barright fright txtalgnrgh">
		  <div class="search fright over clr">
			<form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
				<div class="block-shadow">
				  <!-input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /-->
				  <!--div id="delete"><span id="x" >x</span></div-->  
				</div>
				<!--input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /-->
			</form>
			
	</div>
		</div>
	</div>
да и на сайте он у вас есть.
Вам нужно помоч его правильно выровнить?

#16 andys

andys

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

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

Отправлено 06 Июнь 2014 - 21:11

Дело в том что логотип не показывается, хотя код есть.

#17 andys

andys

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

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

Отправлено 06 Июнь 2014 - 21:31

И надо чтобы логотип не сдвигал строки время работы, телефон и корзину вниз и был также на уровне с ними к меню.

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

  • логотип.png


#18 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 07 Июнь 2014 - 03:53

На данный момент ваша шапка выглядит следующим образом (по умолчанию).
Пожалуйста, уточните ваш вопрос относительно данного вида шапки. Возможно вопрос не актуален?
screenshot-s1109885 storeland ru 2014-06-07 07-51-07.png

#19 andys

andys

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

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

Отправлено 07 Июнь 2014 - 06:26

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

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

  • части шапки.png


#20 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 07 Июнь 2014 - 06:34

Просмотр сообщенияandys (07 Июнь 2014 - 06:26) писал:

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

Здравствуйте,

В файле "main.css".
Найти:
body {
background: url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg') #e6e4db center top repeat-x;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
margin: 0;
padding: 0;
color: #000;
}

Заменить:
body {
background: #e6e4db;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
margin: 0;
padding: 0;
color: #000;
}





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

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