Изменение Дизайна Главной Страницы.
#61
Отправлено 05 Июнь 2018 - 09:47
1. Добрый день. Можно произвести следующее изменение? На страничке http://novellshop.ru/catalog, и на всех страничках где есть КАТАЛОГ...в скрине показано!) Пжл
#63
Отправлено 05 Июнь 2018 - 11:31
Алексей Ж. (05 Июнь 2018 - 09:47) писал:
1. Добрый день. Можно произвести следующее изменение? На страничке http://novellshop.ru/catalog, и на всех страничках где есть КАТАЛОГ...в скрине показано!) Пжл
Алексей Ж. (05 Июнь 2018 - 09:59) писал:
1. Внесла изменения.
2. Ответила Вам в чате.
#64
Отправлено 06 Июнь 2018 - 09:00
1. Скриншот --34, ссылка на страницу---http://novellshop.ru/cart, в скриншоте всё показано. после нажатия на -ОФОРМИТЬ ЗАКАЗ- в вышедшей форме НЕТ :
а. стоимости доставки!
б. Не работает последняя кнопка -ОТПРАВИТЬ ЗАКАЗ-!!!!
2. Скриншот-33, ссылка та же, http://novellshop.ru/cart, кнопка ПЕРЕСЧИТАТЬ---Не нужна. Удалите пожалуйста, пусть будет одна сразу--ОФОРМИТЬ ЗАКАЗ!!!
Спасибо. С нетерпением жду ответа!!! Пожалуйста.
#65
Отправлено 06 Июнь 2018 - 09:37
В Гугле всё нормально, а в МОЗИЛЕ Феерфокс---кнопки пляшут. в скринах показал. Можно исправить?
#66
Отправлено 06 Июнь 2018 - 11:30
Алексей Ж. (06 Июнь 2018 - 09:00) писал:
1. Скриншот --34, ссылка на страницу---http://novellshop.ru/cart, в скриншоте всё показано. после нажатия на -ОФОРМИТЬ ЗАКАЗ- в вышедшей форме НЕТ :
а. стоимости доставки!
б. Не работает последняя кнопка -ОТПРАВИТЬ ЗАКАЗ-!!!!
2. Скриншот-33, ссылка та же, http://novellshop.ru/cart, кнопка ПЕРЕСЧИТАТЬ---Не нужна. Удалите пожалуйста, пусть будет одна сразу--ОФОРМИТЬ ЗАКАЗ!!!
Спасибо. С нетерпением жду ответа!!! Пожалуйста.
Был добавлен код в файл main.js
function quickOrder() { $(document).ready(function(){ // При клике на кнопку быстрого оформления заказа $(".quickform").click(function () { // Текущая кнопка по всей логике больше не понадобится пользователю, скрываем её. Аналогично, если пользователь оформляет заказ, с большой вероятностью кнопка продолжить покупки ему тоже не нужна, тем более, что есть кнопка закрытия окна полностью дублирующая функционал кнопки "продолжить покупки" $(this).hide().parent().find('.сlose2').hide(); if ($('#quickform2').hasClass('visible')) { $('#quickform2').removeClass("visible"); $('#quickform2').hide(); } else { $('#quickform2').addClass("visible"); $('#quickform2').show(); } $.fancybox.update(); }); var ID = $('input[name="form[delivery][id]"]:checked').val(); $('.quick_order_payment').hide(); $('.quick_order_payment[rel="' + ID + '"]').show(); $('.quick_order_payment[rel="' + ID + '"]').find('input:first').attr('checked', true); console.log(23444) $('.deliveryRadio').click(function(){ var ID = $('input[name="form[delivery][id]"]:checked').val(); $('.quick_order_payment').hide(); $('.quick_order_payment[rel="' + ID + '"]').show(); $('.quick_order_payment[rel="' + ID + '"]').find('input:first').attr('checked', true); }); // Форма регистрации нового пользователя, при оформлении заказа $('.OrderShowPass').click(function(){ ChangePasswordFieldType(this, $('#contactPassWord')); return false; }); // Валидация формы на странице оформления заказа $("#quickform").submit(function(){ // Если форма невалидна не отправляем её на сервер if(!$(this).valid()) { return false; } // Получаем данные формы, которые будем отправлять на сервер var formData = $(this).serializeArray(); // Сообщаем серверу, что мы пришли через ajax запрос formData.push({name: 'ajax_q', value: 1}); // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара $.ajax({ type : "POST", dataType: 'json', cache : false, url : $(this).attr('action'), data : formData, success: function(data) { // Если заказ был успешно создан if( data.status == 'ok' ) { window.location = data.location; } else if( data.status == 'error' ) { alert(data.message); } else { alert('Во время оформления заказа возникла неизвестная ошибка. Пожалуйста, обратитесь в службу технической поддержки.'); } } }); return false; }).validate(); $("#quickDeliveryConvenientDate").datepicker({ dayNames : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'], dayNamesMin : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ], closeText : 'Готово', currentText : 'Сегодня' , duration : '', monthNames : ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Окрябрь','Ноябрь','Декабрь'], monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'], yearRange : "-6:+6", dateFormat : 'dd.mm.yy', minDate : new Date(), firstDay : 1 }); }); $( $('#contactWantRegister').click(function(){ if($(this).prop("checked")) { $('.contactRegisterNeedElement').show(); $('#contactEmail, #contactPassWord').addClass('required'); } else { $('.contactRegisterNeedElement').hide(); $('#contactEmail, #contactPassWord').removeClass('required'); } }) ) $(function(){ sd = $($('.deliveryRadio')[0]); id = sd.val() ,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]); sd.prop('checked',true); fz.prop('checked',true); price = fz.next().find('.num').text(); oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num'); oldPrice.text(price); }) $(function(){ $('.deliveryRadio').each(function(){ var id = $(this).val() ,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]); price = fz.next().find('.num').text(); oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num'); if(price != ''){ oldPrice.text(price); } }) } ) $(function(){ $('.orderStageDeliveryListTable').on('change','.deliveryRadio',function(){ $('.deliveryRadio,.deliveryZoneRadio').each(function(){ $(this).removeAttr('checked'); }) var id = $(this).val() ,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]); $(this).prop('checked',true); fz.prop('checked',true); price = fz.next().find('.num').text(); oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num'); if(price != ''){ oldPrice.text(price); } }) }) // Действия при выборе зоны внутри варианта доставки на этапе оформления заказа $('.deliveryZoneRadio').click(function(){ var id = $(this).attr('deliveryid'), price = $(this).next().find('.num').text() , oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num'); if(price != ''){ oldPrice.text(price); } $('.deliveryRadio').each(function(){ $(this).removeAttr('checked'); if($(this).val() == id){ $(this).prop('checked',true); }else{ $(this).removeAttr('checked'); } }) }); $(function(){ selectPayment = $('.quick_order_payment').css('display'); $('.paymentSelect').change(function(){ selectValue = $(this).find('option:checked').attr('value'); $('.hiddenRadio .quick_order_payment').each(function(){ if($(this).css('display') == 'block'){ $(this).find('input[value=' + selectValue + ']').click(); } }) }) $('.mainSelect > option').attr('selected',false); $('.mainSelect > option:first-of-type').attr('selected',true); loadPage = $('.mainSelect').find('option:selected').attr('delid'); $(function(){ $('.zoneSelect option').each(function(){ id = $(this).attr('deliveryid'); select = $(this).parent('select').length; if(select == 0){ $('.zoneSelect option[deliveryid="'+ id +'"]').wrapAll('<select del="'+ id +'"></select>'); } }) currentDelivery = $('.mainSelect option:checked').attr('delid'); $('div.zoneSelect select').each(function(){ if($(this).attr('del') != currentDelivery){ $(this).hide(); } }) }) $('.mainSelect').change(function(){ selectedDelId = $(this).find('option:selected').attr('delid'); $('.zoneSelect select').hide(); $('.zoneSelect select[del="'+selectedDelId+'"]').show(); $('.zoneSelect select option').attr('selected',false) $('.zoneSelect select[del="'+selectedDelId+'"] option:first-of-type').attr('selected',true); $('.deliveryOption .deliveryRadio[value="'+selectedDelId+'"]').click(); WithoutZone = $('input.deliveryRadio:checked').attr('pricewithoutzones'); WithZone = $('input.deliveryZoneRadio:checked').attr('price'); if(WithZone > 0){startprice = WithZone;}else{startprice = WithoutZone;} $('.changeprice').text(startprice); $('.quick_order_payment').hide(); $('.quick_order_payment[rel="'+ selectedDelId +'"]').show(); startInputId = $('input.deliveryRadio:checked').attr('value'); $('.hiddenpayment input').attr('checked',false); $('.hiddenpayment[rel="'+startInputId+'"] input').each(function(){ $(this).click(); return false; }) DeliveryDescription = $('input.deliveryRadio:checked').attr('description') $('.currentDeliveryDescription').html(DeliveryDescription); }) }) $('.zoneSelect select').change(function(){ optValue = $(this).find('option:selected').attr('value'); $('.zones input[value="'+optValue+'"]').click(); WithZone = $('.deliveryZoneRadio:checked').attr('price'); $('.changeprice').text(WithZone); }) $(function(){ WithoutZone = $('input.deliveryRadio:checked').attr('pricewithoutzones'); WithZone = $('.deliveryZoneRadio:checked').attr('price'); console.log(WithoutZone); console.log(WithZone); var startprice = 0; if(WithZone > 0){startprice = WithZone;}else if(WithZone == 0 && WithoutZone == 0){startprice = 0;}else{console.log(WithoutZone);startprice = WithoutZone;} console.log(startprice); $('.orderStageDeliveryZonePrice.changeprice').text(startprice); $('.hiddenpayment input').attr('checked',false); startInputId = $('input.deliveryRadio:checked').attr('value'); $('.hiddenpayment[rel="'+startInputId+'"] input').each(function(){ $(this).click(); return false; }) DeliveryDescription = $('input.deliveryRadio:checked').attr('description') $('.currentDeliveryDescription').html(DeliveryDescription); }) }
Алексей Ж. (06 Июнь 2018 - 09:37) писал:
В Гугле всё нормально, а в МОЗИЛЕ Феерфокс---кнопки пляшут. в скринах показал. Можно исправить?
добавьте в конец файла main.css код
.alignCenter p { display: flex; justify-content: center; }
#69
Отправлено 19 Июнь 2018 - 13:22
1.Осталось заменить цвет, 2.Границы в мею подправить в шапке 3. Логотип сделать в рамке, чтобы было видно Компрайс. Ну и пожалуйста чтоб цвета все были гармоничны.
#70
Отправлено 20 Июнь 2018 - 04:47
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-container { background: rgba(243, 77, 25, 0.85); box-shadow: 0 0 7px rgba(0, 0, 0, 0.04) inset; }
в данном блоке измените цвет на необходимый, код цвета можете просмотреть тут: http://www.color-hex.com/
Далее найдите:
.menuWrap li{list-style:none;float:left;padding:11px 10px;border-radius:2px;margin:5px 0 0 0;position:relative;}
замените на:
.menuWrap li{list-style:none;float:left;padding:11px 10px;border-radius:2px;margin:5px 2px 0 0;position:relative;}
Далее найдите:
#logo{display: inline-block;width: 270px;vertical-align: middle;}
после него пропишите:
#logo a{display: inline-block;padding: 20px;border: 3px solid rgb(24, 43, 191);}
#72
Отправлено 21 Июнь 2018 - 02:40
Уточните пожалуйста, какие вопросы у вас остались актуальными? На данный момент эти изменения у вас присутствуют.
#73
Отправлено 21 Июнь 2018 - 10:11
#74
Отправлено 21 Июнь 2018 - 15:09
2. Скриншот -52--аналогично пожалуйста.
3. Скриншот -53-аналогично пжл
В СКРИНШОТЕ-52----В ЛЕВОЙ КНОПКЕ где КУПИТЬ---КОРЗИНА---в ПРАВОЙ кнопке где купить-----БЫСТРЫЙ ЗАКАЗ---
Шапку пожалуйста изменить можно как в САкрине показано.Спасибо
#75
Отправлено 22 Июнь 2018 - 08:06
Алексей Ж. (21 Июнь 2018 - 10:11) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-container { background: #6D788D ; box-shadow: 0 0 7px rgba(0, 0, 0, 0.04) inset; }
.catalogheader, .recentH { background: #4C5973; text-transform: uppercase; padding: 15px 10px; border-radius: 2px; cursor: pointer; }
измените значение в стиле background
Алексей Ж. (21 Июнь 2018 - 15:09) писал:
2. Скриншот -52--аналогично пожалуйста.
3. Скриншот -53-аналогично пжл
В СКРИНШОТЕ-52----В ЛЕВОЙ КНОПКЕ где КУПИТЬ---КОРЗИНА---в ПРАВОЙ кнопке где купить-----БЫСТРЫЙ ЗАКАЗ---
Шапку пожалуйста изменить можно как в САкрине показано.Спасибо
1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-filter {background-color: #15245f;margin-bottom:10px;}
.links b{width:30px;height:30px;border-radius:3px;background:#15245f; display: inline-block;color:#003c54;line-height: 30px; text-align: center;}измените значение в стилях background и background-color
Код фона в подвале:
.footer_bottom {background-color: rgba(255,255,255,0.3);padding: 10px;}
2. Так же в main.css найдите:
.goodsDataForm{padding:15px;background-color:#15245f;border-radius:3px;}
div#tabs{background:#15245f;padding: 10px 10px 0px 10px;border-radius:2px;}
измените значение в стилях background и background-color
Код фона в подвале:
.footer_middle_content{background-color: #99a0af;}
3. Так же в main.css найдите:
.cartwrp{padding:15px;background:#15245f;border-radius:3px;}
измените значение в стиле background
Код фона в подвале:
.footer_bottom {background-color: rgba(255,255,255,0.3);padding: 10px;}
4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.middle-buttons-container ul.bt {overflow:hidden;text-align:center;}
замените на:
.middle-buttons-container ul.bt {overflow:hidden;text-align:center;float: left;}
далее найдите:
#search{text-align:center;padding:5px 0;}
замените на:
#search{text-align:center;padding:5px 0;float: right;}
далее найдите:
.menuWrap{}
замените на:
.menuWrap{clear:both;}
#76
Отправлено 22 Июнь 2018 - 11:01
Алексей Ж. (21 Июнь 2018 - 15:09) писал:
2. Скриншот -52--аналогично пожалуйста.
3. Скриншот -53-аналогично пжл
В СКРИНШОТЕ-52----В ЛЕВОЙ КНОПКЕ где КУПИТЬ---КОРЗИНА---в ПРАВОЙ кнопке где купить-----БЫСТРЫЙ ЗАКАЗ---
Шапку пожалуйста изменить можно как в САкрине показано.Спасибо
Здравствуйте.
1) В шаблоне Сайт - Редактор шаблонов, в шаблоне main.css Вам нужно найти строку:
.product-filter {background-color: #15245f;margin-bottom:10px;}
и строку:
.links b{width:30px;height:30px;border-radius:3px;background:#15245f; display: inline-block;color:#003c54;line-height: 30px; text-align: center;}
и заменить в них цвет #15245f на #747f92
2) Так же в шаблоне main.css Вам нужно найти строки:
.goodsDataForm{padding:15px;background-color:#15245f;border-radius:3px;}
и
div#tabs{background:#15245f;padding: 10px 10px 0px 10px;border-radius:2px;}
и замените в них цвет #15245f на #99a0af
3) Далее нужно найти:
.cartwrp{padding:15px;background:#15245f;border-radius:3px;}
и тут поменять цвет #15245f на #747f92
По 4-му пункту Вам нужно выполнить инструкцию из сообщения выше
#78
Отправлено 22 Июнь 2018 - 18:39
Алексей Ж. (22 Июнь 2018 - 12:28) писал:
1) В шаблоне main.css Вам нужно заменить код:
#logo img { display: block; padding: 15px; background: #fff; border-radius: 2px; }
на
#logo img { display: block; padding: 15px; border-radius: 2px; }
2) В шаблоне HTML Вам нужно заменить код:
<!-- /Форма поиска --> <ul class="bt"> <li class="header-button w50 nomrg"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div> <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> {% ENDIF %} </li> {%IFNOT CLIENT_IS_LOGIN%} <li class="header-button w50"><a href="{USER_LOGIN_URL}" title="Авторизация"><span class="icon-lock"></span></a></li> <li class="header-button w50"><a href="{USER_REGISTER_URL}" title="Регистрация"><span class="icon-user"></span></a></li> {%ELSE%} <li class="header-button w30 nomrg"><a href="{USER_LOGOUT_URL}" title="Выход из ЛК"><span class="icon-eye-blocked"></span></a></li> <li class="header-button w30"><a href="{USER_FAVORITES_URL}"><span class="icon-heart2"></span></a></li> <li class="header-button w30"><a href="{USER_SETTINGS_URL}" title="Настройки пользователя"><span class="icon-user"></span></a></li> {%ENDIF%} <li class="header-button w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> Корзина <span class="cart-count">
на
<!-- /Форма поиска --> <ul class="bt"> <li class="header-link w50 nomrg"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div> <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> {% ENDIF %} </li> {%IFNOT CLIENT_IS_LOGIN%} <li class="header-link w50"><a href="{USER_LOGIN_URL}" title="Авторизация"><span class="icon-lock"></span></a></li> <li class="header-link w50"><a href="{USER_REGISTER_URL}" title="Регистрация"><span class="icon-user"></span></a></li> {%ELSE%} <li class="header-link w30 nomrg"><a href="{USER_LOGOUT_URL}" title="Выход из ЛК"><span class="icon-eye-blocked"></span></a></li> <li class="header-link w30"><a href="{USER_FAVORITES_URL}"><span class="icon-heart2"></span></a></li> <li class="header-link w30"><a href="{USER_SETTINGS_URL}" title="Настройки пользователя"><span class="icon-user"></span></a></li> {%ENDIF%} <li class="header-link w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> Корзина <span class="cart-count">
Далее в шаблон main.css добавьте код:
.header-link { transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; padding: 15px 0; border-radius: 2px; color: white; cursor: pointer; position: relative; } .header-link:hover {color:#eb4a18;}
3) В шаблоне main.css замените код:
#search_mini_form input { background: #fff; border: none; color: #15245f; height: 30px; width: 210px; padding: 0 5px; border-radius: 2px; }
на
#search_mini_form input { background: #99a0af; border: none; color: #15245f; height: 30px; width: 210px; padding: 0 5px; border-radius: 2px; }
После изменений напишите, пожалуйста, поправим что не там и дадим инструкции для нижней части меню
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных