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


Изменение Стилистики

Автор tega4, 31 янв. 2014 15:16
переместить элементы

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

#1 tega4

tega4

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

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

Отправлено 31 Январь 2014 - 15:16

Аккаунт: SL-268427

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

1. Разделить контакты, чтобы телефоны стояли отдельно от скайпа, e-mail`а и т.д.
Для этого достаточно задать разный класс и потом перемещать их, или еще необходимо заменять общий класс?
(синий цвет)
2. Необходимо на верх будет вынести ссылки регистрации и входа (красный цвет)
3. Не помню какой класс отвечает за добавление картинки к корзине, и как их разделить с поиском?
4. Хочу сделать такой же подвал. И как убрать снизу меню?
5. Перенести каталог Товаров влево.
6. Отображение каталога оставить только таблицей.
7. Как добавить кнопку быстрого просмотра, как тут? http://td-afrodita.r...dery-prodazh-2/
8. Добавить отзывы к каждому товару от контакта.

#2 tega4

tega4

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

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

Отправлено 01 Февраль 2014 - 16:41

мне хоть на один вопрос ответят?

#3 @lina_va

@lina_va

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

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

Отправлено 01 Февраль 2014 - 16:50

Просмотр сообщенияtega4 (01 Февраль 2014 - 16:41) писал:

мне хоть на один вопрос ответят?
1) В шаблоне html удалите следующий код:
				<!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <tr>
					<td class="contentTableHeadMainSkype">
					  <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
					</td>
				  </tr>
				{% ENDIF %}

после:
	  <!-- end Контакты -->
добавьте:
		 <!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
					<div class="contentTableHeadMainSkype">
					  <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
					</div>
				{% ENDIF %}
теперь Вы можете перемещать класс в main.css. для этого добавьте:
.contentTableHeadMainSkype {
}
добавьте необходимые параметры
цвет надписи Вы можете откорректировать в следующем блоке:
.valignMiddle {
vertical-align: middle !important;
}

2) Если Вы хотите добавить ссылки на регистрацию и вход в верхнее меню,  воспользуйтесь вкладкой САЙТ- Меню- Добавить пункт меню-

#4 @lina_va

@lina_va

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

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

Отправлено 01 Февраль 2014 - 17:01

3) Корзина с поиском находятся в разных классах. Картинку, которую Вы видите- это backgraund
Чтобы добавить корзину, в html перед кодом:
	 <!-- Корзина -->
	 <div id="cartInfo">
добавьте:
<img src="{ASSETS_IMAGES_PATH}k.jpg" style="
width: 50px;
height: 50px;
padding-left: 200px;
padding-top: 15px;
">
	 </a>


k.jpg
- название загруженного изображения
4) Сайт- меню- удалить нижнее меню
5)B HTML найдите код:
		  <td class="content_catalog cont250">
			<!-- Каталог -->
			  <div class="pad-box">
				<ul class="leftmenu">
				  <li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>
					<ul>
					{%IFNOT catalog_empty %}
					  {% FOR catalog %}
						{% IFNOT catalog.HIDE %}
						  <li class="cat-item">
							<a href="{catalog.URL}"
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
							  {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
							>{catalog.NAME}</a>
						  </li>
						{% ENDIF %}
					  {% ENDFOR %}
					{% ENDIF %}
					</ul><br />
				  </li>
			  <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
				  {% IF TARIFF_FEATURE_GOODS_FILTERS %}
					<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
					<form action="" method="get">
					  <!-- Если есть возможность фильтрации товаров по ценам -->
					  {% IF SHOW_GOODS_PRICE_FILTERS %}
						<li class="goods_filters"><br /><h2>Цена</h2>
						  <ul>
							<div class="contentTbodySearchPriceFilterBlock cornerAll">
							  <div class="goodsFilterPriceRangePointers"><div class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</div><div class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</div></div>
							  <div id="goods-filter-price-slider"></div>
							  <div class="goodsFilterPriceInfo">
								от <input id="goods-filter-min-price" type="text" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
								до <input id="goods-filter-max-price" type="text" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" />
							  </div>
							  <div class="goodsFilterPriceSubmit">
								<input class="more-link onlybutton" type="submit" value="Показать" style="padding-right:11px;" />
							  </div>
							</div>
						  </ul>
						</li>
					  {% ENDIF %}
					  <!-- END Если есть возможность фильтрации товаров по ценам -->
					  <!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
					  {% IF SHOW_GOODS_FILTERS %}
						<li class="goods_filters"><br /><h2>Фильтры</h2>
						  <ul>
							<div class="contentTbodySearchFilterBlock cornerAll">
							  <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд батареи) -->
							  {% FOR filter_attr_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} />
								  <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
							  <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
							  {% FOR filter_prop_list %}
								<span class="contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
								<div class="contentTbodySearchFilterBlockValues">
								{% FOR values %}
								  <input type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" value="1" id="filterPropVal{filter_prop_list.values.ID}" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} >
								  <label for="filterPropVal{filter_prop_list.values.ID}">{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</label><br />
								{% ENDFOR %}
								</div>
							  {% ENDFOR %}
							</div>
						  </ul>
						</li>
					  {% ENDIF %}
					</form>
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <li class="compare"><br /><h2><a href="{COMPARE_URL}">Сравнить товары</a></h2>
						<div class="contentTbodyCompare">
						  {%IF COMPARE_GOODS_COUNT=0 %}
							<em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em>
						  {% ELSE %}
							<em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br />
							<a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a>
						  {% ENDIF %}
						</div><br />
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				  <!-- END Если в тарифном плане подключен модуль сравнения товаров -->
				  <!-- Последние товары, просмотренные пользователем -->
				  {% IFNOT recently_viewed_goods_empty %}
				  <li class="recent_viewed"><br /><h2>Вы смотрели</h2>
					<div class="contentTbodyRecentlyViewed">
					  <table class="recent_viewed">
						{% FOR recently_viewed_goods %}
						<tr class="txtalgnlft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
						  <td class="img txtalgncnt">
							<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
						  </td>
						  <td class="link statetitle fnt12n txtalgnlft">
							<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
						  </td>
						</tr>
						{% ENDFOR %}
					  </table>
					</div>
				  </li>
				  {% ENDIF %}
				  <!-- Последние товары, просмотренные пользователем -->
				  <!-- Если в тарифном плане подключен модуль новостей -->
				  {% IF TARIFF_FEATURE_NEWS %}
					<!-- Все новости -->
					{%IFNOT news_list_all_empty %}
					  <li class="news_all"><br /><h2><a href="{NEWS_ALL_URL}">Лента новостей</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_all %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_all.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_all.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_all.TEXT_SHORT} </div>
								{% IF news_list_all.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_all.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ALL_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Новости магазина -->
					{%IFNOT news_list_shop_empty %}
					  <li class="news_shop"><br /><h2><a href="{NEWS_SHOP_URL}">Новости магазина</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список новостей магазина -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_shop %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_shop.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_shop.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_shop.TEXT_SHORT} </div>
								{% IF news_list_shop.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_shop.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_SHOP_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Статьи -->
					{%IFNOT news_list_articles_empty %}
					  <li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_articles %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_articles.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_articles.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_articles.TEXT_SHORT} </div>
								{% IF news_list_articles.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_articles.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_ARTICLES_URL}">Архив статей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
					<!-- Материалы СМИ -->
					{%IFNOT news_list_mass_media_empty %}
					  <li class="news_mass_media"><br /><h2><a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a></h2>
						<div class="contentTbodyNews">
						  <!-- Список статей -->
						  <div class="contentTbodyNewsBlock">
							{% FOR news_list_mass_media %}
							  <div class="contentTbodyNewsBlockItem">
								<a href="{news_list_mass_media.URL}" class="contentTbodyNewsBlockItemTitle" title="Перейти к странице новости">{news_list_mass_media.TITLE}</a><br />
							   
								<div class="newsListBlockItemPreview">{news_list_mass_media.TEXT_SHORT} </div>
								{% IF news_list_mass_media.SHOW_TIME %}<em class="contentTbodyNewsBlockItemTime">{news_list_mass_media.TIME | date("d.m.Y")}</em><br />{% ENDIF %}
							  </div>
							{% ENDFOR %}
							<a class="contentTbodyNewsArchive" href="{NEWS_MASS_MEDIA_URL}">Архив новостей</a>
						  </div>
						</div>
					  </li>
					{% ENDIF %}
				  {% ENDIF %}
				</ul>
			  </div>
			</td>
вставьте его после:
	<!-- контент -->
	<div class="container" id="cpages">
	  <div class="content_page">
		<table>
		  <tr>

#5 @lina_va

@lina_va

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

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

Отправлено 01 Февраль 2014 - 17:22

6) Во вкладке Товары удаляем:
{% IF GOODS_VIEW_TYPE=1 %}
	 <!-- Список товаров. Список -->
	 {% FOR goods %}
	 <div class="listing">
		 <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>

		 <div class="contm">
		 <h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
		 <p>
			 {goods.DESCRIPTION_SHORT}
		 </p>
		 <p>
			 Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
			 Цена без учёта скидки: <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a><br />
			 <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
			 Старая цена: <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
			 {% ENDIF %}
		 </p>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <input type="hidden" name="hash" value="{HASH}" />
			 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
			 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
			 <a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;"
href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </p>
		 </form>
		 <p>
			 <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
		 </p>
		 </div>
		 <div class="clr"></div>
	 </div>
	 {% ENDFOR %}
	 <!-- /Список товаров. Список -->
{% ELSE %}


{% ENDIF %}
после
<!-- /Список товаров. Таблица -->
и
		 <td class="alignCenter viewSelector">
		 <!-- Переключатель режима просмотра -->
		 {% IF GOODS_VIEW_TYPE=2 %}
		 <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong>&nbsp;
		 <a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a>
		 {% ELSE %}
		 <a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a>&nbsp;
		 <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong>
		 {% ENDIF %}
		 <!-- /Переключатель режима просмотра -->
		 </td>
8) Отзывы у каждого товара уже присутствуют в шаблоне. уточните вопрос

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

  • 1.png

#6 tega4

tega4

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

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

Отправлено 01 Февраль 2014 - 21:42

1. Разделить контакты, чтобы телефоны стояли отдельно от скайпа, e-mail`а и т.д.
Для этого достаточно задать разный класс и потом перемещать их, или еще необходимо заменять общий класс?
(синий цвет)
2. Необходимо на верх будет вынести ссылки регистрации и входа (красный цвет)
3. Не помню какой класс отвечает за добавление картинки к корзине, и как их разделить с поиском?
4. Хочу сделать такой же подвал. И как убрать снизу меню? Изображение
5. Перенести каталог Товаров влево.
6. Отображение каталога оставить только таблицей.
7. Как добавить кнопку быстрого просмотра, как тут? http://td-afrodita.r...dery-prodazh-2/
8. Добавить отзывы к каждому товару от контакта.

