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


Срочно Нужна Помощь

Автор Василий, 08 июля 2013 18:00
картинки увеличение

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

#21 Василий

Василий

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

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

Отправлено 09 Июль 2013 - 17:47

Подскажите еще пожалуйста как сделать такую функцию к каждому товару (прикрепляю скрины)

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

  • 12.png
  • 22.png

#22 Koderhan

Koderhan

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

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

Отправлено 09 Июль 2013 - 18:29

По сути это та же самая кнопка поделится. установка кнопки была описана http://forum.storela...кса/#entry30994

#23 Василий

Василий

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

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

Отправлено 09 Июль 2013 - 19:30

Спасибо)
Помогите еще немного сдвинуть боковины чуть-чуть пошире, до красных линий в скрине

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

  • раздвинуть бока.png

#24 Сake

Сake

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

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

Отправлено 10 Июль 2013 - 00:15

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

#25 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 08:41

плохо

#26 Taisia

Taisia

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

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

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

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

#27 Василий

Василий

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

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

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

Помогите сделать следующие:

1. Убрать правую колонку.
2. Убрать табличку под слайдером.
3. Уменьшить поиск и перенести его в левую колонку.
4. Убрать колонку с контактами в шапке сайта.
5. Перенести надпись "Товаров в корзине" на верх.
6. Убрать корзину.

В скриншоте все подробно отмечено.

Точнее надо строчку "товаров в корзине" поднять выше и изменить картинку.

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

  • смена стиля.png

#28 Koderhan

Koderhan

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

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

Отправлено 10 Июль 2013 - 12:52

Предварительно создав резервную копию шаблона.
1, 2
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
#right {
	display: none;
}
#mainindex {
	width: 100%;
}
#content #mainindex .headline {
	width: 97%;
}

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#content #mainindex .headline { background:url({ASSETS_IMAGES_PATH}headline-index-bg.jpg) top center no-repeat; width:492px; }
Заменить:
#content #mainindex .headline {width:492px; }

3. Поисковая строка привязана к фоновой картинке. Это изображение. Перемещение потребует много изменений в графике.
4, 5, 6.

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
#header .blocks .rght ul {
	margin: 0px 0 0 0px;
	float: right;
}
.m1 > a {
	display: inline-block;
	float: left;
}
.m1 {
	width: 200px;
	margin-left: 90px;
	margin-top: 10px;
}

