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


Редактирование Верхних Блоков

Автор Снежколеп, 09 июня 2015 09:58

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

#1 Снежколеп

Снежколеп

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

  • Пользователи
  • PipPipPip
  • 105 сообщений
  • ГородМосква

Отправлено 09 Июнь 2015 - 09:58

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

Подскажите пожалуйста, как вместо вот этого блока (фото прикрепляю) установить на это место HTML календарь, вот от куда можно взять календарь: http://www.pojelanie.ru/inf/

Изображение

Прошу помочь с данным вопросом!

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 09 Июнь 2015 - 10:06

Просмотр сообщенияСнежколеп (09 Июнь 2015 - 09:58) писал:

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

Подскажите пожалуйста, как вместо вот этого блока (фото прикрепляю) установить на это место HTML календарь, вот от куда можно взять календарь: http://www.pojelanie.ru/inf/

Изображение

Прошу помочь с данным вопросом!

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <div class="block secured-payment col-xs-3 col-md-6">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>

Замените на:
		 <div class="block secured-payment col-xs-3 col-md-6" style="padding: 0;">
			 <a href="http://www.pojelanie.ru/" target="_blank">
			 <img border="0" src="http://pojelanie.ru/inf/calendar.png" width="165" height="200" alt="Календарь праздников"></a>
		 </div>

#3 Снежколеп

Снежколеп

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

  • Пользователи
  • PipPipPip
  • 105 сообщений
  • ГородМосква

Отправлено 09 Июнь 2015 - 11:03

Просмотр сообщенияFirefly (09 Июнь 2015 - 10:06) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <div class="block secured-payment col-xs-3 col-md-6">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>

Замените на:
		 <div class="block secured-payment col-xs-3 col-md-6" style="padding: 0;">
			 <a href="http://www.pojelanie.ru/" target="_blank">
			 <img border="0" src="http://pojelanie.ru/inf/calendar.png" width="165" height="200" alt="Календарь праздников"></a>
		 </div>

Огромное спасибо!

#4 Снежколеп

Снежколеп

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

  • Пользователи
  • PipPipPip
  • 105 сообщений
  • ГородМосква

Отправлено 09 Июнь 2015 - 13:48

Просмотр сообщенияFirefly (09 Июнь 2015 - 10:06) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		 <div class="block secured-payment col-xs-3 col-md-6">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>

Замените на:
		 <div class="block secured-payment col-xs-3 col-md-6" style="padding: 0;">
			 <a href="http://www.pojelanie.ru/" target="_blank">
			 <img border="0" src="http://pojelanie.ru/inf/calendar.png" width="165" height="200" alt="Календарь праздников"></a>
		 </div>

Ещё один такой вопросик!

Подскажите пожалуйста, как отредактировать теперь верхний блок, в фото показываю как необходимо всё сделать.

Фото 1
Изображение

Фото 2
Изображение

#5 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 09 Июнь 2015 - 14:34

Просмотр сообщенияСнежколеп (09 Июнь 2015 - 13:48) писал:

Ещё один такой вопросик!

Подскажите пожалуйста, как отредактировать теперь верхний блок, в фото показываю как необходимо всё сделать.

Фото 1
Изображение

Фото 2
Изображение

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, в самом конце добавьте код:
.block.secured-payment.col-xs-3.col-md-6 {
  margin: -38px 0 0;
}

#6 Снежколеп

Снежколеп

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

  • Пользователи
  • PipPipPip
  • 105 сообщений
  • ГородМосква

Отправлено 09 Июнь 2015 - 14:52

Просмотр сообщенияFirefly (09 Июнь 2015 - 14:34) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, в самом конце добавьте код:
.block.secured-payment.col-xs-3.col-md-6 {
margin: -38px 0 0;
}

Спасибо, всё мега супер пупер =)

#7 Tagashi

Tagashi

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

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

Отправлено 31 Июль 2015 - 09:23