Просмотр сообщения@lina_va (01 Февраль 2014 - 17:22) писал:

8) Отзывы у каждого товара уже присутствуют в шаблоне. уточните вопрос
Я хочу убрать стандартные отзывы и вместо них поставить отзывы от Вконтакте такого плана:
Скрипт на отзывы я сделаю сама, Вы мне только скажите какой блок необходимо удалить, чтобы не испортить функционал сайта.

Пока на повестке дня остаются следующие вопросы:
4. Хочу сделать такой же подвал.
7. Как добавить кнопку быстрого просмотра, как тут? http://td-afrodita.r...dery-prodazh-2/
8. Добавить отзывы к каждому товару от контакта.

#7 tega4

tega4

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

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

Отправлено 01 Февраль 2014 - 21:59

Пополнение списка:

9. Поменять местами описание на главной с товарами. (т.е. поставить описание ниже "всевозможных списков товаров")
10. Сделать эти самые списки каруселью.(т.е. загрузить их в слайдер с автоматическим перелистыванием по 1 товару, в слайдере в строку показ 3 товаров)
11. Сделать количество и сумму в корзине черным цветом (только вторую и четвертую строчки!)

Корректировка 7 вопроса. Если НЕЛЬЗЯ добавить этот быстрый просмотр, то подскажите как сделать чтобы при наведении показывалось описание товара в этом месте (т.е. вместо картинки,названия и стоимости товара было его описание на затемненном фоне)

