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


Подскажите , Плиз


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

#1 theone

theone

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

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

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

Добрый вечер!
Подскажите плиз как перенести меню вверх и сделать текст белым цветом и выровнять по середине?

#2 MikDark

MikDark

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

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

Отправлено 19 Июнь 2014 - 18:23

Просмотр сообщенияtheone (19 Июнь 2014 - 18:19) писал:

Добрый вечер!
Подскажите плиз как перенести меню вверх и сделать текст белым цветом и выровнять по середине?

В шаблоне style.css ищем:
#megamenu {
position: absolute;
height: 54px;
top: 90px;
left: 238px;
}

и меняем на:
#megamenu {
position: absolute;
height: 54px;
top: 0px;
left: 238px;
}

далее код:
#megamenu li.root_menu {
padding: 25px 8px 5px 8px;
float: left;
position: relative;
}

меняем на:
#megamenu li.root_menu {
padding: 5px 8px 5px 8px;
float: left;
position: relative;
}

и код:
#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

меняем на:
#megamenu li .root_link {
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}


#3 theone

theone

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

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

Отправлено 19 Июнь 2014 - 18:37

спасибо, получилось
1) в недавно просмотренных нужно убрать картинку, нужно чтобы просто строка была
2) в подвале сделал таблицу, нужно изменить величину шрифта к примеру 14 и убрать подчеркивание

#4 Dars

Dars

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

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

Отправлено 19 Июнь 2014 - 18:55

Просмотр сообщенияtheone (19 Июнь 2014 - 18:37) писал:

спасибо, получилось
1) в недавно просмотренных нужно убрать картинку, нужно чтобы просто строка была
2) в подвале сделал таблицу, нужно изменить величину шрифта к примеру 14 и убрать подчеркивание
1. В шаблоне HTML найдите и удалите строки:
					{% IF user_agent_ie7 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSEIF user_agent_ie8 %}
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}"  alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ELSE %}			 
					  <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;" >
						<img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" />
					  </a>
					{% ENDIF %}

2. В style.css добавьте:
#footer td, #footer a {text-decoration:none; font-size:14px;}


#5 theone

theone

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

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

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

получилось, спасибо. Оперативно работаете :)
теперь нужно поправить каталог
1) Вид отображение товаров всегда строчный, вместо вида отображения товаров поставить фильтр цен
2) Фильтр характеристик в строчку
3) фото уменьшить на 50%, чтобы товаров больше влазило на экран
4) Сделать возможность выбора клиентом количество товаров на страницу (сейчас автоматом подгружаются еще, если вниз прокручиваешь)

#6 Dars

Dars

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

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

Отправлено 19 Июнь 2014 - 19:42

Просмотр сообщенияtheone (19 Июнь 2014 - 19:15) писал:

получилось, спасибо. Оперативно работаете :)
теперь нужно поправить каталог
1) Вид отображение товаров всегда строчный, вместо вида отображения товаров поставить фильтр цен
2) Фильтр характеристик в строчку
3) фото уменьшить на 50%, чтобы товаров больше влазило на экран
4) Сделать возможность выбора клиентом количество товаров на страницу (сейчас автоматом подгружаются еще, если вниз прокручиваешь)
1. В шаблоне "Товары" найдите код:
<div class="{% IF GOODS_VIEW_TYPE=1 %}grid_view{% ELSE %}group list_view{% ENDIF %}" id="category_view_type">
		<div class="sqr_img" id="category_image_type">
		  <div class="group" id="product_list_wrapper">
			{% IF GOODS_VIEW_TYPE=1 %}
и замените его на:
<div class="{% IF GOODS_VIEW_TYPE=2 %}grid_view{% ELSE %}group list_view{% ENDIF %}" id="category_view_type">
		<div class="sqr_img" id="category_image_type">
		  <div class="group" id="product_list_wrapper">
			{% IF GOODS_VIEW_TYPE=2 %}
Затем найдите и удалите там же строки:
<!-- Блок изменения вида списка и поля сортировки -->
			<div id="category_view_changer">
			  {% IF GOODS_VIEW_TYPE=2 %}
				<a href="?goods_view_type=1" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="grid_view"></a>
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде списка, где один товар занимает одну строку" class="list_view_active"></a>
			  {% ELSE %}
				<a title="Список товаров категории &laquo;{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}&raquo; сейчас отображается в виде таблицы, по 3 товара на строку" class="grid_view_active"></a>
				<a href="?goods_view_type=2" title="Отображать список товаров в виде списка" class="list_view"></a>
			  {% ENDIF %}
			</div>
			<!-- END Блок изменения вида списка и поля сортировки -->