SL 352694
День добрый. Как в зеленой области разместить свои ссылки (кнопки) ?

То, что выделено красным прямоугольником уменьшить по толщине скажем до 1-2px .
Как удалить иконки корзины и сравнения?
И как удалить виджет ВК
Спасибо!

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

  • 1099.png

#8 Vaccina

Vaccina

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

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

Отправлено 01 Август 2015 - 02:37

1. В шаблоне HTML найдите:
</div>
			  <!-- END: Main Navigation -->
			 
			  <div class="nav-right col-xs-2 col-md-3">
				<div class="header-right-inner">
после него разместите код необходимых кнопок.
2. Уточните пожалуйста, актуален ли вопрос, так как у вас немного иначе отображается шапка сайта?
3. В шаблоне HTML найдите и удалите:
<div class="block-search">
					<form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
					  <div class="form-search">
						<input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину...">
						<button type="submit" title="Искать" class="button search-submit"></button>
					  </div>
					</form>
				  </div>
				  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
				  <div class="block block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %}">
					<div class="compare-toggle">
					  <a href="{COMPARE_URL}" class="link-hide"></a>
					  <span class="compare-num">{COMPARE_GOODS_COUNT}</span>
					</div>
					<div class="block-content clearfix">
					  <div class="block-inner">
						<ul id="compare-items">
						  {% FOR compare_goods %}
						  <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}>
							<a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="btn-remove close remove-compare" title="Убрать товар из списка сравнения">×</a>
							<p class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p>
							<a href="#" class="dataid">{compare_goods.ID}</a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="actions">
						  <a href="{COMPARE_URL}" class="button">Перейти к Сравнению</a>
						</div>
					  </div>
					</div>
				  </div>
				  {% ENDIF %}
				  <div class="block mini-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
					<div class="block-title">
					  <a href="{CART_URL}" class="link-hide"></a>
					  <div class="cart-status">
						<span class="cart-count">{CART_COUNT_TOTAL}</span>
					  </div>
					</div>
					<div class="block-content dropdown-cart">
					  <div class="block-inner">
						{% IF cart_count_empty %}
						<p class="block-subtitle empty">Ваша корзина пуста</p>
						{% ELSE %}
						<p class="block-subtitle not-empty">В корзине:</p>
						{% ENDIF %}
						<ul id="cart-sidebar" class="mini-products-list">
						  {% FOR cart_items %}
						  <li class="cart-item">
							<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=azure{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
							<div class="product-details">
							  <p class="product-name">
								<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
							  </p>
							  <p class="product-mod">
								{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
							  </p>
							</div>
							<div class="product-details-bottom">
							  <div class="price-box">
								<span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW}</span>
							  </div>
							  <p class="quantity-container">
								<span class="label-qty">Количество:</span>
							   
								<span class="qty inputText">{cart_items.ORDER_LINE_QUANTITY}</span>
							  </p>
							</div>
							<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove btn-remove"></a>
						  </li>
						  {% ENDFOR %}
						</ul>
						<div class="bottom-action actions">
						  <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
						  <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
						</div>
					  </div>
					</div>
				  </div>
4. В шаблоне HTML найдите и удалите:
<!-- Виджет сообществ -->
	<div id="community_widget_right">
	  <div class="community-widget">
		<span class="community-widget-button"><i class="fa fa-vk"></i></span>
		<div class="community-widget-content">
		  <!-- VK Widget. Замените id(20003922) на id Вашей группы -->
		  <div id="vk_groups"></div>
		  <script type="text/javascript">
		  VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922);
		  </script>
		</div>
	  </div>
	</div>

#9 Tagashi

Tagashi

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

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

Отправлено 03 Август 2015 - 15:00

И снова добрый день !.

Зеленым - необходимо сделать полосу в 1-2px белым
Красным - Расположить Кнопки-ссылки (на другие страницы на сайте)
и необходимо ПОДНЯТЬ  логотип в белую зону., т.е. выше.

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

  • 76.png