#8 tega4

tega4

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

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

Отправлено 02 Февраль 2014 - 00:01

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

код кнопки
 <a href="http://{NET_DOMAIN}/page/Zakazat-zvonok"><img src="{ASSETS_IMAGES_PATH}zakaz-zvon.png"></a>
код на странице стоит такой
<form action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data">
<div class="page-headline">&nbsp;</div>
<center><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;">&nbsp;<input name="zagol_soob" type="hidden" value="" /></span>
<div style="width:400px; text-align:left; border:1px solid #CCCCCC; color:#003300; font:12px tahoma, verdana; background:#F5F5F5;">&nbsp;
<div style="text-align:center; background:#708090; border:1px solid #F5F5F5; color:#ffffff; padding:5px 5px 5px 5px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;">ОБРАТНАЯ СВЯЗЬ</span></span></span></div>
&nbsp;
<div style="border-top:solid 1px #CCCCCC; padding:8px 20px 0px 20px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;">Ваше имя</span></span></span></div>
&nbsp;
<div style="padding:1px 20px 0px 20px;"><br style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;" />
<span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><input maxlength="50" name="name" style="width:358px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;" type="text" /></span></span></span></span></div>
&nbsp;
<div style="padding:8px 20px 0px 20px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;">Номер вашего телефона</span></span></span></div>
&nbsp;
<div style="padding:1px 20px 0px 20px;"><br style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;" />
<span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><input maxlength="900" name="pole_1a" style="width:358px; height:20px; background:#FFFFFF; border:1px solid #CCCCCC; color:#191970;" type="text" /></span><br style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;" />
<span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><input name="pole_1b" type="hidden" value="Номер вашего телефона" /></span></span></span></span></div>
&nbsp;
<div style="padding:5px 20px 15px 20px; text-align:center;"><br style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;" />
<span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><span style="color: rgb(40, 40, 40); font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 22.399999618530273px;"><input style="cursor:pointer; width:200px; height:35px; font:15px tahoma;" type="submit" value="Отправить" /></span></span></span></span></div>
</div>
</center>
</form>

