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


Внести Изменения В Шаблон


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

#41 Mave

Mave

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

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

Отправлено 04 Июль 2017 - 20:06

помогите улучшить внешний вид)
1. уменьшит шрифт у цены в каталоге и после первой цены убрать слово "рубля" ( от 1000 до 2000 рублей)
2. сделать заголовок "Фильтры" и рамочку - оформление как у каталога. прямоугольники с выпадающими списками сделать одного размера,  немного короче, чем ширина рамки и названия выбираемых характеристик по центу расположить.
Заранее спасибо за помощь и терпение))

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

  • Безымянный.jpg


#42 Vaccina

Vaccina

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

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

Отправлено 05 Июль 2017 - 07:27

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .price-box {text-align: left;color: #f50056;margin: 0 0 10px 5px;}

после него пропишите:
.products-grid .item .product-shop .price-box .price{font-size: 18px;}
.products-grid .item .product-shop .price-box .price:nth-child(2) .num + span{display: none;}


2.Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
		 <div class="filters">
				 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				 <form action="" method="get">
				 <!-- Если есть возможность фильтрации товаров по ценам -->
				 {% IF SHOW_GOODS_PRICE_FILTERS %}
						 <div class="filters-price">
						 <div class="title">Фильтры по ценам</div>
                        
                        
замените на:
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %}
		 <div class="block filters">
		 <h3 class="title"><span class="text">Фильтры</span></h3>
				 <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь -->
				 <form action="" method="get">
				 <!-- Если есть возможность фильтрации товаров по ценам -->
				 {% IF SHOW_GOODS_PRICE_FILTERS %}
						 <div class="filters-price">
                        
