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


Меню И Лого


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

#1 mehman4uk

mehman4uk

    Пользователь

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

Отправлено 05 Август 2013 - 21:04

Помогите выравнить горизонтальное меню с логотипом..
вот сайт http://todo-shop.ru/

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Август 2013 - 01:12

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

#3 mehman4uk

mehman4uk

    Пользователь

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

Отправлено 06 Август 2013 - 15:16

Ну чтобы лого было на уровне меню(горизонтального)

#4 Taisia

Taisia

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

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

Отправлено 06 Август 2013 - 17:55

вам необходимо в коде файла html  найти сроку

<p class="hidden">{SETTINGS_STORE_NAME}</p><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="thumbnail"><img src="http://design.todo-shop.ru/naturefirst.png?3126" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>

удалить

далее найти код
<div class="row">
<ul class="fancyNav">

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


<div class="row">
<div id="logo">
<p class="hidden">{SETTINGS_STORE_NAME}</p><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="thumbnail"><img src="http://design.todo-shop.ru/naturefirst.png?3126" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a></div>
<ul class="fancyNav">

Далее в файле bootstrap.min.css
добавьте код
#logo{
position:absolute;top: 217px;}


сейчас у вас картинка логотипа не отображается потому что ссылка на нее ссылается на несуществующий файл
поправьте ссылку

что бы сместить меню правей найдите в файле bootstrap-responsive.css
код


.fancyNav{
/* Affects the UL element */
overflow: hidden;
display: inline-block;
}

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


.fancyNav{
/* Affects the UL element */
overflow: hidden;
display: inline-block;
margin-left: 162px;
}


#5 mehman4uk

mehman4uk

    Пользователь

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

Отправлено 06 Август 2013 - 23:26

Как мне можно более красивше сделать background http://todo-tea.ru/ ? Слева криво,справа ровно...что посоветуете?

Можете знаете как? К примеру не фон этот ,а какой-нибудь папирус разместить там..

#6 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Август 2013 - 02:09

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

#7 MrsSkipper

MrsSkipper

    Пользователь

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

Отправлено 03 Сентябрь 2013 - 17:20

Просмотр сообщенияTaisia (06 Август 2013 - 17:55) писал:

вам необходимо в коде файла html  найти сроку

<p class="hidden">{SETTINGS_STORE_NAME}</p><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="thumbnail"><img src="http://design.todo-shop.ru/naturefirst.png?3126" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>

удалить

далее найти код
<div class="row">
<ul class="fancyNav">

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


<div class="row">
<div id="logo">
<p class="hidden">{SETTINGS_STORE_NAME}</p><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="thumbnail"><img src="http://design.todo-shop.ru/naturefirst.png?3126" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a></div>
<ul class="fancyNav">

Далее в файле bootstrap.min.css
добавьте код
#logo{
position:absolute;top: 217px;}


сейчас у вас картинка логотипа не отображается потому что ссылка на нее ссылается на несуществующий файл
поправьте ссылку

что бы сместить меню правей найдите в файле bootstrap-responsive.css
код


.fancyNav{
/* Affects the UL element */
overflow: hidden;
display: inline-block;
}

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


.fancyNav{
/* Affects the UL element */
overflow: hidden;
display: inline-block;
margin-left: 162px;
}


Подскажите, пожалуйста, где именно найти эту строку. В разделе Сайт/Редактор шаблонов? В файле HTML у меня такие строки не встречаются..
Спасибо заранее!

#8 Stasya

Stasya

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

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

Отправлено 03 Сентябрь 2013 - 20:00

В шаблоне HTML  137 строка
<p class="hidden">{SETTINGS_STORE_NAME}</p><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}" class="thumbnail"><img src="http://design.todo-shop.ru/naturefirst.png?3126" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /></a>

135 строка
<div class="row">
<ul class="fancyNav">


#9 brillik21

brillik21

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

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

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

Добрый вечер! Ребята не нашел темы вот пишу сюда!
Помогите изменить логотип.... саму картинку акции......, см. на скрине (стоит 25% а необходимо 20 )
И желательно объяснить как ставить логотип в других созданных акциях!
Заранее спасибо!

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

  • ScreenHunter_52 Aug. 13 20.48.gif


