Виджеты Вконтакте, Одноклассники
#1
Отправлено 24 Февраль 2015 - 19:38
1. как добавить виджеты ВКонтакте и Одноклассники, как на скриншоте 1? Надо чтобы они размещались симметрично сайту на всех страницах в этом месте. Размеры виджетов 400х250.
Код для Вконтакте:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "400", height: "250", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 87080554);
</script>
Код для одноклассников:
<div id="ok_group_widget"></div>
<script>
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "http://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
this.executed = true;
setTimeout(function () {
OK.CONNECT.insertGroupWidget(id,did,st);
}, 0);
}
}}
d.documentElement.appendChild(js);
}(document,"ok_group_widget","52160666140816","{width:400,height:250}");
</script>
2. как на странице с товаром удалить надпись "Наличие товара: в наличии". и галочку в кружочке тоже. И удалить "предыдущий товар/следующий товар" (скриншот 2).
3. убрать блок "С этим товаром смотрели" со всех страниц.
4 убрать блок-карусель "товары" на странице с выбором товаров, как на скриншоте 3.
5. можно ли в "Связь с администрацией" вместо гугловской карты вставить яндекс-карты?
Спасибо за ответы!
#2
Отправлено 25 Февраль 2015 - 01:53
#4
Отправлено 26 Февраль 2015 - 01:08
<div id="footer" class="footer-container">
после него вставьте:
<div class="social"> <div>код виджета</div> <div>код виджета2</div> </div>
В main.css добавьте:
#footer .social{ width:100%; } #footer .social div{ width:50% text-align:center; display:inline-block; }
2. В шаблоне Товар найдите и удалите:
{% IFNOT neighbor_goods_empty %} <div class="goods-pagination"> <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий товар</a> <span class="separator">|</span> <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий товар<span class="icon-long-arrow-right"></span></a> </div> {% ENDIF %}
<div class="goodsDataMainModificationAvailable"> <div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span><span class="icon-checkmark2"></span> В наличии</span></div> <div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span><span class="icon-cancel2"></span> Товара нет в наличии</span></div> </div>
3.В шаблоне Товар найдите и удалите:
{% IFNOT related_views_goods_empty %} <div class="product-collateral"> <div class="recommended-product carousel-box overflow no-pagination"> <div class="title-box no-margin"> <a class="next" href="#"> <span class="icon-uniE640"></span> </a> <a class="prev" href="#"> <span class="icon-arrow-left3"></span> </a> <h2 class="title">С этим товаром смотрят</h2> </div> <div class="clearfix"></div> <div class="row"> <div class="carousel products"> {% FOR related_views_goods %} <div class="col-sm-3 col-md-3 product rotation"> <div class="default"> {% IF related_views_goods.IS_NEW %} <span class="new"></span> {% ELSEIF related_views_goods.IS_TOP %} <span class="sale right"></span> {% ENDIF %} <div class="category-img"> <a href="{related_views_goods.URL}" title="{related_views_goods.NAME}" class="product-image"> <img class="goods-cat-image-medium" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{related_views_goods.IMAGE_MEDIUM}{% ENDIF %}" /> </a> </div> <div class="product-description"> <div class="vertical"> <h3 class="product-name"> <a title="{related_views_goods.NAME}" href="{related_views_goods.URL | url_amp}">{related_views_goods.NAME}</a> </h3> <div class="price"> <div class="price-box"> <span class="product-price"> <span class="price">{related_views_goods.MIN_PRICE_NOW | money_format}</span> {% IF related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_views_goods.MIN_PRICE_NOW %} <span class="price-old">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF related_views_goods.MIN_PRICE_OLD>related_views_goods.MIN_PRICE_NOW %} <span class="price-old">{related_views_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </span> </div> </div> </div> </div> </div> <div class="product-hover"> <h3 class="product-name"> <a class="prodName" title="{related_views_goods.NAME}" href="{related_views_goods.URL | url_amp}">{related_views_goods.NAME}</a> </h3> <div class="price"> <div class="price-box"> <p class="special-price"> <span class="price">{related_views_goods.MIN_PRICE_NOW | money_format}</span> </p> <p class="old-price" style="display:none;"> <span class="price">{related_views_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> </p> </div> </div> <div class="product-icon"> <a href="{related_views_goods.URL}" title="{related_views_goods.NAME}"> <img class="goods-cat-image-icon" src="{% IF related_views_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{related_views_goods.IMAGE_ICON}{% ENDIF %}" /> </a> </div> <div class="short-description"> <p>{related_views_goods.DESCRIPTION_SHORT}</p> </div> <div class="actions"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{related_views_goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{related_views_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{related_views_goods.MIN_PRICE_NOW_ID}" /> <a class="add-cart quick" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF related_views_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a> <!--a class="add-cart" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IFrelated_views_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a--> <!-- Если есть возможность добавить товар в избранное --> {% IF related_views_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="Добавить «{related_views_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного" title="Убрать «{related_views_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><span class="icon-heart-o"></span></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="Добавить «{related_views_goods.NAME}» в избранное" data-action-delete-title="Убрать «{related_views_goods.NAME}» из избранного" title="Добавить «{related_views_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><span class="icon-heart-o"></span></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF related_views_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="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{related_views_goods.NAME}" data-produrl="{related_views_goods.URL}" data-id="{related_views_goods.ID}" data-mod-id="{related_views_goods.MIN_PRICE_NOW_ID}" title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&from={related_views_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><span class="icon-loop"></span></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="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{related_views_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{related_views_goods.NAME}" data-produrl="{related_views_goods.URL}" data-id="{related_views_goods.ID}" data-mod-id="{related_views_goods.MIN_PRICE_NOW_ID}" title="Добавить «{related_views_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={related_views_goods.MIN_PRICE_NOW_ID}&from={related_views_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><span class="icon-loop"></span></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </form> </div><!-- .action --> </div> </div> {% ENDFOR %} </div> </div> </div> </div> {% ENDIF %}
4. В шаблоне HTML найдите и удалите:
<!-- Слайдер товаров из категории в которой вы находитесь --> {% IF MOD_LNAME = catalog %} {% IFNOT goods_empty %} <div class="widget banners carousel-box no-pagination" data-carousel-autoplay="true"> <div class="block-title"> <a class="next" href="#"> <span class="icon-uniE640"></span> </a> <a class="prev" href="#"> <span class="icon-arrow-left3"></span> </a> <h3>Товары</h3> </div> <div class="carousel-pagination row"> <div class="carousel"> {% FOR goods %} <div class="slide col-sm-12 col-md-12"> <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="carousel-product-image"> <img class="goods-image-small" alt="{goods.NAME}" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" /> </a> <div class="banner-text"> <h3 class="title"><a href="{goods.URL | url_amp}">{goods.NAME}</a></h3> </div> </div> {% ENDFOR %} </div> </div> </div> {% ENDIF %} {% ENDIF %} <!-- /END Слайдер товаров из категории в которой вы находитесь -->
5.В шаблоне Связь с администрацией вместо:
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d561.3157662584639!2d37.62073867360979!3d55.753932264112436!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b54a5a738fa419%3A0x7c347d506b52311f!2z0JrRgNCw0YHQvdCw0Y8g0J_Qu9C-0YnQsNC00Yw!5e0!3m2!1sru!2sru!4v1414594260608" frameborder="0" width="100%" height="270"></iframe>
вставьте код своей карты
#6
Отправлено 27 Февраль 2015 - 02:05
2. Выше нигде не указывалось на удаление данного блока(хотя предположу, что под разделом товаров "С этим товаром смотрят" вы как раз и подразумевали блок товаров "Вы смотрели", изначально неправильно вас поняла), в шаблоне HTML найдите и удалите:
<!-- Недавно просмотренные товары + --> {% IFNOT recently_viewed_goods_empty %} <div class="sidebar-list-products widget reviews"> <div class="block-title"> <h3>Вы смотрели</h3> </div> <ul> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 5 %}{break}{% ENDIF %} <li class="clearfix"> <a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}" class="product-image recently"> <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"> </a> <h3 class="product-name"> <a href="{recently_viewed_goods.URL}">{recently_viewed_goods.NAME}</a> </h3> <div class="price-box"> <span class="regular-price" id="product-price-9"> <span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span> {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br /> {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br /> {% ENDIF %} </span> </div> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /END Недавно просмотренные товары -->
#7
Отправлено 28 Февраль 2015 - 12:57
Vaccina (27 Февраль 2015 - 02:05) писал:
2. Выше нигде не указывалось на удаление данного блока(хотя предположу, что под разделом товаров "С этим товаром смотрят" вы как раз и подразумевали блок товаров "Вы смотрели", изначально неправильно вас поняла), в шаблоне HTML найдите и удалите:
<!-- Недавно просмотренные товары + --> {% IFNOT recently_viewed_goods_empty %} <div class="sidebar-list-products widget reviews"> <div class="block-title"> <h3>Вы смотрели</h3> </div> <ul> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 5 %}{break}{% ENDIF %} <li class="clearfix"> <a title="Перейти на страницу «{recently_viewed_goods.NAME}»" href="{recently_viewed_goods.URL}" class="product-image recently"> <img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=jade{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}"> </a> <h3 class="product-name"> <a href="{recently_viewed_goods.URL}">{recently_viewed_goods.NAME}</a> </h3> <div class="price-box"> <span class="regular-price" id="product-price-9"> <span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span> {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br /> {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %} <span class="price-old">{recently_viewed_goods.MIN_PRICE_OLD | money_format}</span><br /> {% ENDIF %} </span> </div> </li> {% ENDFOR %} </ul> </div> {% ENDIF %} <!-- /END Недавно просмотренные товары -->
Вассина, со вторым пунктом все получилось. Спасибо вам! А вот с виджетами беда. Да, я изначально не внимательно прочита вас. Сорри)) Сейчас все сделал, как вы написали, но результат тот же (скрин).
#8
Отправлено 04 Март 2015 - 05:15
#footer .social div{ width:50% text-align:center; display:inline-block; }на:
#footer .social div{ width:45%; margin: 0 2%; text-align:center; display:inline-block; float:left; }
скорее всего проблема изначально и была в неправильном синтаксисе стилей, что я вам указала в начале, пропустила точку с запятой после стиля, после изменения должно работать корректно
#9
Отправлено 10 Март 2015 - 08:58
Vaccina (04 Март 2015 - 05:15) писал:
#footer .social div{ width:50% text-align:center; display:inline-block; }на:
#footer .social div{ width:45%; margin: 0 2%; text-align:center; display:inline-block; float:left; }
скорее всего проблема изначально и была в неправильном синтаксисе стилей, что я вам указала в начале, пропустила точку с запятой после стиля, после изменения должно работать корректно
#10
Отправлено 11 Март 2015 - 00:34
#11
Отправлено 11 Март 2015 - 01:45
#footer .social { width: 100%; }замените на:
#footer .social { width: 100%; padding: 20px 0; }
далее найдите:
#footer .social div { width: 45%; margin: 0 2%; text-align: center; display: inline-block; float: left; }замените на:
#footer .social div { width: 45%; margin: 0 2%; text-align: center; display: inline-block; }
#12
Отправлено 11 Март 2015 - 07:42
Vaccina (11 Март 2015 - 01:45) писал:
#footer .social { width: 100%; }замените на:
#footer .social { width: 100%; padding: 20px 0; }
далее найдите:
#footer .social div { width: 45%; margin: 0 2%; text-align: center; display: inline-block; float: left; }замените на:
#footer .social div { width: 45%; margin: 0 2%; text-align: center; display: inline-block; }
Во! Спасибо вам! Встали как надо))
И последнее.
Как сократить лишнее расстояние, чтобы между блоком товаров и виджетами оставалось 1,5см? скрин 1
И как убрать поле сортировки со всех страниц? Как сверху, так и снизу. скрин 2-3
#13
Отправлено 11 Март 2015 - 20:10
Jango Freeman (11 Март 2015 - 07:42) писал:
И последнее.
Как сократить лишнее расстояние, чтобы между блоком товаров и виджетами оставалось 1,5см? скрин 1
И как убрать поле сортировки со всех страниц? Как сверху, так и снизу. скрин 2-3
Сделайте следующее:
В шаблоне main.css найдите код:
@media screen and (min-width: 1400px) .page-box-content { padding-bottom: 510px; }И замените его вот этим кодом:
@media screen and (min-width: 1400px) .page-box-content { /* padding-bottom: 510px; */ }После этого найдите этот код:
.page-box-content { padding-bottom: 370px; }И замените его:
.page-box-content { padding-bottom: 200px; }Далее добавьте в этот же шаблон вот этот код:
.toolbar.clearfix { display: none; }
#14
Отправлено 12 Март 2015 - 01:03
RayLi (11 Март 2015 - 20:10) писал:
Сделайте следующее:
В шаблоне main.css найдите код:
@media screen and (min-width: 1400px) .page-box-content { padding-bottom: 510px; }И замените его вот этим кодом:
@media screen and (min-width: 1400px) .page-box-content { /* padding-bottom: 510px; */ }После этого найдите этот код:
.page-box-content { padding-bottom: 370px; }И замените его:
.page-box-content { padding-bottom: 200px; }Далее добавьте в этот же шаблон вот этот код:
.toolbar.clearfix { display: none; }
Во! Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных