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


Каталог Товаров =)


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

#1 Vlad Cugal

Vlad Cugal

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений
  • ГородБельцы

Отправлено 10 Июнь 2014 - 14:48

Привем ребята!
У меня такой вопрос: Как сделать каталог товаров как на данном сайте - http://bp44.ru/
Только при наведении курсора чтобы не появлялись флаги =)
И так же чтобы было немного расстояния между ними.



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

#2 Castiel

Castiel

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

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

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

Просмотр сообщенияVlad Cugal (10 Июнь 2014 - 14:48) писал:

Привем ребята!
У меня такой вопрос: Как сделать каталог товаров как на данном сайте - http://bp44.ru/
Только при наведении курсора чтобы не появлялись флаги =)
И так же чтобы было немного расстояния между ними.



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


Здравствуйте, уточните пожалуйста номер аккаунта.

#3 Vlad Cugal

Vlad Cugal

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений
  • ГородБельцы

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

SL-295049

#4 Castiel

Castiel

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

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

Отправлено 11 Июнь 2014 - 16:36

Просмотр сообщенияVlad Cugal (11 Июнь 2014 - 16:20) писал:

SL-295049

Здравствуйте, загрузите изображение blue.png на ваш сайт через Редактор шаблонов - Добавить файлы

В файле "main.css".
Найти:
#left .block .navigation ul li a, #right .block .navigation ul li a {
padding: 4px 5px 5px 25px;
display: block;
color: #4c4c4c;
line-height: 24px;
overflow: hidden;
}

Заменить:
#left .block .navigation ul li a, #right .block .navigation ul li a {
display: block;
font: bold 13px Verdana, Geneva, sans-serif !important;
border-radius: 8px;
height: 26px;
overflow: hidden;
padding: 8px 20px 0;
position: relative;
width: 185px;
background: url({ASSETS_IMAGES_PATH}blue.png) repeat-x top left;
color: #ffffff;
}


В файле "main.css".
Найти:
#left .block .navigation ul li a:hover, #right .block .navigation ul li a:hover {
color: #2f7793;
text-decoration: none;
}

Заменить:
#left .block .navigation ul li a:hover, #right .block .navigation ul li a:hover {
color: #FFFFFF;
text-decoration: none;
background-position: bottom left;
}

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

  • blue.png


#5 Vlad Cugal

Vlad Cugal

    Пользователь

  • Пользователи
  • PipPip
  • 21 сообщений
  • ГородБельцы

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

Спасибо! Дай Бог вам здоровья!

#6 ritikkk

ritikkk

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

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

Отправлено 29 Февраль 2016 - 18:30