#10 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

В шаблоне Список акций найдите:
{% IF promotion_campaign.NAME=супер акция %}{ASSETS_IMAGES_PATH}path.jpg{% ELSE %}{ASSETS_IMAGES_PATH}sale_default_gray.jpg{% ENDIF %}
замените на:
{% IF promotion_campaign.PERCENTAGE=20 %}
   {ASSETS_IMAGES_PATH}image.jpg
{% ELSEIF promotion_campaign.PERCENTAGE=10 %}
   {ASSETS_IMAGES_PATH}image.jpg
{% ELSEIF promotion_campaign.PERCENTAGE=5 %}
   {ASSETS_IMAGES_PATH}image.jpg
{% ENDIF %}
в данном блоке задано 3 условия по процентам скидки, т.е. 20%, 10%, 5%, можете настроить условия под себя, как вам удобнее.
Далее сами картинки загружаете в раздел Редактор шаблонов и названия своих картинок подставляете вместо image.jpg

#11 brillik21

brillik21

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

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

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

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

В шаблоне Список акций найдите:
{% IF promotion_campaign.NAME=супер акция %}{ASSETS_IMAGES_PATH}path.jpg{% ELSE %}{ASSETS_IMAGES_PATH}sale_default_gray.jpg{% ENDIF %}
замените на:
{% IF promotion_campaign.PERCENTAGE=20 %}
{ASSETS_IMAGES_PATH}image.jpg
{% ELSEIF promotion_campaign.PERCENTAGE=10 %}
{ASSETS_IMAGES_PATH}image.jpg
{% ELSEIF promotion_campaign.PERCENTAGE=5 %}
{ASSETS_IMAGES_PATH}image.jpg
{% ENDIF %}
в данном блоке задано 3 условия по процентам скидки, т.е. 20%, 10%, 5%, можете настроить условия под себя, как вам удобнее.
Далее сами картинки загружаете в раздел Редактор шаблонов и названия своих картинок подставляете вместо image.jpg
Спасибо огромное получилось все! )

#12 brillik21

brillik21

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

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

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

Добрый день ребята! помогите мне плизз с одним вопросом)
Можно ли в разделе Акция.. ( скрин 1 ).... при нажатии на акцию переходило не на товар который участвует в акции а на страницу где идет описание акции (скрин 2 )

Но и оставить возможность включать акции где при нажатии переходит на товар участвующий в акции! Скрин 1

Надеюсь все понятно объяснил, за ранее большое спасибо ! )

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

  • ScreenHunter_59 Sep.  скрин 1.png
  • ScreenHunter_55 Sep.  СКРИН  2.jpg


#13 daria_dnk

daria_dnk

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

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

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

Просмотр сообщенияbrillik21 (12 Сентябрь 2014 - 16:23) писал:

Добрый день ребята! помогите мне плизз с одним вопросом)
Можно ли в разделе Акция.. ( скрин 1 ).... при нажатии на акцию переходило не на товар который участвует в акции а на страницу где идет описание акции (скрин 2 )

Но и оставить возможность включать акции где при нажатии переходит на товар участвующий в акции! Скрин 1

Надеюсь все понятно объяснил, за ранее большое спасибо ! )
Здравствуйте! К сожалению  не совсем понятно, что Вы хотите реализовать. Чтобы при нажатии на ссылку с названием акции осуществлялся переход на странице новости с акцией, а при нажатии на картинку акции переход в товары данной акции? Ссылка с описание акции всегда будет одна и та же (т.е вы все время в одной новости все акции описывать будете)?

#14 brillik21

brillik21

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

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

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

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

Здравствуйте! К сожалению  не совсем понятно, что Вы хотите реализовать. Чтобы при нажатии на ссылку с названием акции осуществлялся переход на странице новости с акцией, а при нажатии на картинку акции переход в товары данной акции? Ссылка с описание акции всегда будет одна и та же (т.е вы все время в одной новости все акции описывать будете)?
Нет! не совсем так!
На скрине 1 , после нажатия акция  мы переходим в список имеющихся акций, №1 (скидка от суммы заказа) хочу чтобы после нажатия был переход на ленту новостей где расписана данная акция СКРИН 2.
а акция № 2 в (скрине 1) хотелось оставить данную функцию, где после нажатия происходит переход на товары которые участвуют в акции.

#15 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

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

В шаблоне Список акций найдите:
   <!-- /Страницы -->
	  </div>
	</div>
	<!-- Список акций -->
	<ol class="span12 products-list">
после данного кода разместите:
		<li class="span12 item">
		  <div class="span66 product-box">
			<div class="span5" style="border: solid 1px #eee;"><a href="ссылка на новость" title="Накопительная скидка" class="thumbnail" ><img src="{ASSETS_IMAGES_PATH}skidka.jpg" alt="Накопительная скидка" /></a></div>
		   
			<div class="span6 product-shop">
			  <div class="f-fix">
				<h2 class="product-name"><a href="ссылка на новость" title="Накопительная скидка">Накопительная скидка</a></h2>
				<div class="price-box">
				  <table class="promotionCampaignInfo">
					<tr>
					  <td class="cell1"><p><span>Сроки проведения:</span></p></td>
					  <td class="cell2">здесь указываем дату проведения скидки</td>
					</tr>
					<tr>
					  <td class="cell1"><p><span>Размер скидки:</span></p></td>
					  <td class="cell2">процент скидки</td>
					</tr>
				  </table>
				</div>
			   
				<div class="desc">описание данной скидки</div>
			 
				<ul class="add-to-links">
				  <li><a href="ссылка на новость" class="link-wishlist">Подробней</a></li>
				</ul>
			  </div>
			</div>
			<br class="clear" />
		  </div>
		</li>

и далее заметите мой тестовый текст на свой

#16 brillik21

brillik21

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

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

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

Просмотр сообщенияVaccina (13 Сентябрь 2014 - 03:34) писал:

В шаблоне Список акций найдите:
<!-- /Страницы -->
	 </div>
</div>
<!-- Список акций -->
<ol class="span12 products-list">
после данного кода разместите:
	 <li class="span12 item">
		 <div class="span66 product-box">
		 <div class="span5" style="border: solid 1px #eee;"><a href="ссылка на новость" title="Накопительная скидка" class="thumbnail" ><img src="{ASSETS_IMAGES_PATH}skidka.jpg" alt="Накопительная скидка" /></a></div>
		
		 <div class="span6 product-shop">
			 <div class="f-fix">
			 <h2 class="product-name"><a href="ссылка на новость" title="Накопительная скидка">Накопительная скидка</a></h2>
			 <div class="price-box">
				 <table class="promotionCampaignInfo">
				 <tr>
					 <td class="cell1"><p><span>Сроки проведения:</span></p></td>
					 <td class="cell2">здесь указываем дату проведения скидки</td>
				 </tr>
				 <tr>
					 <td class="cell1"><p><span>Размер скидки:</span></p></td>
					 <td class="cell2">процент скидки</td>
				 </tr>
				 </table>
			 </div>
			
			 <div class="desc">описание данной скидки</div>
			
			 <ul class="add-to-links">
				 <li><a href="ссылка на новость" class="link-wishlist">Подробней</a></li>
			 </ul>
			 </div>
		 </div>
		 <br class="clear" />
		 </div>
	 </li>

и далее заметите мой тестовый текст на свой
Спасибо!
Получилось следующее Скрин 1
Наверно эти накладки из за того что я добавил после уже  прописанного кода скрин 2
Что можно исправить не меняя предыдущие настройки в акциях? Да и не совсем понял где изменить ваш текст на мой?

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

  • ScreenHunter_60 Sep. скрин 2.jpg
  • ScreenHunter_61 Sep. скрин 1.jpg


#17 Dars

Dars

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

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

Отправлено 13 Сентябрь 2014 - 15:06

Просмотр сообщенияbrillik21 (13 Сентябрь 2014 - 13:43) писал:

Спасибо!
Получилось следующее Скрин 1
Наверно эти накладки из за того что я добавил после уже  прописанного кода скрин 2
Что можно исправить не меняя предыдущие настройки в акциях? Да и не совсем понял где изменить ваш текст на мой?
Здравствуйте!
В шаблоне "Список акций" есть строка:

