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

[ignis49]

Добрый день!
Подскажите, пожалуйста, как можно переместить блок "Корзина" в шапку так, как показано на рисунке ниже, и чтобы ничего остальное не сдвинулось со своих мест. Спасибо.

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

• 

[shnafix]

ignis49 (24 Декабрь 2014 - 15:31) писал:

Добрый день!
Подскажите, пожалуйста, как можно переместить блок "Корзина" в шапку так, как показано на рисунке ниже, и чтобы ничего остальное не сдвинулось со своих мест. Спасибо.

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

Под шапкой слева, у Вас неверно вставлен рисунок логотипа. Его лучше либо скрыть(убрать), либо указать верное имя файла
Редактор шаблонов - HTML

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

вместо logo.png

[ignis49]

Хорошо. С логотипом сейчас разберусь. А можно ли отключить возможность скрытия шапки?.. Или это тоже как-то может негативно отразиться?

[Alekseys]

ignis49 (24 Декабрь 2014 - 17:35) писал:

Хорошо. С логотипом сейчас разберусь. А можно ли отключить возможность скрытия шапки?.. Или это тоже как-то может негативно отразиться?

Здравствуйте. В main.css замените

.toggler {
position: absolute;
display: block;
width: 25px;
height: 22px;
background-color: #ff0000;
bottom: -22px;
left: 0;
text-indent: -9999px;
cursor: pointer;
z-index: 1000;
}

на

.toggler {
position: absolute;
display: none;
width: 25px;
height: 22px;
background-color: #ff0000;
bottom: -22px;
left: 0;
text-indent: -9999px;
cursor: pointer;
z-index: 1000;
}

[ignis49]

Спасибо большое, отключить возможность скрытия шапки получилось!
А корзину, всё-таки, подскажите, пожалуйста, как переместить?..

shnafix (24 Декабрь 2014 - 17:09) писал:

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

Под шапкой слева, у Вас неверно вставлен рисунок логотипа. Его лучше либо скрыть(убрать), либо указать верное имя файла
Редактор шаблонов - HTML

<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

вместо logo.png

И ещё, скажите, как убрать неверно вставленный логотип?

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

• 

[Alekseys]

ignis49 (24 Декабрь 2014 - 19:29) писал:

Спасибо большое, отключить возможность скрытия шапки получилось!
А корзину, всё-таки, подскажите, пожалуйста, как переместить?..



И ещё, скажите, как убрать неверно вставленный логотип?

В main.css замените

#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

на

#header #cart {
z-index: 20;
min-width: 300px;
top: 40px;
right: 0;
position: absolute;
}

и в шаблоне HTML перенесите

<!-- Корзина -->
		  <div id="cart">
			<div class="heading">
			  <h4>Корзина покупок</h4>
			  <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
				{% IF cart_count_empty %}
				<span class="red">0</span>
				{% ELSE %}
				  {CART_COUNT_TOTAL}
				{% ENDIF %}
				 - на сумму
			   
				{% IF cart_count_empty %}
				  <span>0</span> {CURRENCY_NAME}
				{% ELSE %}
				  {% FOR cart_sum %}
					{cart_sum.NOW | money_format}<br />
				  {% ENDFOR %}
				{% ENDIF %}</span>
			  </a>
			</div>
			<div class="content">
			  <div class="empty">Ваша корзина покупок пуста!</div>
			</div>
			<div class="clear"></div>
		  </div> 
		  <!-- end Корзина -->

поставив перед

<!-- Контакты -->
			{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			  <div id="support" title="Звоните, мы проконсультируем вас по любым вопросам">

[ignis49]

Спасибо большое! Всё помогло!

[Levchik]

Здравствуйте!
Сделал вышеописанные изменения.

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

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

• 

[Vaccina]

В main.css найдите:

.header_top {
  background-color: #f5f5f5;
  margin: 0 auto;
  min-height: 40px;
  width: 100%;
}

замените на:

.header_top {
  background-color: #f5f5f5;
  margin: 0 auto;
  min-height: 60px;
  width: 100%;
}

далее найдите:

#header .links a {
  display: block;
  float: left;
  font-size: 12px;
  padding: 11px 10px 9px;
  text-decoration: none;
}

замените на:

#header .links a {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 40px;
  padding: 11px 10px 9px;
  text-decoration: none;
}

далее найдите:

#header #cart {
  min-width: 300px;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 20;
}

замените на:

#header #cart {
  min-width: 300px;
  position: absolute;
  right: 0;
  top: 60px;
  z-index: 20;
}

[Levchik]

Vaccina (01 Апрель 2015 - 05:31) писал:

Спасибо!!!

[Levchik]

Vaccina (01 Апрель 2015 - 05:31) писал:

Подскажите, как в строке верхнего меню вернуть светло-серый фон?

[Levchik]

Levchik (01 Апрель 2015 - 06:34) писал:

Подскажите, как в строке верхнего меню вернуть светло-серый фон?

уже не актуально, исправлено