#10 Tagashi

Tagashi

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

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

Отправлено 03 Август 2015 - 20:21

Помогите а  ?

#11 Cupuyc

Cupuyc

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

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

Отправлено 03 Август 2015 - 20:55

Просмотр сообщенияTagashi (03 Август 2015 - 15:00) писал:

И снова добрый день !.

Зеленым - необходимо сделать полосу в 1-2px белым
Красным - Расположить Кнопки-ссылки (на другие страницы на сайте)
и необходимо ПОДНЯТЬ  логотип в белую зону., т.е. выше.

Здравствуйте,
1) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}

Замените его на:
#menu .inner {width: 100%;background: white;}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#menu {position: relative;margin: 0 0;max-height: 80px;}

Замените его на:
#menu {position: relative;margin: 0 0;max-height: 2px;}

2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				
				</form>
			  </div>
			</div>

Замените его на:
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				
				</form>
			  </div>
			</div>
			<div class="block">
			  <a class="ssylki" style="color: white; border-radius: 15px; border: 1px solid white; padding: 10px;">Вариант 1</a>
			</div>

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:
color: white; border-radius: 15px; border: 1px solid white; padding: 10px;
.ssylki {
  color: white;
  border-radius: 15px;
  border: 1px solid white;
  padding: 10px;
}
.block {
	color: white!important;
	position: relative;
	top: 23px;
	left: -355px;
	width: 100%;
	height: 40px;
}


3) В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header #logo {display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

Замените его на:
#header #logo {position: relative; top: -38px;display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#12 Tagashi

Tagashi

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

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

Отправлено 04 Август 2015 - 14:16

Сириус, вы не поверите. Но желаемого не получилось. Как будем побеждать ?)

#13 Cupuyc

Cupuyc

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

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

Отправлено 04 Август 2015 - 14:18

Просмотр сообщенияTagashi (04 Август 2015 - 14:16) писал:

Сириус, вы не поверите. Но желаемого не получилось. Как будем побеждать ?)

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

#14 Tagashi

Tagashi

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

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

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

После последних двух пунктов, что вы написали, сбиваются нижний блок 4 кнопок (доставка удобное время и.т.д) кнопка появляется, но не по середине , а по верхнему краю. Белую полосу в 1px я не заметил )

кстати, при вставки кода
рядом с COLOR красный крест
color: white; border-radius: 15px; border: 1px solid white; padding: 10px;
.ssylki {
  color: white;
  border-radius: 15px;
  border: 1px solid white;
  padding: 10px;
}
.block {
        color: white!important;
        position: relative;
        top: 23px;
        left: -355px;
        width: 100%;
        height: 40px;
}

#15 Cupuyc

Cupuyc

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

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

Отправлено 04 Август 2015 - 14:36

Просмотр сообщенияTagashi (04 Август 2015 - 14:21) писал:

После последних двух пунктов, что вы написали, сбиваются нижний блок 4 кнопок (доставка удобное время и.т.д) кнопка появляется, но не по середине , а по верхнему краю. Белую полосу в 1px я не заметил )

кстати, при вставки кода
рядом с COLOR красный крест
color: white; border-radius: 15px; border: 1px solid white; padding: 10px;
.ssylki {
  color: white;
  border-radius: 15px;
  border: 1px solid white;
  padding: 10px;
}
.block {
color: white!important;
position: relative;
top: 23px;
left: -355px;
width: 100%;
height: 40px;
}

Данное предупреждение возникает из-за использования атрибута "!important;". Пожалуйста, выполните изменения из предыдущей инструкции для продолжения.

#16 Tagashi

Tagashi

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

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

Отправлено 04 Август 2015 - 14:46

Все сделал. Зайдите посмотрите )  http://kamastroy.com/   из плюсов - появилась белая полоса (как надо ) из минусов... нижний блок из 4 кнопок после слайдера (под ним) уехал и стал вертикальным.