Они встретятся дважды.

Затем следующий код:
<!-- Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->
		{% IF TARIFF_FEATURE_GOODS_FILTERS %}
		  <div class="filters">
			<!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
			<form action="" method="get">
			  <!-- Если есть возможность фильтрации товаров по ценам -->
			  {% IF SHOW_GOODS_PRICE_FILTERS %}
				<div class="filter">
				  <div>
					Цена:
					<div class="contentTbodySearchPriceFilterBlock">
					  <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 class="clear"></div>					   
					  </div>
					  <!-- Фильтры по цене -->
					  <div class="goodsFilterPriceRangePointers"><span class="min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span></div>
					  <div id="goods-filter-price-slider"></div>
					  <div class="goodsFilterPriceSubmit">
						<input class="exclusive" type="submit" value="Показать" />
					  </div>
					</div>
				  </div>
				</div>
			  {% ENDIF %}
			  <!-- END Если есть возможность фильтрации товаров по ценам -->
			 
			  {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
				<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				{% FOR filter_attr_list %}
				  <div class="filter">
					<div>
					  {filter_attr_list.NAME}:<br />
					  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
						<option> - все - </option>
						{% FOR values %}
						  <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</option>
						{% ENDFOR %}
					  </select>
					</div>
				  </div>
				{% ENDFOR %}
   
				<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				{% FOR filter_prop_list %}
				  <div class="filter">
					<div>
					  {filter_prop_list.NAME}:<br />
					  <select onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}">
						<option> - все - </option>
						{% FOR values %}
						  <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ELSEIF filter_prop_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_prop_list.values.VALUE} ({filter_prop_list.values.NB_GOODS_FILTERED})</option>
						{% ENDFOR %}
					  </select>
					</div>
				  </div>
				{% ENDFOR %}
			  {% ENDIF %}
			  <div class="clear"></div>
			</form>
		  </div>
		{% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль фильтров по товарам, и они есть для указанного списка товаров -->
перенесите после строки:
			<strong style="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>

После чего редактируем style.css. Находим строку:
.filters {display block; padding: 10px 0 0;}
и заменяем её на:
.filters {display block; padding: 10px 0 0 10px;float: left;}

а строку:
.sortPagiBar{padding-bottom:20px;height: 20px;}
на
.sortPagiBar{padding-bottom:20px;height: 40px;}

2. Приведите, пожалуйста, пример товара, для которого применен фильтр по характеристикам.

3. В style.css найдите строку:
#category_view_type.list_view #product_list .product_image{max-width:194px;margin:auto;height:auto;z-index:1}
и замените её на:
#category_view_type.list_view #product_list .product_image{max-width:97px;margin:auto;height:auto;z-index:1;max-hight:97px;}


#7 theone

theone

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

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

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

Вот что получилось
1) Потерялся фильтр по ценам
2) Потерялся фильтр по характеристикам
3) Товары сейчас таблицей, а надо по строчный, сори если я не правильно объяснил


   Ссылка на товары, в категории 3 фильтра по характеритсикам m33374.storeland.ru/catalog/Shassi

#8 Dars

Dars

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

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

Отправлено 19 Июнь 2014 - 20:08

Просмотр сообщенияtheone (19 Июнь 2014 - 19:58) писал:

Вот что получилось
1) Потерялся фильтр по ценам
2) Потерялся фильтр по характеристикам
3) Товары сейчас таблицей, а надо по строчный, сори если я не правильно объяснил


   Ссылка на товары, в категории 3 фильтра по характеритсикам m33374.storeland.ru/catalog/Shassi
Тот большой код, который я вам указал переместить, я не нахожу в вашем шаблоне. Вставьте его после строки
			<strong style="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
Фильтры вернутся. После чего настроим отображение фильтров по характеристикам.
Попробуйте обновить кэш (Ctrl+F5), поскольку у меня ваши товары отображаются только списком.

#9 theone

theone

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

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

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

Всё исправил, кэш почитстил. Немного заезжает на линию


ЗЫ Этих строчек просто две <strongstyle="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>

#10 Dars

Dars

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

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

Отправлено 19 Июнь 2014 - 20:25

Просмотр сообщенияtheone (19 Июнь 2014 - 20:15) писал:

Всё исправил, кэш почитстил. Немного заезжает на линию


ЗЫ Этих строчек просто две <strongstyle="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
Попробуем так: в style.css найдите строку:
.filters {display block; padding: 10px 0 0 10px;float: left;}
и замените её на:
.filters {display block; padding: 50px 0 0 10px;float: left;width: 1000px;}