при отправке выдает ошибку:

#9 tega4

tega4

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

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

Отправлено 02 Февраль 2014 - 08:00

АП

#10 tega4

tega4

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

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

Отправлено 02 Февраль 2014 - 17:42

аууу, помогите мне!
4. Хочу сделать такой же подвал.
7. Как добавить кнопку быстрого просмотра, как тут? http://td-afrodita.r...dery-prodazh-2/
8. Добавить отзывы к каждому товару от контакта.
9. Поменять местами описание на главной с товарами. (т.е. поставить описание ниже "всевозможных списков товаров")
10. Сделать эти самые списки каруселью.(т.е. загрузить их в слайдер с автоматическим перелистыванием по 1 товару, в слайдере в строку показ 3 товаров)
11. Сделать количество и сумму в корзине черным цветом (только вторую и четвертую строчки!)

Корректировка 7 вопроса. Если НЕЛЬЗЯ добавить этот быстрый просмотр, то подскажите как сделать чтобы при наведении показывалось описание товара в этом месте (т.е. вместо картинки,названия и стоимости товара было его описание на затемненном фоне)

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

#11 @lina_va

@lina_va

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

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

Отправлено 02 Февраль 2014 - 18:50

Просмотр сообщенияtega4 (01 Февраль 2014 - 21:59) писал:

Пополнение списка:

9. Поменять местами описание на главной с товарами. (т.е. поставить описание ниже "всевозможных списков товаров")
10. Сделать эти самые списки каруселью.(т.е. загрузить их в слайдер с автоматическим перелистыванием по 1 товару, в слайдере в строку показ 3 товаров)
11. Сделать количество и сумму в корзине черным цветом (только вторую и четвертую строчки!)

Корректировка 7 вопроса. Если НЕЛЬЗЯ добавить этот быстрый просмотр, то подскажите как сделать чтобы при наведении показывалось описание товара в этом месте (т.е. вместо картинки,названия и стоимости товара было его описание на затемненном фоне)

7) Если у Вас будут необходимые скрипты для реализации такой кнопки, мы можем попробовать реализовать её
8) В контакте  нужно перейти в раздел разработчиков - авторизация виджетов для сайта- выбираете то, что нужно, копируете и вставляете в шаблон HTML
10)Посмотрите инструкцию по установке карусели здесь
11)В html замените:

	 <!-- Корзина -->
	
	 <div id="cartInfo">
	 <img src="{ASSETS_IMAGES_PATH}korzina.png" style="
	 width: 68px; height: 64px; padding-left:10px; padding-top: 5px;">