кнопки расположены некорректно

#17 Tagashi

Tagashi

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

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

Отправлено 04 Август 2015 - 16:32

помогите помогите, застопорилось  все из за сайта (

#18 Cupuyc

Cupuyc

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

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

Отправлено 04 Август 2015 - 19:23

Просмотр сообщенияTagashi (04 Август 2015 - 14:46) писал:

Все сделал. Зайдите посмотрите )  http://kamastroy.com/   из плюсов - появилась белая полоса (как надо ) из минусов... нижний блок из 4 кнопок после слайдера (под ним) уехал и стал вертикальным.
кнопки расположены некорректно

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				
			 </form>
			 </div>
		 </div>
		 <div class="block">
			 <a class="ssylki" style="color: white; border-radius: 15px; border: 1px solid white; padding: 10px;">Вариант 1</a>
		 </div>

Замените его на:
			 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
				
			 </form>
			 </div>
		 </div>
		 <div class="blocks">
			 <a class="ssylki">Вариант 1</a>
		 </div>

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
color: white; border-radius: 15px; border: 1px solid white; padding: 10px;
.ssylki {
color: white;
border-radius: 15px;
border: 1px solid white;
padding: 10px;
}
.block {
color: white!important;
position: relative;
top: 23px;
left: -355px;
width: 100%;
height: 40px;
}

Замените его на:
.ssylki {
color: white;
border-radius: 15px;
border: 1px solid white;
padding: 10px;
}
.blocks {
color: white!important;
position: relative;
top: 23px;
left: -355px;
width: 100%;
height: 40px;
}

#19 Tagashi

Tagashi

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

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

Отправлено 05 Август 2015 - 00:24

все сделал, с кнопками беда .см. в приложении

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

  • 213123123123123123123123.jpg

#20 Vaccina

Vaccina

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

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

Отправлено 05 Август 2015 - 01:25

В шаблоне HTML найдите:
<div class="header-right col-xs-8">
			 <div class="header-right-inner">
			 <ul class="connect-us">
				 <li><a href="#" class="fa fa-facebook"></a></li>
				 <li><a href="#" class="fa fa-twitter"></a></li>
				 <li><a href="#" class="fa fa-youtube"></a></li>
				 <li><a href="#" class="fa fa-vk"></a></li>
			 </ul>
	 <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
							
						 </form>
						 </div>
				 </div>
				 <div class="blocks">
						 <a class="ssylki">Вариант 1</a>
				 </div>
					 <div class="block">
						 <a class="ssylki" style="color: white; border-radius: 15px; border: 1px solid white; padding: 10px;">Вариант 1</a>
					 </div>

замените на:
<div class="header-right col-xs-8">
<div class="header-right-inner">
<div class="blocks">
	 <a class="ssylki">Вариант 1</a>
</div>
<div class="blocks">
	 <a class="ssylki">Вариант 1</a>
</div>
</div>
</div>

далее в main.css найдите:
.blocks {
color: #FFF !important;
position: relative;
top: 23px;
left: -355px;
width: 100%;
height: 40px;
}

замените на:
.blocks {
color: #FFF !important;
position: relative;
display: inline-block;
margin: 0px 10px;
}

далее найдите:
#header {
position: relative;
padding: 40px 0px;
}

замените на:
#header {
position: relative;
padding: 0px;
}

далее найдите:
#header #logo {
position: relative;
display: block;
margin-left: 0px;
float: left;
box-sizing: border-box;
top: -38px;
}
замените на:
#header #logo {
	position: relative;
	display: block;
	float: left;
	margin-left: 0px;
	box-sizing: border-box;
	clear: both;
}
далее найдите:
#header .header-right .header-right-inner {
float: right;
}
замените на:
#header .header-right .header-right-inner {
float: right;
clear: both;
height: 65px;
line-height: 65px;
}

после этого кнопки должны быть ровно на синей полосе
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Главная
  6. Privacy Policy