В файле "HTML" код:
<ul style="height:60px;">
			  <li class="title">Контакты для связи:</li>
			  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</li>{% ENDIF %}
			  {% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
			</ul>
			{% IF SETTINGS_STORE_WORK_TIME %}
			  <ul>
				<li class="timework padd">Работает {SETTINGS_STORE_WORK_TIME}</li>
			  </ul>
			{% ENDIF %}
Заменить:
<div class="m1">
			  <a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
			  <ul onclick="document.location='{CART_URL}';">
				{% IF cart_count_empty %}
				  <li class="default off">Товаров на:</li>
				  <li class="money cartSum">0 {CURRENCY_NAME}</li>
				{% ELSE %}
				  {% FOR cart_sum %}
					<li class="default">Товаров на:</li>
					<li class="hover">Заказать на:</li>
					<li class="money cartSum">{cart_sum.NOW | money_format}</li>
				  {% ENDFOR %}
				{% ENDIF %}
			  </ul>
			</div>
Удалить код корзины:
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
		<ul onclick="document.location='{CART_URL}';">
		  {% IF cart_count_empty %}
			<li class="default off">Товаров на:</li>
			<li class="money cartSum">0 {CURRENCY_NAME}</li>
		  {% ELSE %}
			{% FOR cart_sum %}
			  <li class="default">Товаров на:</li>
			  <li class="hover">Заказать на:</li>
			  <li class="money cartSum">{cart_sum.NOW | money_format}</li>
			{% ENDFOR %}
		  {% ENDIF %}
		</ul>

#29 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 15:22

1. Как поднять слайдер выше, до полосы как в скрине.

2. Как изменить запись корзины-   вместо двух строчек, надо чтобы в одну написано было.
И при наведение текст менялся с "Товаров на: 0 рублей" на "Заказать на: 0 рублей"

3. Как вставить сюда поиск??? Картинку я уже переделал как надо.

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

  • смена стиля1.png

#30 sengun

sengun

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

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

Отправлено 10 Июль 2013 - 16:26

Просмотр сообщенияВасилий (10 Июль 2013 - 15:22) писал:

1. Как поднять слайдер выше, до полосы как в скрине.

2. Как изменить запись корзины-   вместо двух строчек, надо чтобы в одну написано было.
И при наведение текст менялся с "Товаров на: 0 рублей" на "Заказать на: 0 рублей"

3. Как вставить сюда поиск??? Картинку я уже переделал как надо.
В html найдите такой код: 
<div class="search">
		 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
			 <div>
			 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" />
			 <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" />
			 </div>
			
		 </form>
	 </div>
Его вырежьте и вставьте перед строчкой 
<!-- Каталог сайта -->
А после этой строчки код 
<div class="block">
измените так 
<div class="block" style="margin-top:50px;">
Теперь в файле main.css найдите код
/*Верхняя панель сайта*/
#panelsite { height:104px; width:100%; }
#panelsite div { height:104px; float:left; overflow:hidden; }
Измените его так 
#panelsite { height:40px; width:100%; }
#panelsite div { height:40px; float:left; overflow:hidden; }
Там же код 
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
	 #panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
	 #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
замените на 
.search { float:left; margin: 0px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:225px; height:41px; padding:10px 0 0 0px;}
	 .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:225px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
	 .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
Теперь в файле html в коде
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
В последней строчке атрибут padding:1em; замените на padding: 0 1em 1em 1em;

Так мы подняли слайдер и перенесли поиск. Скоро будет про корзину.

#31 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 16:43

Просмотр сообщенияsengun (10 Июль 2013 - 16:26) писал:

В html найдите такой код: 
<div class="search">
		 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
			 <div>
			 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" />
			 <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" />
			 </div>
			
		 </form>
	 </div>
Его вырежьте и вставьте перед строчкой 
<!-- Каталог сайта -->
А после этой строчки код 
<div class="block">
измените так 
<div class="block" style="margin-top:50px;">
Теперь в файле main.css найдите код
/*Верхняя панель сайта*/
#panelsite { height:104px; width:100%; }
#panelsite div { height:104px; float:left; overflow:hidden; }
Измените его так 
#panelsite { height:40px; width:100%; }
#panelsite div { height:40px; float:left; overflow:hidden; }
Там же код 
#panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
	 #panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
	 #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
замените на 
.search { float:left; margin: 0px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:225px; height:41px; padding:10px 0 0 0px;}
	 .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:225px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
	 .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }
Теперь в файле html в коде
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
В последней строчке атрибут padding:1em; замените на padding: 0 1em 1em 1em;

Так мы подняли слайдер и перенесли поиск. Скоро будет про корзину.

Слайдер поднялся как и хотел.