<div class="tecst">Покупок в корзине:	 <br />												
																 {% IF cart_count_empty %}
																		 <span class="red">0 </span> шт.
																 {% ELSE %}
																		 {% FOR cart_count %}
																				 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
																		 {% ENDFOR %}
																 {% ENDIF %}<br>
														 На сумму:<br />
													
																 {% IF cart_count_empty %}
																		 <span class="red">0</span> {CURRENCY_NAME}
																 {% ELSE %}
																		 {% FOR cart_sum %}
																				 {cart_sum.NOW | money_format}<br />
																		 {% ENDFOR %}
																 {% ENDIF %}</div>
	 <div class="ofzak">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}oform-zakaz.png"></a></div>
	 </div>
	 <!-- end Корзина -->
на

	 <!-- Корзина -->
	
	 <div id="cartInfo">
	 <img src="{ASSETS_IMAGES_PATH}korzina.png" style="
	 width: 68px; height: 64px; padding-left:10px; padding-top: 5px;">
<div class="tecst"><p style="color:red;">Покупок в корзине: </p>	 <br />												
																 {% IF cart_count_empty %}
																		 <span class="red">0 </span> шт.
																 {% ELSE %}
																		 {% FOR cart_count %}
																				 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
																		 {% ENDFOR %}
																 {% ENDIF %}<br>
														 На сумму:<br />
													
																 {% IF cart_count_empty %}
																		 <span class="red">0</span> {CURRENCY_NAME}
																 {% ELSE %}
																	 <span style="color:red">
																	 {% FOR cart_sum %}
																				 {cart_sum.NOW | money_format }<br />
																		 {% ENDFOR %}
																		 </span>
																 {% ENDIF %}</div>
	 <div class="ofzak">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}oform-zakaz.png"></a></div>
	 </div>
	 <!-- end Корзина -->

#12 tega4

tega4

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

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

Отправлено 02 Февраль 2014 - 19:18

9. ничего не изменилось вовсе.
Мне кажется нужно что-то перенести в шаблоне html, а не в шаблоне страница.
11. получилось вообще не то и все съехало.



Но все равно, спасибо, будем пробовать методом тыка эти моменты.

Еще вопрос, а как сделать чтобы ссылки Мои заказы, были видны только авторизованным? И ссылка войти в ЛК, пропадала при авторизации, как и ссылка регистрация, чтобы они авторизованным не показывались? Эти ссылки стоят на верхней полоске справа

#13 tega4

tega4

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

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

Отправлено 02 Февраль 2014 - 19:59

Просмотр сообщения@lina_va (02 Февраль 2014 - 18:50) писал:

7) Если у Вас будут необходимые скрипты для реализации такой кнопки, мы можем попробовать реализовать её
Нашла два сайта с инструкциями, но не на другие движки...
http://joomclub.net/blog/shop/63.html
http://www.shopos.ru...read20/5295.htm

#14 tega4

tega4

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

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

Отправлено 03 Февраль 2014 - 07:49

4. Хочу сделать такой же подвал. СДЕЛАЛА ЗАТЕМНЕНИЕ, КАКИЕ ПЕРЕМЕННЫЕ ОТВЕЧАЮТ ЗА АКЦИИ?(НУЖНО ЧТОБЫ ОНИ АВТОМАТИЧЕСКИ ДОБАВЛЯЛИСЬ САМИ, А НЕ ДОБАВЛЯТЬ ИХ ВРУЧНУЮ)
7. Как добавить кнопку быстрого просмотра, как тут? http://td-afrodita.r...dery-prodazh-2/
9. Поменять местами описание на главной с товарами. (т.е. поставить описание ниже "всевозможных списков товаров")
10. Сделать эти самые списки каруселью.(т.е. загрузить их в слайдер с автоматическим перелистыванием по 1 товару, в слайдере в строку показ 3 товаров)
11. Сделать количество и сумму в корзине черным цветом (только вторую и четвертую строчки!) НЕ СРАЗУ ОТОБРАЖАЕТ ДОБАВЛЕНИЕ ТОВАРА,А ТОЛЬКО ПОСЛЕ ОБНОВЛЕНИЯ СТРАНИЦЫ

Корректировка 7 вопроса. Если НЕЛЬЗЯ добавить этот быстрый просмотр, то подскажите как сделать чтобы при наведении показывалось описание товара в этом месте (т.е. вместо картинки,названия и стоимости товара было его описание на затемненном фоне)