Здравствуйте!
что-то у меня не пошло(((
хочу как у http://bp44.ru/, а получается как на картинке
при развороте не белое меню, а тоже в этих блоках. и расстояния между ними нет совсем. и обновляется страница.

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

  • blue.png
  • кк.png


#7 Юля123

Юля123

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

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

Отправлено 02 Март 2016 - 13:12

Просмотр сообщенияritikkk (29 Февраль 2016 - 18:30) писал:

Здравствуйте!
что-то у меня не пошло(((
хочу как у http://bp44.ru/, а получается как на картинке
при развороте не белое меню, а тоже в этих блоках. и расстояния между ними нет совсем. и обновляется страница.

Здравствуйте, Вам нужно чтобы страница не обновлялась? или дизайн Вы бы хотели тоже перенести? Мы можем Вам установить меню, как в шаблоне лето (посмотреть можно в демо-версии), стили изменить. Вас устроит такой вариант?

#8 Praim

Praim

    Пользователь

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

Отправлено 14 Июнь 2016 - 10:35

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

Аккаунт 376370

Необходимо видоизменить блоки в каталоге товаров:

1) Удалить - "Нет товаров в категории" и "показывать по "
2) Выводить все товары списком

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

  • cataloge.jpg


#9 Firefly

Firefly

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

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

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

Просмотр сообщенияPraim (14 Июнь 2016 - 10:35) писал:

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

Аккаунт 376370

Необходимо видоизменить блоки в каталоге товаров:

1) Удалить - "Нет товаров в категории" и "показывать по "
2) Выводить все товары списком

Создал Вам бэкап 14.06.2016 13:12:45 и произвел изменения.
Проверьте, пожалуйста.

#10 Praim

Praim

    Пользователь

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

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

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

Необходимо отобразить блок фильтров на сайте в крайнем правом углу. как на (рис)

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

  • filtres.jpg


#11 Ирина345

Ирина345

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

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

Отправлено 21 Июнь 2016 - 15:37

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

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

Необходимо отобразить блок фильтров на сайте в крайнем правом углу. как на (рис)
Здравствуйте, найдите в шаблоне hTML
		 </div>
		  <div class="blockbottom"></div>
		</div>
	  {% ENDIF %}
	  <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->
	{% ENDIF %}
  </div>
после вставьте
  {%IF MOD_LNAME=catalog %}
  <style>
	#right {
	float: left;
	width: 225px;
	margin: 0 0 0 10px;
}
#content {
	float: left;
	width: 762px;
}
  </style>
  <div id="right">
	 <!-- Если в тарифном плане подключен модуль фильтров по товарам -->
	{% IF TARIFF_FEATURE_GOODS_FILTERS %}
	  <!-- Форма фильтрации отправляет всегда на ту же страницу, на которой находится пользователь -->
	  <form action="" method="get">
		<!-- Если есть возможность фильтрации товаров по ценам -->
		{% IF SHOW_GOODS_PRICE_FILTERS %}
		  <div class="block">
			<div class="blocktitle bluesmall">
			  Цена
			</div>
			<div class="blockmain fnt12n">
			  <ul class="filter">
				<div class="contentTbodySearchPriceFilterBlock cornerAll txtalgncnt">
				  <!-- Фильтры по цене -->
				  <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" />
					<input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" />
				  </div>
				  <div class="goodsFilterPriceSubmit">
					<button class="whtblue fnt12n" type="submit">Показать</button>
				  </div>
				</div>
			  </ul>
			</div>
			<div class="blockbottom"></div>
		  </div>
		{% ENDIF %}
		<!-- END Если есть возможность фильтрации товаров по ценам -->		<!-- Фильтры по товарам. Появляются только на странице категории и поиска по товарам -->
		{% IF SHOW_GOODS_FILTERS %}
		<div class="block">
		  <div class="blocktitle bluesmall">
			Фильтры
		  </div>
		  <div class="blockmain fnt12n">
			<ul class="filter">
			  <div class="contentTbodySearchFilterBlock cornerAll">
				<!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) -->
				{% FOR filter_attr_list %}
				  <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}</span>
				  <div class="fnt11i 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} {% IF filter_attr_list.values.NB_GOODS_FILTERED > 0 %}({filter_attr_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
					{% ENDFOR %}
				  </div>
				{% ENDFOR %}
				<!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) -->
				{% FOR filter_prop_list %}
				  <span class="fnt12b color contentTbodySearchFilterBlockHeader">{filter_prop_list.NAME}</span>
				  <div class="fnt11i 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} {% IF filter_prop_list.values.NB_GOODS_FILTERED > 0 %}({filter_prop_list.values.NB_GOODS_FILTERED}){% ENDIF %}</label><br />
					{% ENDFOR %}
				  </div>
				{% ENDFOR %}
			  </div>
			</ul>
		  </div>
		  <div class="blockbottom"></div>
		</div>
		{% ENDIF %}
	  </form>
	{% ENDIF %}
	<!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
  </div>
  {%ENDIF%}


#12 Praim

Praim

    Пользователь

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

Отправлено 22 Июнь 2016 - 07:26