Картинка поиска стала на место, но кнопки поиска нету...http://vsedlyvseh.ru/
а при нажатии на поисковую строку, срабатывает ссылка слайдера(

#32 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 16:57

Как это еще исправить?

Забыл еще спросить как убрать корзину отсюда

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

  • смена стиля2.png
  • смена стиля3.png

#33 sengun

sengun

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

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

Отправлено 10 Июль 2013 - 17:22

Просмотр сообщенияВасилий (10 Июль 2013 - 15:22) писал:

2. Как изменить запись корзины-   вместо двух строчек, надо чтобы в одну написано было.
И при наведение текст менялся с "Товаров на: 0 рублей" на "Заказать на: 0 рублей"
В html найдите код 
<li class="default">Товаров на:</li>
									 <li class="hover">Заказать на:</li>
замените его на этот 
<li class="default hvr" style="cursor:pointer;">Товаров на:</li>
И теперь в main.js после строки 
$(document).ready(function(){
вставьте такой код 
$(".hvr").hover(
	 function () {
	 $(this).text("Заказать на:");
	 },
	 function () {
	 $(this).text("Товаров на:");
	 }
);
Чтобы убрать корзину из левого блока, найдите код в html 
<!-- Корзина -->
<div class="block">
	 <div class="blocktitle bluelarge">
	 <a href="{CART_URL}" title="Корзина">Корзина</a>
	 </div>
	 <div class="blockmain cart padd cartInfo">
	 <ul>
		 <li class="img"><a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a></li>
		 <li class="button">
		 <p class="fnt11b txtalgnlft cartSum">
		 {% IF cart_count_empty %}Итого: 0 {CURRENCY_NAME} {% ELSE %}{% FOR cart_sum %}Итого: {cart_sum.NOW | money_format}{% ENDFOR %}{% ENDIF %}
		 </p>
		 <a href="{CART_URL}" title="Оформить заказ в {SETTINGS_STORE_NAME}" class="whtblue">Оформить заказ</a></li>
	 </ul>
	 </div>
	 <div class="blockbottom">
	 </div>
</div>
<!-- END Корзина -->
В нем строчку в самом начале <div class="block"> измените так 
<div class="block" style="display: none;">

Чтобы передвинуть слово "поиск" влево, в main.css найдите код 
.search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:225px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
Здесь атрибуту padding:0 5px 0 131px; вместо 131px присвойте 15px

В это же строчке измените background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; на background:none; . Чтобы кнопка не вылазила за пределы поиска.
Т.е. строчка будет выглядеть так: 
.search input.text { float:left; background:none; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:225px; height:30px; padding:0 5px 0 15px; line-height:30px; cursor:default; }

#34 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 17:30

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

http://vsedlyvseh.ru/

#35 sengun

sengun

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

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

Отправлено 10 Июль 2013 - 19:04

Просмотр сообщенияВасилий (10 Июль 2013 - 17:30) писал:

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

http://vsedlyvseh.ru/
В коде слайдера в html 
<!-- Непосредственный код слайдера -->
	<div id="slider">
	  <a href="http://vsedlyvseh.ru/catalog/Jelektromobili-2"><img src="http://www.toy.ru/upload/rk/505/PegPerego.jpg" alt="" />
нет закрывающегося тега </a>. Его следует поставить сразу после приведенного кода.
А строка корзины меняется корректно. Попробуйте почистить кэш.

#36 sengun

sengun

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

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

Отправлено 10 Июль 2013 - 19:15

В main.css в коде 
search input.text { float:left; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:225px; height:30px; padding:0 5px 0 15px; line-height:30px; cursor:default;  background:none;}
атрибуту width присвойте значение 145px; - так кнопка поиска встанет на место

#37 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 19:16

Не получается сделать строку корзины((
посмотрите

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

  • смена стиля4.png
  • смена стиля5.png

#38 sengun

sengun

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

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

Отправлено 10 Июль 2013 - 19:22

Просмотр сообщенияВасилий (10 Июль 2013 - 19:16) писал:

Не получается сделать строку корзины((
посмотрите
Все верно. Текст "Товаров на:" меняется при наведении на него на текст "Заказать на:", если в корзине есть хотя бы 1 товар. А вам нужно, чтобы менялся текст "Товаров в корзине:", который выводится в случае, когда в корзине нет товаров? Но есть ли смысл менять надпись на "Заказать" , когда корзина пуста?

#39 Василий

Василий

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

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

Отправлено 10 Июль 2013 - 19:27

как сделать такое меню?

http://xn--22-jlcq.xn--p1ai/

Просмотр сообщенияsengun (10 Июль 2013 - 19:22) писал:

Все верно. Текст "Товаров на:" меняется при наведении на него на текст "Заказать на:", если в корзине есть хотя бы 1 товар. А вам нужно, чтобы менялся текст "Товаров в корзине:", который выводится в случае, когда в корзине нет товаров? Но есть ли смысл менять надпись на "Заказать" , когда корзина пуста?
Мне надо, чтобы оно в строчку было написано.
Мне практически все надо сделать, что на этом сайте http://xn--22-jlcq.xn--p1ai/

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

  • смена стиля6.png

#40 sengun

sengun

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

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

Отправлено 10 Июль 2013 - 19:36

Просмотр сообщенияВасилий (10 Июль 2013 - 19:27) писал:

как сделать такое меню?

http://xn--22-jlcq.xn--p1ai/


Мне надо, чтобы оно в строчку было написано.
В main.css код 
#header .blocks .rght ul {
	 margin: 0px 0 0 0px;
	 float: right;
}
изменить на 
#header .blocks .rght ul {
	 margin: 0px 0 0 0px;
	 float: right;
	 padding-top: 15px;
}
А код 
.m1 {
	 width: 200px;
	 margin-left: 90px;
	 margin-top: 10px;
}
Заменить на 
.m1 {
	 width: 225px;
	 margin-left: 90px;
	 margin-top: 10px;
}
Теперь в html код 
<li class="default hvr" style="cursor:pointer;">Товаров на:</li>
										<li class="money cartSum">{cart_sum.NOW | money_format}</li>
замените на 
<li class="default hvr" style="cursor:pointer; display: inline;">Товаров на:</li>
										<li class="money cartSum" style="cursor:pointer; display: inline;">{cart_sum.NOW | money_format}</li>

Обратно в Шаблон Пластик


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

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

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