Цитата

Нашла два сайта с инструкциями, но на другие движки...
http://joomclub.net/blog/shop/63.html

http://www.shopos.ru...read20/5295.htm

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

#15 Vaccina

Vaccina

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

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

Отправлено 07 Февраль 2014 - 04:38

Убедительная просьба определиться с местом написания ваших вопросов, так как они не раз дублируются у нас на форуме.
4. К сожалению, вывести их так нельзя. Подвал у вас практически реализован, как на скриншоте можно добавлять туда блоки меню, для этого необходимо создать само меню в разделе Сайт - Меню и далее в шаблоне HTML добавить код для него, найдите:
</div>
	<div>{SETTINGS_STORE_HTML_CODE}</div>
  </div>
перед ним вставьте:
<ul>
		{% FOR menu %}
		  {% FOR footer %}
			{% FOR links %}<li {% IF menu.footer.links.first %}class="main"{% ENDIF %} ><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a></li>{% ENDFOR %}
		  {% ENDFOR %}
		{% ENDFOR %}
	  </ul>

7.За этим необходимо обращаться в веб студию, так как выходит за рамки бесплатной тех поддержки. Тут достаточно сложне скрипты используются.
По поводу вывода описания при наведении на товар, у нас имеется инструкция: http://forum.storela...дении-на-товар/
9.В HTML найдите:
{BODY}
и перенесите его установив после:
{% ENDIF %}
			  {% ENDIF %}
			  <!-- END Всевозможные списки товаров -->
10. Данный вопрос обсуждался у нас на форуме и имеет инструкции: http://forum.storela...ресных-предлож/
11.В HTML найдите:
{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
попробуйте заменить на:
<span class="cartSum1">{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}</span>
Далее в main.css в самом низу добавьте:
.cartSum1, #cartSum spa span{
color:#000;
}
12. по форме вам уже отписывались в иных темах насколько помню, лучше уже тогда тут вести беседу, дабы никто не запутался.
Мы вам указывали ссылку на множество различных вариаций форм обратной связи: http://forum.storela...братный-звонок/
Вы указали, что у вас ошибка, по какой инструкции вы реализовывали?

#16 tega4

tega4

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

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

Отправлено 07 Февраль 2014 - 08:03

Просмотр сообщенияVaccina (07 Февраль 2014 - 04:38) писал:

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

Цитата

К сожалению, вывести их так нельзя. Подвал у вас практически реализован, как на скриншоте можно добавлять туда блоки меню, для этого необходимо создать само меню в разделе Сайт - Меню и далее в шаблоне HTML добавить код для него, найдите:
\
да, спасибо я сама с данным вопросом справилась и осталось только проставить остальные ссылки вручную.

Цитата

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

Цитата

11.В HTML найдите:
я строчки окрасила. только при добавлении товара строчка с ценой становится белой и окрашивается в черный только после обновления страницы.

Цитата

Вы указали, что у вас ошибка, по какой инструкции вы реализовывали?
я ставила форму обратной связи с другого ресурса, не указанного в данных реализациях, но у нее был конфликт с каруселью для просмотренных товаров. сейчас дорабатываю реализацию с обратной связью через контакты.
появился один вопрос, что нужно сделать чтобы получить данные к файлу nyroModalFull
т.к. необходимо отредактировать некоторые стили заданные через style самим дивам. при добавлении класса и прописывании этих данных в файл main.css ничего не происходит.

и если не сложно посмотрите пожалуйста данную ветку http://forum.storela...как-в-вечности/

да и так и не ушла проблема с перекрытием комментариями от вк увеличения фотографии товара.


и вопрос касательно корзины, можно сделать всплывающее окошко в верхнем правом углу, которое будет само закрываться через 5-10 сек о добавлении товара в корзину, чтобы не было лишних нажатий?

#17 tega4

tega4

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

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

Отправлено 07 Февраль 2014 - 16:14

еще подскажите как сдвинуть надпись "Мы рады видеть Вас!" на главной странице под списки, а то получается какая-то каша тогда.
т.к. просто спустить через main.css не получится, тогда спускается еще и название товара.

#18 Vaccina

Vaccina

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

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

Отправлено 08 Февраль 2014 - 04:29