Добрый день.

1) Нужно передвинуть блоки в каталоге при отображении карточки товара (рис)
2) Нужно удалить полностью (совсем полностью!) возможность отображения товара не список а плитками
100-раз проверял через приватный режим в хроме, через компьютер на котором не было захода на сайт, браузер файрфокс - всё отображается плитками а возможности поменять на список нет (т.к. удалили кнопки) Но нужно удалить возможность и САМ код отображения товара плитками в каталоге.

Помогите пожалуйста!

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

  • catalog.jpg


#13 Praim

Praim

    Пользователь

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

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

Можно сделать что бы названия для "плиточного каталога " не урезались (рис).
Т.е. по факту у нас название каталога "Погружные насосы для скважин " а пишется "Погружные насосы для"

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

  • nazvaniya.jpg


#14 Praim

Praim

    Пользователь

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

Отправлено 22 Июнь 2016 - 11:32

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

Можно сделать что бы названия для "плиточного каталога " не урезались (рис).
Т.е. по факту у нас название каталога "Погружные насосы для скважин " а пишется "Погружные насосы для"

Если Вы имеете ввиду то что у Вас названия каталогов не полностью отображаются при выводе каталогов  таблицей, то попробуйте в шаблоне main.css строку
#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:16px; width:auto; overflow:hidden; padding:0 5px; display:block; }
заменить на
#content .box .tabproduct .title, #content .box .tabproduct .title a { color:#4d4d4d; text-decoration:none; height:32px; width:auto; overflow:hidden; padding:0 5px; display:block; }

Поправим отображение на главной: в шаблоне main.css найдите строку
#content .headline .h1 { background:url(http://design.xn--90...ai/separ-bg.jpg) bottom center repeat-x; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
замените на
#content .headline .h1 { background:url(http://design.xn--90...ai/separ-bg.jpg) bottom center repeat-x; overflow:hidden; text-overflow:ellipsis; }

замените во всех кодах

background:url(http://design.xn--90...ai/separ-bg.jpg)

на

background:#FFFFFF

#15 Ирина345

Ирина345

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

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

Отправлено 22 Июнь 2016 - 11:45

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

Можно сделать что бы названия для "плиточного каталога " не урезались (рис).
Т.е. по факту у нас название каталога "Погружные насосы для скважин " а пишется "Погружные насосы для"
Здравствуйте, на данный момент название товара идет в 2 строки.
Что бы изменить отображение карточки товара, найдите в шаблоне Товар код
<div class="buttons">
			  {% IF goods.MAX_REST_VALUE>0 %}
				<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="whtgray" 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>
					<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
				  </div>
				</form>
			  {% ENDIF %}
			  {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
			</div>
			<div class="price fnt12b txtalgnlft">
			  Цена:
			  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				<span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
			  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				<span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
			  {% ENDIF %}
			  <em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
			</div>

замените на
			<div class="price fnt12b txtalgnlft">
			  Цена:
			  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
				<span>{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span>
			  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
				<span>{goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span>
			  {% ENDIF %}
			  <em class="fnt12b">{goods.MIN_PRICE_NOW | money_format}</em>
			</div>
<div class="buttons">
			  {% IF goods.MAX_REST_VALUE>0 %}
				<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="whtgray" 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>
					<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>
				  </div>
				</form>
			  {% ENDIF %}
			  {% IF goods.MAX_REST_VALUE=0 %}<a href="{goods.URL}" class="whtgray" title="Подробнее о товаре &laquo;{goods.NAME}&raquo;">Подробнее</a>{% ENDIF %}
			</div>

далее найдите в файле main.css
#content .box .ulproduct .infoproduct .price { color:#454545; margin:10px 0 0 0; }
замените на
#content .box .ulproduct .infoproduct .price { color:#454545; margin:10px 22px 0 0; }
.price.fnt12b.txtalgnlft {
	float: left;
  }





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

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