#11 theone

theone

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

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

Отправлено 19 Июнь 2014 - 20:28

сделал, спасибо
1) количество товаров перенести
2) приподнять товары
3) как изменить цвет кнопки добавить в корзину и быстрый заказ?
4) чтобы клиент мог выбирать сколько товаров на страницу

#12 Dars

Dars

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

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

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

Просмотр сообщенияtheone (19 Июнь 2014 - 20:28) писал:

сделал
Если я вас правильно понял, это именно то, чего вы просили.

#13 theone

theone

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

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

Отправлено 19 Июнь 2014 - 20:34

Просмотр сообщенияDars (19 Июнь 2014 - 20:30) писал:

Если я вас правильно понял, это именно то, чего вы просили.
Да всё верно, спасибо. Пост 11

#14 Dars

Dars

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

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

Отправлено 19 Июнь 2014 - 20:49

Просмотр сообщенияtheone (19 Июнь 2014 - 20:34) писал:

Да всё верно, спасибо. Пост 11
1. и 2. Удалите в шаблоне "Товары" строку (верхнюю)
						<strong style="float: left;line-height:35px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
Затем добавьте после строк:
<div id="productsSortForm">
			  <!-- Поле выбора сортировки -->
			  {% IF goods_show_order_fields %}
				<label class="sort_by">Сортировать по:</label>
				<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 %}
			</div>
строку
						<strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
Затем в style.css найдите строку:
.sortPagiBar{padding-bottom:20px; height: 40px; }
и замените её на:
.sortPagiBar{padding-bottom:20px;}
после чего найдите строку
.filters {display block; padding: 50 0 0 10px;float: left;width: 1000px;}
и замените её на:
.filters {display block; padding: 0 0 0 10px;float: left;width: 1000px;}

3. Изменить цвет кнопки "Добавить в корзину" можно, отредактировав в style.css параметр background-color в строке
.add_to_cart{display:block;background-color:#da3b44;background-image:url('http://m33374.storeland.net/cart_white.png');background-repeat:no-repeat;background-position:13px 50%;
Вместо da3b44 поставьте свой цвет.
4. То есть в каталоге вам рядом с кнопкой нужен счетчик?

#15 theone

theone

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

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

Отправлено 19 Июнь 2014 - 21:08

Просмотр сообщенияDars (19 Июнь 2014 - 20:49) писал:

4. То есть в каталоге вам рядом с кнопкой нужен счетчик?
Вот

#16 Dars

Dars

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

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

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

Просмотр сообщенияtheone (19 Июнь 2014 - 21:08) писал:

Вот
В шаблоне "Товары" после строки:
											 <strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
добавьте код:
<div style="margin-left:20px; float:left;">
Показывать по:
			 <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>
</div>


#17 theone

theone

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

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

Отправлено 19 Июнь 2014 - 21:28

все равно товар подгружается, если вниз скролом вниз проматывать
1)еще необходимо поменять местами количество товара в категории и выровнять эту строчку

#18 Dars

Dars

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

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

Отправлено 19 Июнь 2014 - 21:51

Просмотр сообщенияtheone (19 Июнь 2014 - 21:28) писал:

все равно товар подгружается, если вниз скролом вниз проматывать
1)еще необходимо поменять местами количество товара в категории и выровнять эту строчку
Найдите в шаблоне "Товары" код:
			 <strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
			 <div style="margin-left:20px; float:left;">
Показывать по:
						 <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>
</div>
и замените его на:
{% IF goods_show_per_page %}
		 {% IFNOT index_page %}
		 <div>
						 Показывать по:
			 <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>
		 </div>
		 {% ENDIF %}
		 {% ENDIF %}
			 <strong style="float: left;line-height:35px;margin-left:20px;">{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории</strong>
Проверим на работоспособность, а затем отстилизуем.

#19 theone

theone

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

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

Отправлено 19 Июнь 2014 - 21:59

сделал, похоже не работает

#20 Сake

Сake

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

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

Отправлено 20 Июнь 2014 - 02:13

Для выравнивания фильтров попробуйте в конец файла стилей style.css добавить

.filters {
  padding: 0 !important;
}
.filter {
  vertical-align: bottom !important;
}
#productsSortForm label {
  display: block;
}
#productsSortForm + div {
  float: left;
  margin: 28px 10px 0;
}
#productsSortForm + div + strong {
  margin-left: 0 !important;
  margin-top: 25px;
}





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

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