<div class="span5" style="border: solid 1px #eee;"><a href="ссылка на новость" title="Накопительная скидка" class="thumbnail" ><img src="{ASSETS_IMAGES_PATH}skidka.jpg" alt="Накопительная скидка" /></a></div>

Как можно заметить, тэг изображения ссылается на несуществующую картинку. Замените skidka.jpg в атрибутах тэга на ту картинку, которая есть на сайте и которую вы хотели бы отображать на этом месте.

А изменять текст на свой нужно в следующих фрагментах кода:

<td class="cell2">здесь указываем дату проведения скидки</td>

и

<td class="cell2">процент скидки</td>


#18 brillik21

brillik21

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

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

Отправлено 13 Сентябрь 2014 - 15:41

Просмотр сообщенияDars (13 Сентябрь 2014 - 15:06) писал:

Здравствуйте!
В шаблоне "Список акций" есть строка:

<div class="span5" style="border: solid 1px #eee;"><a href="ссылка на новость" title="Накопительная скидка" class="thumbnail" ><img src="{ASSETS_IMAGES_PATH}skidka.jpg" alt="Накопительная скидка" /></a></div>

Как можно заметить, тэг изображения ссылается на несуществующую картинку. Замените skidka.jpg в атрибутах тэга на ту картинку, которая есть на сайте и которую вы хотели бы отображать на этом месте.

А изменять текст на свой нужно в следующих фрагментах кода:

<td class="cell2">здесь указываем дату проведения скидки</td>

и

<td class="cell2">процент скидки</td>
Спасибо большое! Нужный результат был достигнут!
теперь помогите со смещением текста! Скрин 1

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

  • ScreenHunter_62 Sep. 13 16.38.jpg


#19 brillik21

brillik21

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

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

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

Еще один момент, создаю еще одну акцию, происходит задвоение см. на скрине

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

  • ScreenHunter_63 Sep. 13 16.48.jpg


#20 Ирина345

Ирина345

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

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

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

Просмотр сообщенияbrillik21 (13 Сентябрь 2014 - 15:49) писал:

Еще один момент, создаю еще одну акцию, происходит задвоение см. на скрине
Здравствуйте,
найдите в шаблоне Список акций
	  <div class="span6 product-shop"> 
			  <div class="f-fix"> 
				<h2 class="product-name"><a href="{promotion_campaign.URL | url_amp}" title="{promotion_campaign.NAME}">{promotion_campaign.NAME}</a></h2> 
				<div class="price-box"> 
				  <table class="promotionCampaignInfo">
					<tr>
					  <td class="cell1"><p><span>Сроки проведения:</span></p></td>
					  <td class="cell2">{promotion_campaign.BEGINNING_TIME | date("d.m.Y")} - {promotion_campaign.EXPIRED_TIME | date("d.m.Y")}</td>
					</tr>
					<tr>
					  <td class="cell1"><p><span>Размер скидки:</span></p></td>
					  <td class="cell2">{promotion_campaign.PERCENTAGE} %</td>
					</tr>
				  </table>
				</div> 
				
				<div class="desc">{promotion_campaign.DESCRIPTION_SHORT | nl2br}</div>
			  
				<ul class="add-to-links"> 
				  <li><a href="{promotion_campaign.URL | url_amp}" class="link-wishlist">Подробней</a></li> 
				</ul>
			  </div>
			</div>
			<br class="clear" />
		  </div>
и перенесите его после строчек



  <div class="span5" style="border: solid 1px #eee;"><a href="{promotion_campaign.URL | url_amp}" title="{promotion_campaign.NAME}" class="thumbnail" ><img src="{% IF promotion_campaign.PERCENTAGE=20 %}
   {ASSETS_IMAGES_PATH}skidka20.jpeg
{% ELSEIF promotion_campaign.PERCENTAGE=10 %}
   {ASSETS_IMAGES_PATH}скидка10 проц.jpg
{% ELSEIF promotion_campaign.PERCENTAGE=5 %}
   {ASSETS_IMAGES_PATH}скидка5.gif
{% ENDIF %}" alt="{promotion_campaign.NAME}" /></a>
			  </div>





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

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