Мой Аккаунт SL-428383 хочу переделать подвал,а именно не нравится огромное расстояние с пробелом где "наши контакты" Убрать виджет с соц.сетями. Нужно сделать подвал более простой и информативный с контактами , инфо о доставке ,обратного звонка и прочее в виде столбиков можно. Текст по ширине сайте хотелось бы чтобы размещалось по шире,а не столбиком. В шапке сайта нужно чтобы был слева логотип, справа номер телефона и на этом фоне ниже хочу разместить категории товаров,как это реализовать?
0
Нужна Помощь В Настройке Дизайна Сайта
Автор voogy, 23 нояб. 2017 12:39
Сообщений в теме: 14
#2
MikDark
-
- Модераторы
-
- 6 468 сообщений
Активный участник
Отправлено 23 Ноябрь 2017 - 17:31
voogy (23 Ноябрь 2017 - 12:39) писал:
Мой Аккаунт SL-428383 хочу переделать подвал,а именно не нравится огромное расстояние с пробелом где "наши контакты" Убрать виджет с соц.сетями. Нужно сделать подвал более простой и информативный с контактами , инфо о доставке ,обратного звонка и прочее в виде столбиков можно. Текст по ширине сайте хотелось бы чтобы размещалось по шире,а не столбиком. В шапке сайта нужно чтобы был слева логотип, справа номер телефона и на этом фоне ниже хочу разместить категории товаров,как это реализовать?
Здравствуйте. Вам нужно из шаблона HTML удалить код:
<div class="col vk">
<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: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 20003922);
</script>
</div>
Вы хотите номер телефона между лого и кнопками сравнения?
#3
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 24 Ноябрь 2017 - 09:44
Вы хотите номер телефона между лого и кнопками сравнения?
Конечно мне нужен номер. Я бы хотел минимизировать кнопки корзина и сравнение. Чтобы более мобильнее выглядело.
Могу я вам пример сайта скинуть,как я хочу сделать оформление и расположение. И прочего?
Конечно мне нужен номер. Я бы хотел минимизировать кнопки корзина и сравнение. Чтобы более мобильнее выглядело.
Могу я вам пример сайта скинуть,как я хочу сделать оформление и расположение. И прочего?
#4
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 24 Ноябрь 2017 - 14:36
Вот что я хотел поменять. Буду благодарен.
Прикрепленные изображения
#5
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 24 Ноябрь 2017 - 15:22
voogy (24 Ноябрь 2017 - 09:44) писал:
Вы хотите номер телефона между лого и кнопками сравнения?
Конечно мне нужен номер. Я бы хотел минимизировать кнопки корзина и сравнение. Чтобы более мобильнее выглядело.
Могу я вам пример сайта скинуть,как я хочу сделать оформление и расположение. И прочего?
Конечно мне нужен номер. Я бы хотел минимизировать кнопки корзина и сравнение. Чтобы более мобильнее выглядело.
Могу я вам пример сайта скинуть,как я хочу сделать оформление и расположение. И прочего?
Найдите в шаблоне hTML код
<li class="header-button w50"><a href="{COMPARE_URL}" title="Сравнение"><span class="icon-diamond"></span> Сравнение <span id="compareInfoBlock"><span class="compare-count" id="compareInfo"><span class="nb_goods">{COMPARE_GOODS_COUNT}</span></span></span></a></li>
<li class="header-button w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> Корзина <span class="cart-count">
замените на
<li class="header-button w50"><a href="{COMPARE_URL}" title="Сравнение"><span class="icon-diamond"></span> <span id="compareInfoBlock"><span class="compare-count" id="compareInfo"><span class="nb_goods">{COMPARE_GOODS_COUNT}</span></span></span></a></li>
<li class="header-button w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> <span class="cart-count">
voogy (24 Ноябрь 2017 - 14:36) писал:
Вот что я хотел поменять. Буду благодарен.
<div class="welcome-message"><a href="{INDEX_PAGE_URL}">Добро пожаловать на сайт!</a></div>
замените на
<div class="welcome-message"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
<span class="icon-phone"></span>
<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
{SETTINGS_STORE_PHONE_NUMBER1}
</a></div>
далее найдите в файле main.css код
.menuWrap {
overflow: hidden;
}
замените на
.menuWrap {
overflow: hidden;
text-align: center;
}
далее найдите код
.menuWrap li {
list-style: none;
float: left;
padding: 11px 0;
border-radius: 2px;
margin: 5px 10px 5px 0;
}
замените на
.menuWrap li {
list-style: none;
/* float: left; */
padding: 11px 0;
border-radius: 2px;
margin: 5px 10px 5px 0;
display: inline-block;
}
далее найдите
.mainwidth{width:960px;margin:0 auto;}
замените на
.mainwidth{width:1200px;margin:0 auto;}
далее найдите код
.leftbars{width:200px;float:left;}
.adaptres{width:600px;float:left;margin-left:100px;}
замените на
.leftbars{width:300px;float:left;}
.adaptres{width:870px;float:left;margin-left:30px;}
#7
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 24 Ноябрь 2017 - 16:28
Еще здесь надо подвинуть.на первом рисунке.
на втором рисунке я написал в нем что нужно.
и на третьем рисунке прошу помощи,не нравится пустоты и все в одной куче. МОжно как на других шаблонах. сделано. Хотелось бы вместо powered storeland политику конфидецеальности поставить
Скажите как поменять цвета шаблона,шапки и некоторых кнопок и иконок?
на втором рисунке я написал в нем что нужно.
и на третьем рисунке прошу помощи,не нравится пустоты и все в одной куче. МОжно как на других шаблонах. сделано. Хотелось бы вместо powered storeland политику конфидецеальности поставить
Скажите как поменять цвета шаблона,шапки и некоторых кнопок и иконок?
Прикрепленные изображения
#8
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 24 Ноябрь 2017 - 16:52
Еще здесь надо подвинуть.на первом рисунке.
на втором рисунке я написал в нем что нужно.
и на третьем рисунке прошу помощи,не нравится пустоты и все в одной куче. МОжно как на других шаблонах. сделано. Хотелось бы вместо powered storeland политику конфидецеальности поставить
на втором рисунке я написал в нем что нужно.
и на третьем рисунке прошу помощи,не нравится пустоты и все в одной куче. МОжно как на других шаблонах. сделано. Хотелось бы вместо powered storeland политику конфидецеальности поставить
#9
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 25 Ноябрь 2017 - 02:36
Помогите разобраться в характеристиках, как сделать чтобы характеристики в одном столбике были,а не в разброс
Прикрепленные изображения
#10
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 25 Ноябрь 2017 - 23:13
Как сделать ,чтобы когда при просмотре товара, ниже были сопутствующие товары и товары которые смотрят в виде слайдов?
#11
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 28 Ноябрь 2017 - 15:25
voogy (24 Ноябрь 2017 - 16:28) писал:
Еще здесь надо подвинуть.на первом рисунке.
на втором рисунке я написал в нем что нужно.
и на третьем рисунке прошу помощи,не нравится пустоты и все в одной куче. МОжно как на других шаблонах. сделано. Хотелось бы вместо powered storeland политику конфидецеальности поставить
Скажите как поменять цвета шаблона,шапки и некоторых кнопок и иконок?
на втором рисунке я написал в нем что нужно.
и на третьем рисунке прошу помощи,не нравится пустоты и все в одной куче. МОжно как на других шаблонах. сделано. Хотелось бы вместо powered storeland политику конфидецеальности поставить
Скажите как поменять цвета шаблона,шапки и некоторых кнопок и иконок?
voogy (25 Ноябрь 2017 - 02:36) писал:
Помогите разобраться в характеристиках, как сделать чтобы характеристики в одном столбике были,а не в разброс
{% IFNOT goods_features_empty %}
<h3>Характеристики {GOODS_NAME}</h3>
<table class="goodsDataFeatures table-box" width="100%">
<tr>
{% FOR goods_features%}
<td>
<p class="name"><span class="value">{goods_features.NAME}</span></p>
</td>
<td>
<span class="value">{goods_features.VALUE}</span>
</td>
{goods_features.index | is_divided("2","</tr><tr>","")}
{% ENDFOR %}
</tr>
</table>
{% ENDIF %}
замените на
{% IFNOT goods_features_empty %}
<h3>Характеристики {GOODS_NAME}</h3>
<table class="goodsDataFeatures table-box" width="100%">
<tr>
{% FOR goods_features%}
<td>
<p class="name"><span class="value">{goods_features.NAME}</span></p>
</td>
<td>
<span class="value">{goods_features.VALUE}</span>
</td>
{% ENDFOR %}
</tr>
</table>
{% ENDIF %}
далее найдите в файле main.js код
/*Карусель миниизобржений*/
$(document).ready(function() {
var scrolls = getClientSize();
var owl = $("#owl-demo10");
owl.owlCarousel({
items : 4, //10 items above 1000px browser width
itemsDesktop : [1200,4], //4 items between 1650px and 901px
itemsDesktopSmall : [737,4], // betweem 1250px and 601px
itemsTablet: [430,4], //1 items between 600 and 0
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
});
замените на
/*Карусель миниизобржений*/
$(document).ready(function() {
var scrolls = getClientSize();
var owl = $("#owl-demo10");
owl.owlCarousel({
items : 2, //10 items above 1000px browser width
itemsDesktop : [1200,2], //4 items between 1650px and 901px
itemsDesktopSmall : [737,4], // betweem 1250px and 601px
itemsTablet: [430,1], //1 items between 600 and 0
itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
});
voogy (25 Ноябрь 2017 - 23:13) писал:
Как сделать ,чтобы когда при просмотре товара, ниже были сопутствующие товары и товары которые смотрят в виде слайдов?
Добавьте к товару сопутствующие товары и они отобразятся в виде карусели.
#12
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 28 Ноябрь 2017 - 15:29
Да пришлось внести,потому что с вашей скоростью ответа, ничего не успеешь. Но и на этом спасибо,будут вопросы напишу.
#13
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 29 Ноябрь 2017 - 12:41
Здравствуйте, возник вопрос, как реализовать категории вверху сайта на всех страницах, чтобы при наведении на определенную категорию, выпадали соответствующие этой категории подкатегории. Плюс к этому, чтобы при наведении на корзину, выпадало содержание корзины с возможностью удаления товаров из корзины и оформления заказа.
#14
Ирина345
-
- Модераторы
-
- 5 709 сообщений
Активный участник
Отправлено 29 Ноябрь 2017 - 14:34
voogy (29 Ноябрь 2017 - 12:41) писал:
Здравствуйте, возник вопрос, как реализовать категории вверху сайта на всех страницах, чтобы при наведении на определенную категорию, выпадали соответствующие этой категории подкатегории. Плюс к этому, чтобы при наведении на корзину, выпадало содержание корзины с возможностью удаления товаров из корзины и оформления заказа.
Такой вариант подойдет?
Что бы добавить выпадающую корзину, найдите в шаблоне HTML код
замените на
<li class="header-button w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> <span class="cart-count">
<span id="cart-total">{% IF cart_count_empty %}<span class="red">0</span>{% ELSE %}{CART_COUNT_TOTAL}{% ENDIF %}</span></span> </a></li>
<li class="header-button w50 cart"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> <span class="cart-count">
<span id="cart-total">{% IF cart_count_empty %}<span class="red">0</span>{% ELSE %}{CART_COUNT_TOTAL}{% ENDIF %}</span></span> </a>
<div class="dropdown-cart">
<div class="cart-content">
{% IF cart_count_empty %}
<div class="cart-empty">Ваша корзина пуста</div>
{% ELSE %}
<ul class="cart-products-list">
{% FOR cart_items %}
<li class="cart-item">
<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=summer{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
<div class="product-details">
<p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
<p class="product-mod">{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</p>
<strong class="qty">{cart_items.ORDER_LINE_QUANTITY}</strong> x
<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
</div>
<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
</li>
{% ENDFOR %}
</ul>
{% FOR cart_sum %}
<div class="subtotal">Итого: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
{% ENDFOR %}
<a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
{% ENDIF %}
</div>
</div>
</li>
в конец файла main.css добавьте
.dropdown-cart {position: absolute;right: 0;z-index: 99;box-shadow: 0 1px 2px 1px #dadada;padding: 15px;width: 300px;background-color: #ffffff;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.header-button.w50.cart:hover .dropdown-cart {overflow: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.dropdown-cart .cart-products-list {max-height: 320px;overflow-y: scroll;margin-right: -10px;}
.dropdown-cart .cart-products-list .cart-item {float: left;line-height: normal;margin: 0 0 8px 0;padding: 0 0 8px 0;}
.dropdown-cart .cart-products-list .cart-item .product-image {float: left;border: 0;padding: 0;width: 145px;}
.dropdown-cart .cart-products-list .cart-item .product-image img {border: #dddddd solid 1px;padding: 1px;}
.dropdown-cart .cart-products-list .cart-item .product-details {color: #2f85dc;float: left;text-align: left;padding: 0 0 0 10px;margin: 0;position: relative;width: 115px;}
.dropdown-cart .cart-products-list .cart-item .product-details .product-name {margin: 0;color: #2f85dc;}
.dropdown-cart .cart-products-list .cart-item .product-details .product-mod {word-wrap: break-word;overflow: hidden;margin: 0 0 5px;color: #2f85dc;}
.dropdown-cart .cart-products-list .cart-item .product-remove {margin-top: -20px;float: right;right: 5px;position: relative;}
.dropdown-cart .subtotal {border-top: 1px solid #dddddd;margin-top: 10px;padding: 10px 8px;text-align: left;line-height: 20px;}
.dropdown-cart .subtotal .total-sum {font-size: 15px;margin-left: 20px;color: #414141;}
.dropdown-cart .button.products-remove {float: left;}
.dropdown-cart .button:first-child {float: left;}
.dropdown-cart .button:last-child {float: right;}
#15
voogy
-
- Пользователи
-
- 11 сообщений
Пользователь
Отправлено 30 Ноябрь 2017 - 14:35
Ирина345 (29 Ноябрь 2017 - 14:34) писал:
Здравствуйте, где относительно меню (Главная, корзина, Каталог и т.п.) вывести данные подкатегории?
Такой вариант подойдет?
Что бы добавить выпадающую корзину, найдите в шаблоне HTML код
замените на
в конец файла main.css добавьте
Такой вариант подойдет?
Что бы добавить выпадающую корзину, найдите в шаблоне HTML код
замените на
<li class="header-button w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> <span class="cart-count">
<span id="cart-total">{% IF cart_count_empty %}<span class="red">0</span>{% ELSE %}{CART_COUNT_TOTAL}{% ENDIF %}</span></span> </a></li>
<li class="header-button w50 cart"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> <span class="cart-count">
<span id="cart-total">{% IF cart_count_empty %}<span class="red">0</span>{% ELSE %}{CART_COUNT_TOTAL}{% ENDIF %}</span></span> </a>
<div class="dropdown-cart">
<div class="cart-content">
{% IF cart_count_empty %}
<div class="cart-empty">Ваша корзина пуста</div>
{% ELSE %}
<ul class="cart-products-list">
{% FOR cart_items %}
<li class="cart-item">
<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=summer{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
<div class="product-details">
<p class="product-name"><a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a></p>
<p class="product-mod">{% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}</p>
<strong class="qty">{cart_items.ORDER_LINE_QUANTITY}</strong> x
<span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
</div>
<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
</li>
{% ENDFOR %}
</ul>
{% FOR cart_sum %}
<div class="subtotal">Итого: <span class="total-sum">{cart_sum.NOW | money_format}</span></div>
{% ENDFOR %}
<a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a>
{% ENDIF %}
</div>
</div>
</li>
в конец файла main.css добавьте
.dropdown-cart {position: absolute;right: 0;z-index: 99;box-shadow: 0 1px 2px 1px #dadada;padding: 15px;width: 300px;background-color: #ffffff;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.header-button.w50.cart:hover .dropdown-cart {overflow: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.dropdown-cart .cart-products-list {max-height: 320px;overflow-y: scroll;margin-right: -10px;}
.dropdown-cart .cart-products-list .cart-item {float: left;line-height: normal;margin: 0 0 8px 0;padding: 0 0 8px 0;}
.dropdown-cart .cart-products-list .cart-item .product-image {float: left;border: 0;padding: 0;width: 145px;}
.dropdown-cart .cart-products-list .cart-item .product-image img {border: #dddddd solid 1px;padding: 1px;}
.dropdown-cart .cart-products-list .cart-item .product-details {color: #2f85dc;float: left;text-align: left;padding: 0 0 0 10px;margin: 0;position: relative;width: 115px;}
.dropdown-cart .cart-products-list .cart-item .product-details .product-name {margin: 0;color: #2f85dc;}
.dropdown-cart .cart-products-list .cart-item .product-details .product-mod {word-wrap: break-word;overflow: hidden;margin: 0 0 5px;color: #2f85dc;}
.dropdown-cart .cart-products-list .cart-item .product-remove {margin-top: -20px;float: right;right: 5px;position: relative;}
.dropdown-cart .subtotal {border-top: 1px solid #dddddd;margin-top: 10px;padding: 10px 8px;text-align: left;line-height: 20px;}
.dropdown-cart .subtotal .total-sum {font-size: 15px;margin-left: 20px;color: #414141;}
.dropdown-cart .button.products-remove {float: left;}
.dropdown-cart .button:first-child {float: left;}
.dropdown-cart .button:last-child {float: right;}
Здравствуйте, вы мне скинули код от корзины. При изменении кода и добавлении кнопки "Отчистить", к ней была присвоена команда {CART_TRUNCATE_URL}. Она очищает корзину, однако переводит на страницу с корзиной. Также и с кнопкой "удалить позицию". Как можно реализовать это так, чтобы при удалении позиции или при очищении корзины, пользователь оставался на той же странице с которой он и совершает действия? Плюс к этому товары добавляются в корзину только после обновления страницы. Т.е. если добавить товар в корзину и навести на значок корзины, этого товара там не будет до обновления страницы, однако на сайте, который вы скинули как пример, все совсем на оборот. При добавлении товара он тут же появляется в корзине, можно удалять позиции без перехода в корзину и очищать ее. Я так понимают тут работает какой то js код.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