Далее зайдите в main.css - найдите:
.filters {display: block;float: left;width: 100%;background-color: #fff;border: 1px solid #fce3bd;padding: 15px 15px 0;}

замените на:
.filters {display: block;float: left;width: 100%;background-color: #fff;padding: 15px 15px 0;}


P.S.: обновите пожалуйста номера аккаунтов в профиле форума, все 3 у вас недействительны, а действующий не указан.

#43 Mave

Mave

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

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

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

Благодарю!! номер аккаунта изменила
1.а можно сделать прямоугольники в фильтре одного размера?
2. и после цеены добавить слово рублей

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

  • Безымянный.jpg


#44 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

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

Просмотр сообщенияMave (05 Июль 2017 - 09:17) писал:

Благодарю!! номер аккаунта изменила
1.а можно сделать прямоугольники в фильтре одного размера?
2. и после цеены добавить слово рублей

Здравствуйте.
В данном случае, если я вас правильно понимаю, то вам необходимо на вашем сайте произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

.filters-goods .filter .inputText {
	height: 30px;
	border-color: #fce3bd;
}

И замените его вот этим вот кодом:


.filters-goods .filter .inputText {
	height: 30px;
	border-color: #fce3bd;
	width: 156px;
}


#45 Mave

Mave

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

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

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

Спасибки!!!!

#46 Mave

Mave

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

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

Отправлено 05 Июль 2017 - 15:30

Появились вопросы:
1. видимо, в следствии, изменения цены в каталоге, случилось....надо исправить. в первом товаре несколько модификаций и на каждую скидка, надо сделать бледную зачеркнутую строчку старой цены от и до и строчку новой цены от и до
в третьем товаре модификация одна сделать цену просто 1000 руб и есть есть скидка то тоже без от и до, а просто старая цена и новая
2. в карточке товара со скидкой. когда заходишь на страницу, все ок, но когда начинаешь переключать модификации, старая цена перестает быть зачеркнутой и цвет другой

иии туплю я что-то, а как сделать чтоб на товарах со скидкой появлялся значок sale?

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

  • Безымянный.jpg
  • Безымянный2313.jpg


#47 Vaccina

Vaccina

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

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

Отправлено 07 Июль 2017 - 06:44

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<span class="price old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<span class="price old-price">{goods.MIN_PRICE_OLD | money_format}</span>
{% ENDIF %}
<span class="price" itemprop="price" content="{goods.MIN_PRICE_NOW}">от {goods.MIN_PRICE_NOW | money_format}</span>
<span class="price" itemprop="price" content="{goods.MAX_PRICE_NOW}">до {goods.MAX_PRICE_NOW | money_format}</span>
  
  
замените на:
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT!=goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT %}
<span class="price old-price none_curr">от {goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
<span class="price old-price">до {goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/>
{% ELSE %}
<span class="price old-price">от {goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/>
{% ENDIF %}
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
{% IF goods.MIN_PRICE_OLD!=goods.MAX_PRICE_OLD %}
<span class="price old-price none_curr">от {goods.MIN_PRICE_OLD | money_format}</span>
<span class="price old-price">до {goods.MAX_PRICE_OLD | money_format}</span><br/>
{% ELSE %}
<span class="price old-price">от {goods.MIN_PRICE_OLD | money_format}</span><br/>
{% ENDIF %}
{% ENDIF %}
{% IF goods.MIN_PRICE_NOW!=goods.MAX_PRICE_NOW %}
<span class="price none_curr" itemprop="price" content="{goods.MIN_PRICE_NOW}">от {goods.MIN_PRICE_NOW | money_format}</span>
<span class="price" itemprop="price" content="{goods.MAX_PRICE_NOW}">до {goods.MAX_PRICE_NOW | money_format}</span>
{% ELSE %}
<span class="price" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
{% ENDIF %}


Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .price-box .price:nth-child(2) .num + span{display: none;}
.products-grid .item .product-shop .price-box .old-price {margin-right: 8px;}

замените на:
.products-grid .item .product-shop .price-box .none_curr .num + span{display: none;}
.products-grid .item .product-shop .price-box .old-price {padding-right: 8px;}

Далее зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
 goodsPriceOld																		 = $('.goodsDataMainModificationPriceOld'),
  
  
замените на:
 goodsPriceOld																		 = $('.goodsDataMainModificationPriceOld .price'),


#48 Mave

Mave

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

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

Отправлено 07 Июль 2017 - 10:23

Vaccina, огромное вам спасибо за помощь!!

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

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

  • Безымянный.jpg


#49 Mave

Mave

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

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

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

в товарах на главной осталась та же проблема с ценой, что была в карточке товара.
нет разбега цены от и до и если есть старая цена, то тоже отображается некорректно. в общем, как сделать чтоб было как в каталоге (фото 2)?

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

  • Безымянный.jpg
  • апнр.jpg


#50 Vaccina

Vaccina

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

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

Отправлено 08 Июль 2017 - 08:47

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

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

в товарах на главной осталась та же проблема с ценой, что была в карточке товара.
нет разбега цены от и до и если есть старая цена, то тоже отображается некорректно. в общем, как сделать чтоб было как в каталоге (фото 2)?
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
					 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
						 <span class="price old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
						 <span class="price old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span>
					 {% ENDIF %}
						 <span class="price" itemprop="price" content="{index_page_goods.MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</span>
					 </div>
  
замените на:
<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
{% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT!=index_page_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT %}
<span class="price old-price none_curr">от {index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
<span class="price old-price">до {index_page_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/>
{% ELSE %}
<span class="price old-price">от {index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/>
{% ENDIF %}
{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
{% IF index_page_goods.MIN_PRICE_OLD!=index_page_goods.MAX_PRICE_OLD %}
<span class="price old-price none_curr">от {index_page_goods.MIN_PRICE_OLD | money_format}</span>
<span class="price old-price">до {index_page_goods.MAX_PRICE_OLD | money_format}</span><br/>
{% ELSE %}
<span class="price old-price">от {index_page_goods.MIN_PRICE_OLD | money_format}</span><br/>
{% ENDIF %}
{% ENDIF %}
{% IF index_page_goods.MIN_PRICE_NOW!=index_page_goods.MAX_PRICE_NOW %}
<span class="price none_curr" itemprop="price" content="{index_page_goods.MIN_PRICE_NOW}">от {index_page_goods.MIN_PRICE_NOW | money_format}</span>
<span class="price" itemprop="price" content="{index_page_goods.MAX_PRICE_NOW}">до {index_page_goods.MAX_PRICE_NOW | money_format}</span>
{% ELSE %}
<span class="price" itemprop="price" content="{index_page_goods.MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</span>
{% ENDIF %}
</div>

Просмотр сообщенияMave (07 Июль 2017 - 10:23) писал:

снова вернулась к фильтру по цветам. я уже спрашивала возможность реализации этого фильтра не словами, а цветными квадратиками и вы мне скинули ссылку по данной теме, но я ничерта непоняла - честно пыталась))
подскажите хотя бы чего начать))
Для начала необходимо сделать фильтр по цвету не выпадающим списком, а кнопками, зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% FOR filter_attr_list %}
						 <div class="filter">
								 <label>{filter_attr_list.NAME}:</label><br />
								 <select class="inputText" 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"{% ENDIF %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
								 {% ENDFOR %}
								 </select>
						 </div>
						 {% ENDFOR %}

замените на:
{% FOR filter_attr_list %}
						 <div class="filter">
{% IF filter_attr_list.NAME=Цвет %}
<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>
{% ELSE %}
								 <label>{filter_attr_list.NAME}:</label><br />
								 <select class="inputText" 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"{% ENDIF %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option>
								 {% ENDFOR %}
								 </select>
{% ENDIF %}
						 </div>
						 {% ENDFOR %}



#51 Mave

Mave

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

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

Отправлено 09 Июль 2017 - 16:16

спасибо, а дальше? ( все равно без вас я не справлюсь)

#52 Mave

Mave

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

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

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

help

#53 Mave

Mave

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

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

Отправлено 10 Июль 2017 - 18:03

очень жду помощи, дальше работа не идет из за этого фильтра(((

#54 Vaccina

Vaccina

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

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

Отправлено 11 Июль 2017 - 08:01

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

Благодарю за изменения. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />


замените на:
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label>

Далее зайдите в main.css - найдите:
.filters-goods .filter {display: inline-block;margin: 0 15px 15px 0;}
.filters-goods .filter label {display: inline-block;margin-bottom: 3px;}
.filters-goods .filter .inputText {height: 30px;border-color: #fce3bd; width: 230px;}
.filters-goods .filter .inputText:focus {border-color: #000;}

после него пропишите:
.filters-goods .filter .contentTbodySearchFilterBlockValues input:checked + label {
border: 1px solid #72d300;
}
.filters-goods .filter .contentTbodySearchFilterBlockValues input + label {
border: 1px solid #ccc;
cursor: pointer;
float: left;
height: 35px;
line-height: 45px;
margin: 4px;color: transparent;
text-align: center;
width: 35px;
}
.filters-goods .filter .contentTbodySearchFilterBlockValues input {
display: none;
}

Далее зайдите в main.js - в самом конце пропишите:
$(function() {
var colors = {'Коричневый': '#490202', 'Серый': '#cccccc', 'Черный': '#000000'};
$('.filter .contentTbodySearchFilterBlockValues label').each(function() {
		 var name = $.trim($(this).text());
		 if(name in colors) {
				 $(this).css({
						 'backgroundColor': colors[name]
				 });
		 }
});
});


В дальнейшем вам надо будет работать со вставочным блоком в main.js, по аналогии указывать название цвета характеристики и указывать цветовое значение.
Цветовые значения вы можете просмотреть по следующей ссылке: http://www.color-hex.com/

#55 Mave

Mave

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

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

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

Добрый вечер, изменения внесла (пока без отсебятины). Появились чудесные квадратики, как их сделать цветными? в характеристиках товара цвет прописывать словом или числовым значением?
я правильно поняла? в дальнейшем при добавлении нового цвета в товаре, нужно будет прописать его в main.js в строчке var colors?

#56 Vaccina

Vaccina

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

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

Отправлено 12 Июль 2017 - 06:20

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

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

Добрый вечер, изменения внесла (пока без отсебятины). Появились чудесные квадратики, как их сделать цветными? в характеристиках товара цвет прописывать словом или числовым значением?
я правильно поняла? в дальнейшем при добавлении нового цвета в товаре, нужно будет прописать его в main.js в строчке var colors?

В характеристиках указывать так как ранее указывали, словами, а уже в блоке main.js указывать слово характеристики и числовое значение цвета слова.

Просмотр сообщенияVaccina (11 Июль 2017 - 08:01) писал:

$(function() {
var colors = {'Коричневый': '#490202', 'Серый': '#cccccc', 'Черный': '#000000'};
$('.filter .contentTbodySearchFilterBlockValues label').each(function() {
		 var name = $.trim($(this).text());
		 if(name in colors) {
				 $(this).css({
						 'backgroundColor': colors[name]
				 });
		 }
});
});
В дальнейшем вам надо будет работать со вставочным блоком в main.js, по аналогии указывать название цвета характеристики и указывать цветовое значение.
Цветовые значения вы можете просмотреть по следующей ссылке: http://www.color-hex.com/

Пример:
$(function() {
var colors = {'бежевый': '#E8D9C2', 'красный': '#B3383F', 'розовый': '#E3908A', 'сиреневый': '#D3C1D8'};
$('.filter .contentTbodySearchFilterBlockValues label').each(function() {
				 var name = $.trim($(this).text());
				 if(name in colors) {
								 $(this).css({
												 'backgroundColor': colors[name]
								 });
				 }
});
});

Результат примера:
Постельное белье.png

#57 Mave

Mave

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

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

Отправлено 12 Июль 2017 - 08:28

Доброе утро, прописала 10 цветов в main.js
на сайте отображается только 6 квадратиков и только 2 с цветом...что я делаю не так? цветовые значения можно использовать только с той ссылки что вы предложили? или можно свои?

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

  • Безымянный.jpg


#58 Vaccina

Vaccina

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

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

Отправлено 12 Июль 2017 - 08:54

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

#59 Mave

Mave

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

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

Отправлено 12 Июль 2017 - 18:05

Добрый вечер, в общем ситуация не изменилась(( попробовала числовые значения из разных мест ( с трех разный сайтов и из фотошопа)....всего у меня прописано 15 цветов, а на сайте их меньше, ну и цвета только 3....ну тот же черный и в африке черный...а не отображается

#60 Mave

Mave

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

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

Отправлено 12 Июль 2017 - 20:50

прошу прощения)) в фильтром разобралась) Vaccina, огромное вам спасибо за помощь и терпение!




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

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