Корзина, в main.css в самом низу добавьте:
#cartSum span span{color:#000;}

На счет nyroModalFull, перефразируйте пожалуйста вопрос, что вы хотите реализовать.

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

При нажатии на кнопку "купить" всплывающее окно исчезало автоматически через определенное время, правильно поняла?

На счет заголовка, в main.css найдите:
.page-headline {height: 81px;position:relative;}
.page-headline h1 {
  position:absolute; width:940px;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;
}
и замените его на:
.page-headline {height: 81px;position:relative;}
.page-headline h1 {
  position:absolute; width:940px;
  font: 30px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000000;
  padding-left: 20px;
  height:2em;overflow:hidden;
}

#19 tega4

tega4

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

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

Отправлено 08 Февраль 2014 - 06:32

Цитата

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

я просто хочу перенести блок описание/товары/отзывы/характеристики из осени в свой шаблон.но  при вставке просто кода он выдает его в каком-то непонятном виде.а я хочу чтобы он функционировал как положено, какой еще файл нужно добавить, или какой код вставить в main.js

если я правильно поняла, то добавить надо будет вот это?
// Инициализация табов на странице товара
function initTabs() {
  // Блок в котором находятся табы
  var tabBlock = $('.tabbed_area');
  if(!tabBlock.length) {
	return false;
  }
  // По умолчанию делаем отметку о том что активного таба не найдено
  var isFind = 0;
  tabBlock.find('.tabs li > a').each(function(i){
	// Если нашёлся активный там
	if($(this).hasClass('active')) {
	  // Инициализируем найденный таб
	  $(this).click();
	  // Ставим отметку, о том что не нужно инициализировать первый таб на странице
	  isFind = 1;
	}
  });
  // Если не найдено ни одного таба с отметкой о том что он активен
  if(!isFind) {
	// Ставим активным первый таб на странице.
	tabSwitch(1);
  }
  // Проверяет хэш и если по нему была открыта вкладка, то эта функция автоматически откроет её.
  checkTabHash();
  // Биндим изменение хэша - проверка какой FAQ вопрос нужно открыть.
  $(window).bind('hashchange', function() { checkTabHash(); });
}
// Проверяет хэш, переданый пользователем и открывает соответствующий раздел
function checkTabHash() {
  // Определяем текущий хэш страницы
  var hash = window.location.hash.substr(1);
  if(hash == 'goodsDataOpinionAdd') {
	// $('#goodsDataOpinionAddBlock').show('blind');
	return false;
  }
  if(!hash.length || hash.indexOf('show_tab_') == -1) {
	return false;
  }
  // Открываем тот таб, который был указан в hash-е
  tabSwitch(hash.replace("show_tab_", ''))
}
// Выбор вкладки на странице товара
function tabSwitch(nb) {
  var tabBlock = $('.tabbed_area');
  tabBlock.find('.tabs li > a').removeClass('active');
  tabBlock.find('div.content').hide();
  $('#tab_' + nb).addClass('active');
  $('#content_' + nb).show();
  // Записываем в хэш информацию о том какой таб сейчас открыт, для возможности скопировать и передать ссылку с открытым нужным табом
  document.location.hash = "#show_tab_" + nb;
}
// Инициализируем табы на странице
$(function() { initTabs(); });

Цитата

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

Цитата

На счет nyroModalFull, перефразируйте пожалуйста вопрос, что вы хотите реализовать.
мне необходимо убрать затемнение на заднем фоне,сделать само всплывающее окно уже, а то не красиво смотрится. стрелки я уже убрала скопировав содержимое css файла

Цитата

На счет заголовка, в main.css найдите:
а что произойдет при замене одного блока на полностью идентичный ему блок?

Цитата

Корзина, в main.css в самом низу добавьте:
добавлено, не спасает ситуацию ни коем образом...
у меня стоит вот так там:
.cartSum1, #cartSum spa span{
color:#000;
}
#cartSum span span{color:#000;}

#20 tega4

tega4

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

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

Отправлено 08 Февраль 2014 - 06:39

Вопрос с табами снимаю, реализовала его сама.

также снимаю вопрос с увеличением фотографии товара, блок был недостаточной высоты и поэтому обрезал всплывающее окно.
Обратно в Шаблон Сияние



Темы с аналогичным тегами переместить элементы

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

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

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