Карточка Товара
#21
Отправлено 02 Февраль 2016 - 17:03
Как мне привести карточку товара на главной странице к такому виду, как на прикрепленном изображении.
Заранее спасибо!
#22
Отправлено 02 Февраль 2016 - 17:29
Alex87 (02 Февраль 2016 - 17:03) писал:
Как мне привести карточку товара на главной странице к такому виду, как на прикрепленном изображении.
Заранее спасибо!
найдите в шаблоне HTML код
<meta itemprop="name" content="{index_page_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
после вставьте
<div> {% FOR goods_attr_list %} <span class="attr_name">{index_page_goods.goods_attr_list.NAME}</span> <span class="attr_value"> {index_page_goods.goods_attr_list.VALUE}</span></br> {% ENDFOR %} </div>далее найдите в файле main.css
.products-grid .item .item-inner .item-info {padding: 10px;overflow: hidden;border-bottom: 1px solid #e5e5e5;max-height: 110px;text-align:center;}замените на
.products-grid .item .item-inner .item-info {padding: 10px;overflow: hidden;border-bottom: 1px solid #e5e5e5;max-height: 162px;text-align:center;}
#23
Отправлено 04 Февраль 2016 - 16:15
Ирина345 (02 Февраль 2016 - 17:29) писал:
найдите в шаблоне HTML код
<meta itemprop="name" content="{index_page_goods.NAME}"> <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
после вставьте
<div> {% FOR goods_attr_list %} <span class="attr_name">{index_page_goods.goods_attr_list.NAME}</span> <span class="attr_value"> {index_page_goods.goods_attr_list.VALUE}</span></br> {% ENDFOR %} </div>далее найдите в файле main.css
.products-grid .item .item-inner .item-info {padding: 10px;overflow: hidden;border-bottom: 1px solid #e5e5e5;max-height: 110px;text-align:center;}замените на
.products-grid .item .item-inner .item-info {padding: 10px;overflow: hidden;border-bottom: 1px solid #e5e5e5;max-height: 162px;text-align:center;}
Подскажите пжл, можно сделать в карточке товара на главной, что бы характеристики под фото выглядели именно как в примере (Скрин 1)! Сейчас у меня прописываются слово БРЕНД и слова В УПАКОВКЕ (скрин 2). Мне нужно, что бы высвечивался только бренд и только количество или вес!!!!!
#24
Отправлено 04 Февраль 2016 - 16:56
Alex87 (04 Февраль 2016 - 16:15) писал:
Здравствуйте, попробуйте добавить в конце main,css код:
span.attr_name {display: none;}
#25
Отправлено 04 Февраль 2016 - 18:01
Юля123 (04 Февраль 2016 - 16:56) писал:
span.attr_name {display: none;}
Получилось, Спасибо! Можно продублировать карточку товара на главной и в других категориях каталога! Что бы везде она индентично выглядела.
На скриншоте показано, в какой области надо изменить. И еще надо убрать иконку отображения товара СПИСКОМ!
#27
Отправлено 04 Февраль 2016 - 21:10
Alex87 (04 Февраль 2016 - 20:20) писал:
Здравствуйте. Перед внесением изменений, создайте бэкап.
1) Если правильно Вас поняла, в Ваших товарах не будет вкладок Характеристики и Отзывы. Останется только Описание товара?
В шаблоне ТОВАР удалите блок кода:
<!-- Основные вкладки описаний товара --> <div class="product-tabs clear"> <ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content effect-bounceInRight"> <div class="product-shop col-md-7 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %} <!-- Характеристики --> {% IFNOT goods_features_empty %} <div id="content_2" class="tab-content effect-bounceInRight" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{%ENDIF%}> <table class="table-box"> <tbody> {% FOR goods_features%} <tr> <th class="name"><span class="value">{goods_features.NAME}</span></th> <td class="data">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %} <!-- Отзывы --> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре --> {% IFNOT SETTINGS_OPINION_DISABLE %} <div id="content_4" class="tab-content effect-bounceInRight" style="display:none;"> <div id="goodsDataOpinionBlock" class="goodsDataOpinion"> <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных --> {% IF FORM_NOTICE %} <div class="goodsDataOpinionNotice"> <h3 class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</h3> </div> {% ENDIF %} {% IF opinion_list_empty_without_filter %} <div class="goodsDataOpinionMessage empty"><p>Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="goodsDataOpinionShowAddForm">оставить его первым</a></p></div> <!-- Если по товару есть хотя бы один отзыв --> {% ELSE %} <div class="goodsDataOpinionBody"> <!-- Верхняя навигация (Фильтры и страницы) --> <div class="goodsDataOpinionListNavigateTop"> <!-- Фильтры отзывов --> <a class="button allOpinions">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> <a class="button goodOpinions">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> <a class="button badOpinions">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> <a href="#goodsDataOpinionAdd" class="goodsDataOpinionShowAddForm button">Оставить отзыв</a> </div> <!-- END Верхняя навигация (Фильтры и страницы) --> <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва --> {% IFNOT opinion_list_empty %} <!-- Список отзывов о товарах --> <div class="goodsDataOpinionList" itemprop="review" itemscope itemtype="http://schema.org/Review"> {% FOR opinion_list %} <div class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %} bord"> <div class="cell1 col-sm-3 col-xs-12" > <strong itemprop="author" class="goodsDataOpinionListClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</strong> {% IF opinion_list.RATING %} <div class="rating-box" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{opinion_list.RATING}"> <meta itemprop="reviewCount" content = "{opinion_list.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{opinion_list.RATING}0%" alt="{opinion_list.RATING}" title="Рейтинг товара"></div> </div> {% ENDIF %} <span class="goodsDataOpinionListDate"> <meta itemprop="datePublished" content="{opinion_list.DATE | date("Y-m-d")}"> <span class="time">{opinion_list.DATE}</span> </span> {% IF opinion_list.DELETE_URL %} <a href="{opinion_list.DELETE_URL}?return_to={CURRENT_URL | urlencode}%3Fgenerally_is_good%3D{GOODS_OPINION_GENERALLY_IS_GOOD | urlencode}%26page={OPINION_PAGES_LIST_CURRENT}#show_tab_4" class="button" onclick="alert('Вы действительно хотите удалить отзыв?')">Удалить</a> {% ENDIF %} </div> <div class="cell2 col-sm-9 col-xs-12"> {% IF opinion_list.TITLE %}<div class="goodsDataOpinionListTitle"><strong><span itemprop="name">{opinion_list.TITLE}</span></strong></div>{% ENDIF %} {% IF opinion_list.ACCOMPLISHMENTS %}<div class="goodsDataOpinionListDesc"><strong>Достоинства:</strong><span itemprop="description">{opinion_list.ACCOMPLISHMENTS | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.LIMITATIONS %}<div class="goodsDataOpinionListDesc"><strong>Недостатки:</strong><span itemprop="description">{opinion_list.LIMITATIONS | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.COMMENT %}<div class="goodsDataOpinionListDesc"><strong>Комментарий:</strong><span itemprop="reviewBody">{opinion_list.COMMENT | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.ANSWER %}<div class="goodsDataOpinionListTableAnswer"> <span>{opinion_list.ANSWER | nl2br}</span></div>{% ENDIF %} </div> </div> {% ENDFOR %} </div> <!-- END Список отзывов о товаре --> <!-- Нижняя навигация (страницы) --> <div class="goodsDataOpinionListNavigateBottom"> <!-- Страницы отзывов --> {% IF opinion_show_pages %} <div class="pager"> <ul class="pages"> <span class="title">Страницы: </span> {% FOR opinion_pages_list %} {% IF opinion_pages_list.CURRENT %} <li class="current"><span>{opinion_pages_list.PAGE}</span></li> {% ELSE %} <li> <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}#show_tab_4">{opinion_pages_list.PAGE}</a></li> {% ENDIF %} {% ENDFOR %} </ul> </div> {% ENDIF %} </div> <!-- END Нижняя навигация (страницы) --> {% ENDIF %} </div> {% ENDIF %} <!-- END Если по товару есть хотя бы один отзыв --> <!-- Форма добавления нового отзыва о товаре --> <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm"> <div id="goodsDataOpinionAdd"> <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF%}> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <h3>Новый отзыв о «{GOODS_NAME}»</h3> <div class="goodsDataOpinionAddTable form"> {% IF TARIFF_FEATURE_CLIENT_ROOM %} {% IFNOT CLIENT_IS_LOGIN %} <div class="goodsDataOpinionMessage"> <p>Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}" class="link-more">авторизуетесь</a> перед написанием отзыва.</p> </div> {% ENDIF %} {% ENDIF %} <!-- Форма добавления отзыва о товаре --> {% IFNOT CLIENT_IS_LOGIN %} <div class="goodsDataOpinionBlock"> <label for="goods_opinion_name">Ваше имя</label> <input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="inputText"/> </div> {% ENDIF %} <div class="goodsDataOpinionBlock"> <label for="goods_opinion_title">Заголовок</label> <input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="inputText" /> </div> <div class="goodsDataOpinionBlock"> <label>Оценка товара</label> <div class="goodsDataOpinionRating"> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" /> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/> </div> <span class="goodsDataOpinionMsg"></span> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_accomplishments">Достоинства</label> <textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_limitations">Недостатки</label> <textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_LIMITATIONS}</textarea> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_comment">Комментарий</label> <textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_COMMENT}</textarea> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label> <div class="generally"> <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label> <br/> <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label> </div> </div> {% IF USE_CAPTCHA %} <div class="goodsDataOpinionBlock"> <label for="opinion_captcha_string" title="Введите код с картинки">Введите код</label> <div class="goodsDataOpinionCaptcha"> <input type="text" id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" autocomplete="off" class="captcha inputText" value="{FORM_}" /> <img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /> <i class="fa fa-refresh goodsDataOpinionCaptchaRefresh"></i> </div> </div> {% ENDIF %} <!-- Кнопка отправки формы --> <div class="clear"> <button type="button" title="Отменить" class="goodsDataOpinionFormReset button">Отменить</button> <button type="button" title="Добавить отзыв о «{GOODS_NAME}»" class="button" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button> </div> </div> </div> </div> </form> <!-- Дабы добавляющий увидел результат добавления изменим хэш --> {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %} </div> </div> {% ENDIF %} <!-- END Если не выключен модуль отзывов о товаре --> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль отзывов о товаре --> </div> <!-- /END Основные вкладки описаний товара --> </div>
и после строки
<!-- /END Форма карточки товара -->вставьте:
<!-- Описание --> <div class="col-xs-12"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> {% ENDIF %} <!-- /END Описание --> </div>
2) В конец шаблона main.css вставьте:
.add-to-box.f-fix {display:none;}
3) В шаблоне ТОВАР замените
<!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}" itemprop="price"> <span class="price" itemprop="price">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div>на
<div class="name-tovar">{GOODS_NAME} <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}" itemprop="price"> <span class="price" itemprop="price">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div> </div>в конец main.css добавьте:
.name-tovar { color: #85D301; font-size: 18px; }
4) В main.css замените
#header-right .header-compare {position: relative;}на
#header-right .header-compare {position: relative;display: none;}
Уточните, вход в ЛК и Регистрация необходимо убрать только из карточки товара?
#28
Отправлено 05 Февраль 2016 - 10:43
RedHead (04 Февраль 2016 - 21:10) писал:
1) Если правильно Вас поняла, в Ваших товарах не будет вкладок Характеристики и Отзывы. Останется только Описание товара?
В шаблоне ТОВАР удалите блок кода:
<!-- Основные вкладки описаний товара --> <div class="product-tabs clear"> <ul class="tabs"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>{% ENDIF %} {% IFNOT goods_features_empty %}<li><a href="javascript:tabSwitch(2);" id="tab_2">Характеристики</a></li>{% ENDIF %} {% IF TARIFF_FEATURE_GOODS_OPINION && SETTINGS_OPINION_DISABLE=0 %}<li><a href="javascript:tabSwitch(4);" id="tab_4">Отзывы</a></li>{% ENDIF %} </ul> <!-- Описание --> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <div id="content_1" class="tab-content effect-bounceInRight"> <div class="product-shop col-md-7 col-sm-12 col-sms-12" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <div class="htmlDataBlock"> <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %} <!-- Характеристики --> {% IFNOT goods_features_empty %} <div id="content_2" class="tab-content effect-bounceInRight" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{%ENDIF%}> <table class="table-box"> <tbody> {% FOR goods_features%} <tr> <th class="name"><span class="value">{goods_features.NAME}</span></th> <td class="data">{goods_features.VALUE}</td> </tr> {% ENDFOR %} </tbody> </table> </div> {% ENDIF %} <!-- Отзывы --> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре --> {% IFNOT SETTINGS_OPINION_DISABLE %} <div id="content_4" class="tab-content effect-bounceInRight" style="display:none;"> <div id="goodsDataOpinionBlock" class="goodsDataOpinion"> <!-- Если отзывов по товару вообще нет, ни положительных ни отрицательных --> {% IF FORM_NOTICE %} <div class="goodsDataOpinionNotice"> <h3 class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</h3> </div> {% ENDIF %} {% IF opinion_list_empty_without_filter %} <div class="goodsDataOpinionMessage empty"><p>Отзывов пока не было. Вы можете <a href="#goodsDataOpinionAdd" class="goodsDataOpinionShowAddForm">оставить его первым</a></p></div> <!-- Если по товару есть хотя бы один отзыв --> {% ELSE %} <div class="goodsDataOpinionBody"> <!-- Верхняя навигация (Фильтры и страницы) --> <div class="goodsDataOpinionListNavigateTop"> <!-- Фильтры отзывов --> <a class="button allOpinions">Все ({GOODS_OPINION_RATING_CNT_ALL})</a> <a class="button goodOpinions">Положительные ({GOODS_OPINION_RATING_CNT_GOOD})</a> <a class="button badOpinions">Отрицательные ({GOODS_OPINION_RATING_CNT_BAD})</a> <a href="#goodsDataOpinionAdd" class="goodsDataOpinionShowAddForm button">Оставить отзыв</a> </div> <!-- END Верхняя навигация (Фильтры и страницы) --> <!-- Если отзывов по товару не было с учетом фильтра по настроению отзыва --> {% IFNOT opinion_list_empty %} <!-- Список отзывов о товарах --> <div class="goodsDataOpinionList" itemprop="review" itemscope itemtype="http://schema.org/Review"> {% FOR opinion_list %} <div class="{% IF opinion_list.GENERALLY_IS_GOOD %}good{% ELSE %}bad{% ENDIF %} bord"> <div class="cell1 col-sm-3 col-xs-12" > <strong itemprop="author" class="goodsDataOpinionListClient {% IF opinion_list.CLIENT_ID %}auth{% ENDIF %}">{opinion_list.NAME}</strong> {% IF opinion_list.RATING %} <div class="rating-box" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{opinion_list.RATING}"> <meta itemprop="reviewCount" content = "{opinion_list.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{opinion_list.RATING}0%" alt="{opinion_list.RATING}" title="Рейтинг товара"></div> </div> {% ENDIF %} <span class="goodsDataOpinionListDate"> <meta itemprop="datePublished" content="{opinion_list.DATE | date("Y-m-d")}"> <span class="time">{opinion_list.DATE}</span> </span> {% IF opinion_list.DELETE_URL %} <a href="{opinion_list.DELETE_URL}?return_to={CURRENT_URL | urlencode}%3Fgenerally_is_good%3D{GOODS_OPINION_GENERALLY_IS_GOOD | urlencode}%26page={OPINION_PAGES_LIST_CURRENT}#show_tab_4" class="button" onclick="alert('Вы действительно хотите удалить отзыв?')">Удалить</a> {% ENDIF %} </div> <div class="cell2 col-sm-9 col-xs-12"> {% IF opinion_list.TITLE %}<div class="goodsDataOpinionListTitle"><strong><span itemprop="name">{opinion_list.TITLE}</span></strong></div>{% ENDIF %} {% IF opinion_list.ACCOMPLISHMENTS %}<div class="goodsDataOpinionListDesc"><strong>Достоинства:</strong><span itemprop="description">{opinion_list.ACCOMPLISHMENTS | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.LIMITATIONS %}<div class="goodsDataOpinionListDesc"><strong>Недостатки:</strong><span itemprop="description">{opinion_list.LIMITATIONS | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.COMMENT %}<div class="goodsDataOpinionListDesc"><strong>Комментарий:</strong><span itemprop="reviewBody">{opinion_list.COMMENT | nl2br}</span></div>{% ENDIF %} {% IF opinion_list.ANSWER %}<div class="goodsDataOpinionListTableAnswer"> <span>{opinion_list.ANSWER | nl2br}</span></div>{% ENDIF %} </div> </div> {% ENDFOR %} </div> <!-- END Список отзывов о товаре --> <!-- Нижняя навигация (страницы) --> <div class="goodsDataOpinionListNavigateBottom"> <!-- Страницы отзывов --> {% IF opinion_show_pages %} <div class="pager"> <ul class="pages"> <span class="title">Страницы: </span> {% FOR opinion_pages_list %} {% IF opinion_pages_list.CURRENT %} <li class="current"><span>{opinion_pages_list.PAGE}</span></li> {% ELSE %} <li> <a href="{GOODS_OPINION_PAGINATE_URL}&page={opinion_pages_list.PAGE}#show_tab_4">{opinion_pages_list.PAGE}</a></li> {% ENDIF %} {% ENDFOR %} </ul> </div> {% ENDIF %} </div> <!-- END Нижняя навигация (страницы) --> {% ENDIF %} </div> {% ENDIF %} <!-- END Если по товару есть хотя бы один отзыв --> <!-- Форма добавления нового отзыва о товаре --> <form action="{CURRENT_URL}" method="post" class="goodsDataOpinionAddForm"> <div id="goodsDataOpinionAdd"> <div id="goodsDataOpinionAddBlock" {% IFNOT FORM_GOODS_ID %}style="display:none"{% ENDIF%}> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_FROM}]" value="{GOODS_FROM}" /> <input type="hidden" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_ID}]" value="{GOODS_ID}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <h3>Новый отзыв о «{GOODS_NAME}»</h3> <div class="goodsDataOpinionAddTable form"> {% IF TARIFF_FEATURE_CLIENT_ROOM %} {% IFNOT CLIENT_IS_LOGIN %} <div class="goodsDataOpinionMessage"> <p>Ваши знания будут оценены посетителями сайта, если Вы <a href="{USER_LOGIN_URL}" class="link-more">авторизуетесь</a> перед написанием отзыва.</p> </div> {% ENDIF %} {% ENDIF %} <!-- Форма добавления отзыва о товаре --> {% IFNOT CLIENT_IS_LOGIN %} <div class="goodsDataOpinionBlock"> <label for="goods_opinion_name">Ваше имя</label> <input type="text" id="goods_opinion_name" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_NAME}]" value="{FORM_GOODS_OPINION_NAME}" maxlength="255" class="inputText"/> </div> {% ENDIF %} <div class="goodsDataOpinionBlock"> <label for="goods_opinion_title">Заголовок</label> <input type="text" id="goods_opinion_title" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_TITLE}]" value="{FORM_GOODS_OPINION_TITLE}" maxlength="255" class="inputText" /> </div> <div class="goodsDataOpinionBlock"> <label>Оценка товара</label> <div class="goodsDataOpinionRating"> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_RATING=1 %}checked="checked"{% ENDIF %} title="Ужасный" /> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="2" {% IF FORM_GOODS_OPINION_RATING=2 %}checked="checked"{% ENDIF %} title="Очень плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="3" {% IF FORM_GOODS_OPINION_RATING=3 %}checked="checked"{% ENDIF %} title="Плохой"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="4" {% IF FORM_GOODS_OPINION_RATING=4 %}checked="checked"{% ENDIF %} title="ниже среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="5" {% IF FORM_GOODS_OPINION_RATING=5 %}checked="checked"{% ENDIF %} title="Средний"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="6" {% IF FORM_GOODS_OPINION_RATING=6 %}checked="checked"{% ENDIF %} title="Выше среднего"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="7" {% IF FORM_GOODS_OPINION_RATING=7 %}checked="checked"{% ENDIF %} title="Хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="8" {% IF FORM_GOODS_OPINION_RATING=8 %}checked="checked"{% ENDIF %} title="Очень хороший"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="9" {% IF FORM_GOODS_OPINION_RATING=9 %}checked="checked"{% ENDIF %} title="Отличный"/> <input name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_RATING}]" type="radio" value="10" {% IF FORM_GOODS_OPINION_RATING=10 %}checked="checked"{% ENDIF %} title="Превосходный"/> </div> <span class="goodsDataOpinionMsg"></span> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_accomplishments">Достоинства</label> <textarea id="goods_opinion_accomplishments" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_ACCOMPLISHMENTS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_ACCOMPLISHMENTS}</textarea> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_limitations">Недостатки</label> <textarea id="goods_opinion_limitations" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_LIMITATIONS}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_LIMITATIONS}</textarea> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_comment">Комментарий</label> <textarea id="goods_opinion_comment" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_COMMENT}]" cols="100" rows="3" class="textarea">{FORM_GOODS_OPINION_COMMENT}</textarea> </div> <div class="goodsDataOpinionBlock"> <label for="goods_opinion_generally_is_good1">В целом Ваш отзыв</label> <div class="generally"> <input id="goods_opinion_generally_is_good1" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="1" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=1 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good1">Положительный</label> <br/> <input id="goods_opinion_generally_is_good0" name="form[{ANTISPAM_FORM_FIELD_NAME_GOODS_OPINION_GENERALLY_IS_GOOD}]" type="radio" value="0" {% IF FORM_GOODS_OPINION_GENERALLY_IS_GOOD=0 %}checked="checked"{% ENDIF %}/> <label for="goods_opinion_generally_is_good0">Отрицательный</label> </div> </div> {% IF USE_CAPTCHA %} <div class="goodsDataOpinionBlock"> <label for="opinion_captcha_string" title="Введите код с картинки">Введите код</label> <div class="goodsDataOpinionCaptcha"> <input type="text" id="opinion_captcha_string" name="form[{ANTISPAM_FORM_FIELD_NAME_CAPTCHA_STRING}]" autocomplete="off" class="captcha inputText" value="{FORM_}" /> <img src="{CAPTCHA_URL}" class="goodsDataOpinionCaptchaImg" alt="Код" title="Проверочный код, который нужно ввести в соседнее поле" /> <i class="fa fa-refresh goodsDataOpinionCaptchaRefresh"></i> </div> </div> {% ENDIF %} <!-- Кнопка отправки формы --> <div class="clear"> <button type="button" title="Отменить" class="goodsDataOpinionFormReset button">Отменить</button> <button type="button" title="Добавить отзыв о «{GOODS_NAME}»" class="button" onclick="$('.goodsDataOpinionAddForm').submit()">Добавить отзыв</button> </div> </div> </div> </div> </form> <!-- Дабы добавляющий увидел результат добавления изменим хэш --> {% IF FORM_GOODS_ID %}<script type="text/javascript">document.location.hash="goodsDataOpinionAdd"</script>{% ENDIF %} </div> </div> {% ENDIF %} <!-- END Если не выключен модуль отзывов о товаре --> {% ENDIF %} <!-- END Если в тарифном плане подключен модуль отзывов о товаре --> </div> <!-- /END Основные вкладки описаний товара --> </div>
и после строки
<!-- /END Форма карточки товара -->вставьте:
<!-- Описание --> <div class="col-xs-12"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %} <!-- Блок описания товара. Показываем его если есть описание товара --> {% IF GOODS_DESCRIPTION_LARGE %} <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Блок описания товара. Показываем его если есть описание товара --> <!-- Короткое SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_SHORT %} <p>{GOODS_SEO_DESCRIPTION_SHORT}</p> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF GOODS_SEO_DESCRIPTION_LARGE %} <p>{GOODS_SEO_DESCRIPTION_LARGE}</p> {% ENDIF %} <!-- END Полное SEO-описание --> {% ENDIF %} <!-- /END Описание --> </div>
2) В конец шаблона main.css вставьте:
.add-to-box.f-fix {display:none;}
3) В шаблоне ТОВАР замените
<!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}" itemprop="price"> <span class="price" itemprop="price">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div>на
<div class="name-tovar">{GOODS_NAME} <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %} <p class="old-price goodsDataMainModificationPriceOld {CURRENCY_CHAR_CODE}"> <span class="price">{GOODS_MOD_PRICE_OLD | money_format}</span> </p> {% ENDIF %} <p class="special-price goodsDataMainModificationPriceNow {CURRENCY_CHAR_CODE}" itemprop="price"> <span class="price" itemprop="price">{GOODS_MOD_PRICE_NOW | money_format}</span> </p> </div> </div>в конец main.css добавьте:
.name-tovar { color: #85D301; font-size: 18px; }
4) В main.css замените
#header-right .header-compare {position: relative;}на
#header-right .header-compare {position: relative;display: none;}
Уточните, вход в ЛК и Регистрация необходимо убрать только из карточки товара?
Получилось не совсем так, как хотелось.
1. Исчезли меню В КОРЗИНУ, БЫСТРЫЙ ЗАКАЗ, меню выбора количества товара. Их надо вернуть на изначальное место, где они и были. Там еще и другие модификации будут (вкус, цвет, и так далее).
2. Название товара в области где цена, надо сделать над ценой.
3. Текст с описанием надо немного опустить вниз, что бы был отступ от фотографии.
4. Справа, где маленькие иконки КОРЗИНА, ПОИСК и ВХОД В ЛК надо убрать иконку ВХОД В ЛК или РЕГИСТРАЦИЯ, так же как и убрали от туда иконку сравнение товаров.
Прикрепляю скрин 1, где было показано какие изменения надо произвести и скрин 2, где показано как стало.
Я перед этими изменениями делал бэкап, напишите мне, как поступить, вернуться к исходнику или вносить изменения при нынешнем виде!!!!
#29
Отправлено 06 Февраль 2016 - 19:49
#30
Отправлено 07 Февраль 2016 - 17:16
Alex87 (06 Февраль 2016 - 19:49) писал:
Здравствуйте. Извините за ожидание.
1) В шаблоне main.css замените строку:
.add-to-box.f-fix {display:none;}на:
ul.add-to-links.f-fix {display:none;}
2) В шаблоне ТОВАР замените строку
<div class="name-tovar">{GOODS_NAME}на:
<div class="name-tovar">{GOODS_NAME} <br>
в main.css можно заменить строки
.name-tovar { color: #85D301; font-size: 18px; }на:
.name-tovar { color: #85D301; font-size: 18px; line-height: 150%; }чтобы увеличить межстрочный интервал.
3) В шаблоне ТОВАР замените строки:
<div class="col-xs-12"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}на:
<div class="description-tov col-xs-12"> {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
затем в конец main.css вставьте:
.description-tov {margin-top: 30px;}измените числовое значение на необходимое.
4) В конец main.css добавьте:
.header-link {display: none;}
#31
Отправлено 08 Февраль 2016 - 17:02
На скриншоте показано, в какой области надо изменить. И еще надо убрать иконку отображения товара СПИСКОМ!
Заранее спасибо!
#32
Отправлено 08 Февраль 2016 - 19:51
Alex87 (08 Февраль 2016 - 17:02) писал:
На скриншоте показано, в какой области надо изменить. И еще надо убрать иконку отображения товара СПИСКОМ!
Заранее спасибо!
Здравствуйте.
1) Если поняли Вас правильно, то необходимо сделать каталог товаров на главной таким же, как и другие каталоги. Их разница в том, что в товарах на главной отображаются характеристики. Добавим их в каталог.
В шаблоне ТОВАРЫ после строк (начинающихся на 132 строчке):
<div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <meta itemprop="name" content="{goods.NAME}"> <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
вставьте:
<div> {% FOR goods_attr_list %} <span class="attr_name">{goods.goods_attr_list.NAME}</span> <span class="attr_value"> {goods.goods_attr_list.VALUE}</span></br> {% ENDFOR %} </div>
2) Если Вы не хотите убрать отображение товаров списком, то убрать иконку недостаточно. В шаблоне ТОВАРЫ удалите блок кода:
{% ELSE %} <!-- Вывод товаров Списком --> <ul class="products-list"> {% FOR goods %} <li class="item" itemscope itemtype="http://schema.org/Product"> <div class="item-inner row"> <div class="col-sm-4 col-sms-4 col-smb-12"> <div class="product-image"> <div class="ico-product"> {% IF goods.IS_NEW %} <span class="ico-new">Новинка</span> {% ELSEIF goods.IS_TOP %} <span class="ico-best">Хит</span> {% ENDIF %} {% IF goods.MAX_DISCOUNT %} <span class="ico-sale">Скидка</span> {% ENDIF %} </div> <a href="{goods.URL | url_amp}" title="{goods.NAME}"> <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image"/> </a> </div> </div> <div class="col-sm-8 col-sms-8 col-smb-12"> <div class="product-shop"> <div class="product-info"> <div class="product-name"><a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div> <meta itemprop="name" content="{goods.NAME}"> <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <!-- информация для поисковика о валюте товара --> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="old-price"> <span class="old-price price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="old-price"> <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span> </span> {% ENDIF %} <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span> </div> <div class="ratings"> <div class="rating-box"> {% IF goods.OPINION_RATING_VALUE %} <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="worstRating" content = "1"> <meta itemprop="bestRating" content = "10"> <meta itemprop="ratingValue" content = "{goods.OPINION_RATING_VALUE}"> <meta itemprop="reviewCount" content = "{goods.OPINION_RATING_CNT_ALL}"> <div class="rating" style="width:{goods.OPINION_RATING_VALUE}0%" alt="{goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div> </span> {% ELSE %} <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div> {% ENDIF %} </div> </div> </div> {% IF goods.DESCRIPTION_SHORT %} <div class="desc"> <p itemprop="description">{goods.DESCRIPTION_SHORT}</p> </div> {% ENDIF %} <div class="actions"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <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}" /> <ul class="add-to-links"> <!--a class="add-cart quick button " title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span>В корзину</span><i class="fa fa-shopping-cart"></i></a--> <a class="add-cart button" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span>В корзину</span><i class="fa fa-shopping-cart"></i></a> <li class="wishlist"> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-heart"></i></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> </li> <li class="compare"> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </li> </ul> </form> </div> </div> </div> </div> </li> {% ENDFOR %} </ul>
и в конец main.css вставьте:
{display:none;}
#33
Отправлено 11 Февраль 2016 - 11:02
1. Сделать больше шрифт названия товара и цены.
2. Убрать иконку и вообще функцию БЫСТРЫЙ ЗАКАЗ.
3. Переместить иконку выбора количества товара и поместить ее над иконкой корзина. Иконку КОРЗИНА переместить на место иконки БЫСТРЫЙ ЗАКАЗ.
Скриншот со стрелочками прилагаю.
#34
Отправлено 11 Февраль 2016 - 11:26
Alex87 (11 Февраль 2016 - 11:02) писал:
1. Сделать больше шрифт названия товара и цены.
2. Убрать иконку и вообще функцию БЫСТРЫЙ ЗАКАЗ.
3. Переместить иконку выбора количества товара и поместить ее над иконкой корзина. Иконку КОРЗИНА переместить на место иконки БЫСТРЫЙ ЗАКАЗ.
Скриншот со стрелочками прилагаю.
Здравствуйте.
1) В шаблоне main.css замените строки:
.name-tovar { color: #85D301; font-size: 18px; line-height: 150%; }на:
.name-tovar { color: #85D301; font-size: 24px; line-height: 150%; }
и строку
.price {color: #85D301;font-size: 18px;letter-spacing: 0.01em;font-family: arial;display: inline-block;}на:
.price {color: #85D301;font-size: 18px;letter-spacing: 0.01em;font-family: arial;display: inline-block;} .name-tovar .price {color: #85D301;font-size: 26px;letter-spacing: 0.01em;font-family: arial;display: inline-block;}
Числовые значения подберите свои.
2) В шаблоне ТОВАР удалите строку:
<button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину"/>Быстрый заказ</button>
3) В шаблоне main.css замените строку:
.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;margin-left: 30px;display: inline-block;float: right;}на:
.product-view .product-shop .add-to-box .wrap-qty {background: #f8f8f8;display: block;float: left; margin-bottom: 20px;}
Далее в шаблоне ТОВАР после строк:
<div class="add-to-cart f-fix"> <div class="wrap-qty"> <div class="qty-title"><span>Количество:</span></div> <div class="qty-set"> <span class="quantity-minus fa fa-minus unselectable" title="Уменьшить"></span> <input type="text" name="form[goods_mod_quantity]" maxlength="5" value="1" min="1" title="Количество" class="inputText qty" onkeypress="return keyPress('0123456789')"> <span class="quantity-plus fa fa-plus unselectable" title="Увеличить"></span> </div> </div>вставьте:
<div class="clear"></div>
В завершении, выровняем эти две формы по ширине: в шаблоне main.css замените строку:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 16px;line-height: 100%;background: #85D301;padding: 12px 20px;float: left;}на:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {font-size: 16px;line-height: 100%;background: #85D301;padding: 12px 23px;float: left;}
#35
Отправлено 17 Февраль 2016 - 22:38
При добавлении товара и модификации к нему с только одним вкусом, этот вкус не отображается в карточке товара на сайте. Если несколько вкусов добавить, то все отображаются. А вот с одним не хочет. Как это исправить?
Заранее спасибо!
#36
Отправлено 18 Февраль 2016 - 01:16
<!-- Модификации --> <div class="goodsDataMainModificationsBlock f-fix" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>замените на:
<!-- Модификации --> <div class="goodsDataMainModificationsBlock f-fix">
#37
Отправлено 19 Февраль 2016 - 18:53
Alex87 (17 Февраль 2016 - 22:38) писал:
При добавлении товара и модификации к нему с только одним вкусом, этот вкус не отображается в карточке товара на сайте. Если несколько вкусов добавить, то все отображаются. А вот с одним не хочет. Как это исправить?
Заранее спасибо!
Изменения произвел. В карточке товара где один вкус, теперь он отображается. Но появилась другая проблема, там где вкусов нет вообще, появилась модификация под названием БАЗОВАЯ. Это некрасиво! Можно ли убрать это отображение совсем?
Заранее спасибо!
#38
Отправлено 19 Февраль 2016 - 19:10
Alex87 (19 Февраль 2016 - 18:53) писал:
Заранее спасибо!
В шаблоне Товар попробуйте найти код:
{% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %}
и заменить его на:
{% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% ENDIF %} {%IFNOT goods_modifications_properties.values.NAME = Базовая %}<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>{%ENDIF%} <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %}
#39
Отправлено 19 Февраль 2016 - 19:24
MikDark (19 Февраль 2016 - 19:10) писал:
{% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %}
и заменить его на:
{% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% ENDIF %} {%IFNOT goods_modifications_properties.values.NAME = Базовая %}<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>{%ENDIF%} <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %}
Не получилось. Прикрепляю скрин того, как выглядит после изменений. Надо совсем убрать выделенную часть!
Заранее спасибо!
#40
Отправлено 19 Февраль 2016 - 19:36
Alex87 (19 Февраль 2016 - 19:24) писал:
Заранее спасибо!
Попробуйте еще заменить:
{% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty"> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% ENDIF %} {%IFNOT goods_modifications_properties.values.NAME = Базовая %}<option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>{%ENDIF%} <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %}
на
{% FOR goods_modifications_properties %} <div class="goodsDataMainModificationsBlockProperty" {% FOR values %}{%IF goods_modifications_properties.values.NAME = Базовая %}style="display:none;"{%ENDIF%}{break}{%ENDFOR%}> <!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь --> {% FOR values %} <!-- Если это первый элемент в списке --> {% IF goods_modifications_properties.values.first %} <span>{goods_modifications_properties.NAME}:</span> <select name="form[properties][]" class="selectBox"> {% ENDIF %} <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option> <!-- Если это последний элемент в списке --> {% IF goods_modifications_properties.values.last %} </select> {% ENDIF %} {% ENDFOR %} </div> {goods_modifications_properties.index | is_divided("2","","")} {% ENDFOR %}
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных