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


Изменение Дизайна Лайт


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

#21 miyako

miyako

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

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

Отправлено 06 Март 2013 - 14:52

Просмотр сообщенияtega4 (06 Март 2013 - 14:05) писал:

на данный момент я хочу убрать это:

Пришлите пожалуйста ваш код шаблона Товары в формате doc

#22 tega4

tega4

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

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

Отправлено 06 Март 2013 - 15:24

Просмотр сообщенияmiyako (06 Март 2013 - 14:52) писал:

Пришлите пожалуйста ваш код шаблона Товары в формате doc
в прикрепленных не крепится файл
вот в коде он
<div class="contentTbBodyNavigate">
<a href="http://{NET_DOMAIN}/">Главная</a>
<!-- Если отображаем полный каталог товаров, без указания категории -->
{% IF IS_FULL_CATALOG %}
	 &raquo; <span>Каталог товаров</span>
<!-- Если отображаем товары в категории -->
{% ELSE %}
&raquo; <a href="{CATALOG_URL}" >Каталог товаров</a>
{% FOR upper_navigation %}
	 {% IF upper_navigation.CURRENT %} &raquo; <span>{upper_navigation.NAME}</span>{% ELSEIF upper_navigation.CURRENT_PARENT %} &raquo; <a href="{upper_navigation.URL}" >{upper_navigation.NAME}</a>{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</div>
<h1>{CATEGORY_NAME}</h1>
{% IF IS_FULL_CATALOG %}
	 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
	 <ul class="content_catalog_nested_categories">
		 {% FOR nested_categories_list %}
			 <li>
				 <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
				 <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a>
			 </li>
		 {% ENDFOR %}
	 </ul>
	 <br clear="all"/>
{% ELSE %}
{% ENDIF %}
<table>

<!-- Фильтры показываются только если есть товары в категории -->
{% IFNOT goods_empty %}
<!-- Дополнительная навигация для работы со списком товаров -->
<tr><td colspan="2">
	 <form action="">
		 <div class="sortirovka">
		 <!-- Список фильтров, которые сейчас действуют на результаты поиска -->
		 {% FOR goods_filters %}
			 <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" />
		 {% ENDFOR %}

		 <!-- Поле выбора сортировки -->
		 {% IF goods_show_order_fields %}
			 Сортировать по:
			 <select name="goods_search_field_id" onchange="this.form.submit();">
			 {% FOR goods_order_fields %}
				 <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option>
			 {% ENDFOR %}
			 </select>
		 {% ENDIF %}
		
		 <!-- Поле выбора лимитов -->
		 {% IF goods_show_per_page %}
			 Показывать по:
			 <select name="per_page" onchange="this.form.submit();">
			 {% FOR goods_per_page_list %}
				 <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option>
			 {% ENDFOR %}
			 </select>
		 {% ENDIF %}
		 </div>
	 </form>
</td></tr>
<tr>
	 <!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи -->
	 <td class="goodsListItem">
	
	 </td>
	 <!-- END Блок выбора параметра по которому производится сортировка списка товаров -->
	
	 <!-- Страницы -->
	 <td class="goodsListItem">
	 <div>
		 {% IF show_pages %}
		 <div class="square_pages">
		 <span>Страницы: </span>
			 {% FOR goods_pages %}
			 {% IF goods_pages.CURRENT %}
				 <b>{goods_pages.PAGE}</b>
			 {% ELSE %}
				 <a href="{GOODS_PAGINATE_URL}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
			 {% ENDIF %}
			 {% ENDFOR %}
		 </div>
		 {% ENDIF %}
	 </div>
	 </td>
	 <!-- END Страницы -->
</tr>
<!-- END Дополнительная навигация для работы со списком товаров -->
{% ENDIF %}
<!-- END Фильтры показываются только если есть товары в категории -->
{% IF GOODS_VIEW_TYPE=2 %}
				 <!-- Список товаров -->
	 <tr>
<td colspan="2">
	 <table>
	 <tr>
		 {% ENDIF %}
		 <!-- Если список товаров пуст -->
		 {% IF goods_empty %}
		 <td>
			 <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
			 {% IF goods_filters_empty %}
			 <!-- Если в категории нет товаров, но есть категории, то отобразим их -->
			 {%IFNOT nested_categories_list_empty %}
		
				 <!-- Блок навигации по категориям, вложенным в текущую категорию -->
				 <ul class="content_catalog_nested_categories">
				 {% FOR nested_categories_list %}
					 <li>
					 <div class="withBorder cornerAll padding1em">
						 <div><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img class="goods-cat-image-medium" {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
						 <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">
						 {nested_categories_list.NAME}
						 <!-- Отображение количества товаров в категории -->
						 {% IF nested_categories_list.GOODS_COUNT>0 %}
							 ({nested_categories_list.GOODS_COUNT})
						 {% ENDIF %}
						 </a>
					 </div>
					 </li>
				 {% ENDFOR %}
				 </ul>
				 <br clear="all"/>
			 <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
			 {% ELSE %}
				 <h3>Нет товаров в категории</h3>
			 {% ENDIF %}
		
			 <!-- Если производили фильтрацию товаров в категории -->
			 {% ELSE %}
			 <h3>Нет товаров для выбранных условий</h3>
			 {% ENDIF %}
		 </td>
		 <!-- Если есть товары -->
		 {% ELSE %}
		 {% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <div class="goodsListItemImage"><a href="{goods.URL}"><img class="goods-image-small" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
			 <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
			 <div class="goodsListItemPriceNew">
				 {goods.MIN_PRICE_NOW | money_format}
			 </div>
			 <br><br>
				 <p>
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
						 <div>
							 <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;" title="Положить &laquo;{goods.NAME}&raquo; в корзину" href="#">Купить сейчас</a>
						 </div>
					 </form>
					 </p>
			 </div>
			 </td>
		 {% IFNOT goods.last %}{goods.index | is_divided("5","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR goods %}
		 {% ENDIF %}
	 </tr>
	 </table>
</td>
</tr>
<!-- END Список товаров -->


<!-- Подвал таблицы со списком товаров -->
<tr>
<!-- Страницы -->
<td colspan="2" class="alignRight">
	 <div>
	 {% IF show_pages %}
	 <div class="square_pages">
		 <span>Страницы: </span>
		 {% FOR goods_pages %}
			 {% IF goods_pages.CURRENT %}
			 <b>{goods_pages.PAGE}</b>
			 {% ELSE %}
			 <a href="{GOODS_PAGINATE_URL}&amp;page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
			 {% ENDIF %}
		 {% ENDFOR %}
	 </div>
	 {% ENDIF %}
	 </div>
</td>
<!-- END Страницы -->
</tr>
<!-- END Подвал таблицы со списком товаров -->
</table>

<!-- Описание категории -->
{% IF CATEGORY_DESCRIPTION %}
<div class="categoryDescriptionBlock">
<div class="htmlDataBlock">
	 {CATEGORY_DESCRIPTION}
</div>
</div>
{% ENDIF %}
<!-- Короткое SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
<div style="padding-bottom:1em;">
{CATEGORY_SEO_DESCRIPTION_SHORT}
</div>
{% ENDIF %}
<!-- Полное SEO описание категории -->
{% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="categoryDescriptionBlock">
<div class="htmlDataBlock">
	 {CATEGORY_SEO_DESCRIPTION_LARGE}
</div>
</div>
{% ENDIF %}


#23 tega4

tega4

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

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

Отправлено 06 Март 2013 - 19:58

Вопрос с категориями закрыт. Перелопатила пол форума, нашла как исправить проблему.

#24 tega4

tega4

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

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

Отправлено 10 Март 2013 - 17:20

И снова Здраавствуйте!
Подскажите как сделать такой поиск с карзиной как на скрине.

#25 support 2.0

support 2.0

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

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

Отправлено 10 Март 2013 - 19:39

Просмотр сообщенияtega4 (10 Март 2013 - 17:20) писал:

И снова Здраавствуйте!
Подскажите как сделать такой поиск с карзиной как на скрине.

да в общем-то сложного не будет в этом. Только у Вас на сайте совершенно другой поиск... Вы именно его хотите изменить на такой? В каком месте хотели бы его разместить?

#26 tega4

tega4

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

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

Отправлено 10 Март 2013 - 20:34

Просмотр сообщенияsupport 2.0 (10 Март 2013 - 19:39) писал:

да в общем-то сложного не будет в этом. Только у Вас на сайте совершенно другой поиск... Вы именно его хотите изменить на такой? В каком месте хотели бы его разместить?

я сайт поменяла, то был пробник на дизайн...
там на шапке место указано с поиском под поиск и прямоугольник под корзину, Вы мне главное подскажите как это можно переместить и убрать кнопку "Найти" с поиска...
если что вот ссылка новая http://parfum-mc.ru

#27 Koderhan

Koderhan

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

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

Отправлено 11 Март 2013 - 06:28

Просмотр сообщенияtega4 (10 Март 2013 - 20:34) писал:

я сайт поменяла, то был пробник на дизайн...
там на шапке место указано с поиском под поиск и прямоугольник под корзину, Вы мне главное подскажите как это можно переместить и убрать кнопку "Найти" с поиска...
если что вот ссылка новая http://parfum-mc.ru
Вот попробуйте.
В файле "HTML".
Найти код:
<form action="http://fullon.storeland.ru/search" class="SearchForm" method="get">
			 <table class="SearchFormTable">
				 <tbody><tr>
				 <td class="cell1"><input name="q" value="" class="SearchFormText cornerAll"></td>
				 <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false"></td>
				 </tr>
			 </tbody></table>
			 </form>
Заменить:
<form action="http://fullon.storeland.ru/search" class="SearchForm" method="get">
			 <div class="searchblock"><div class="mycart"><div class="cartimage"></div>
<div class="cartinfotext">
<span>Товаров в <a href="http://fullon.storeland.ru/cart" class="underline"> корзине</a>:
<span id="cartCount">
5шт														
</span>
</span>
</div>
</div>
<div class="searchblock2"><input class="searchtext" name="q" value=""><input class="searchbuttom" type="submit" value="Найти" aria-disabled="false"></div></div>

			 </form>
Затем добавим стили .
В конец файла "main.css".
код:
.searchblock {
display: inline-block;
width: 526px;
border: 1px solid pink;
border-radius: 20px;
padding: 8px;
}
.searchblock2 {
float: right;
width: 216px;
border: 1px solid pink;
padding: 7px;
border-radius: 15px;
}
.searchtext {
border: 0px;
}
.mycart {
width: 282px;
float: left;
display: inline-block;
}
.cartimage {
width: 36px;height:36px;display:block;
background: url('{ASSETS_IMAGES_PATH}orderIcons.png') -41px -3px no-repeat;
float: left;
}
.cartinfotext {
padding: 10px;
padding-left: 43px;
}

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

  • ScreenShot 485.png


#28 tega4

tega4

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

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

Отправлено 11 Март 2013 - 21:17

Просмотр сообщенияKoderhan (11 Март 2013 - 06:28) писал:

Вот попробуйте.
В файле "HTML".
Найти код:
<form action="http://fullon.storeland.ru/search" class="SearchForm" method="get">
			 <table class="SearchFormTable">
				 <tbody><tr>
				 <td class="cell1"><input name="q" value="" class="SearchFormText cornerAll"></td>
				 <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false"></td>
				 </tr>
			 </tbody></table>
			 </form>
Заменить:
<form action="http://fullon.storeland.ru/search" class="SearchForm" method="get">
			 <div class="searchblock"><div class="mycart"><div class="cartimage"></div>
<div class="cartinfotext">
<span>Товаров в <a href="http://fullon.storeland.ru/cart" class="underline"> корзине</a>:
<span id="cartCount">
5шт														
</span>
</span>
</div>
</div>
<div class="searchblock2"><input class="searchtext" name="q" value=""><input class="searchbuttom" type="submit" value="Найти" aria-disabled="false"></div></div>

			 </form>
Затем добавим стили .
В конец файла "main.css".
код:
.searchblock {
display: inline-block;
width: 526px;
border: 1px solid pink;
border-radius: 20px;
padding: 8px;
}
.searchblock2 {
float: right;
width: 216px;
border: 1px solid pink;
padding: 7px;
border-radius: 15px;
}
.searchtext {
border: 0px;
}
.mycart {
width: 282px;
float: left;
display: inline-block;
}
.cartimage {
width: 36px;height:36px;display:block;
background: url('{ASSETS_IMAGES_PATH}orderIcons.png') -41px -3px no-repeat;
float: left;
}
.cartinfotext {
padding: 10px;
padding-left: 43px;
}

спасибо)
а не подскажите как оптимизировать мне местоположение корзины и поиска под планшеты?
а то заходим с планшета, а там поиск и корзина съехали вниз...
с компа со всех браузеров вроде смотрится нормально.
http://parfum-mc.ru/

#29 tega4

tega4

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

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

Отправлено 11 Март 2013 - 21:33

и еще проблема, как мне убрать это пустое место?

#30 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 11 Март 2013 - 22:39

Цитата

и еще проблема, как мне убрать это пустое место?

Вам необходимо в файле стилей main.css найти

.square_pages {
	clear: both;
	font-size: 1em;
	padding-top: 120px;
	text-align: right;
}

и заменить на

.square_pages {
	clear: both;
	font-size: 1em;
	text-align: right;
}

Цитата

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

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

#31 tega4

tega4

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

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

Отправлено 12 Март 2013 - 18:22

Просмотр сообщенияVaccina (11 Март 2013 - 22:39) писал:

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


#32 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 13 Март 2013 - 01:50

Попробуйте добавить в ваш файл стилей main.css

.logo {
	height: 170px !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 400px !important;
	z-index: 2;
}
.logo a {
	display: block;
	height: 100%;
	width: 100%;
}
.valignTop {
	padding-top: 20px !important;
}
.contentTbodyCatalog {
	padding-top: 20px !important;
}
.contentTableHeadNavigation {
	padding-top: 110px !important;
}
.Contakti {
	left: 650px !important;
	margin-right: 0 !important;
	position: absolute !important;
	top: 35px !important;
}
.contentTableHeadCart {
	z-index: 2;
}


#33 tega4

tega4

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

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

Отправлено 13 Март 2013 - 08:20

Просмотр сообщенияVaccina (13 Март 2013 - 01:50) писал:

Попробуйте добавить в ваш файл стилей main.css

.logo {
height: 170px !important;
left: 0;
position: absolute;
top: 0;
width: 400px !important;
z-index: 2;
}
.logo a {
display: block;
height: 100%;
width: 100%;
}
.valignTop {
padding-top: 20px !important;
}
.contentTbodyCatalog {
padding-top: 20px !important;
}
.contentTableHeadNavigation {
padding-top: 110px !important;
}
.Contakti {
left: 650px !important;
margin-right: 0 !important;
position: absolute !important;
top: 35px !important;
}
.contentTableHeadCart {
z-index: 2;
}

спасибо большое)
правда пришлось немного подогнать его еще)




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

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