Сообщений в теме: 11

[Lis]

Здравствуйте! Аккаунт SL-379298. Помогите пожалуйста внести ряд изменений:
1) удалить удалить полоски и звездочки в боковом каталоге (фото1);
2) нужно уменьшить ширину плитки разделов каталога, чтобы между ними была граница как между плитками товаров (фото1);
3 и 4) на странице корзины изменить цвет в хлебных крошках и фон таблицы (фото2)
5) на страницах корзина, доставка и контакты под футером появляется белая полоса. Необходимо ее убрать (фото3).
6) на странице товара выровнять по центру текст (фото4).
7) нужно плитку товара привести к виду как на фото 5. Вместо кнопки "в корзину" и появляющихся при наведении кнопок нужно чтобы всегда отображались 2 кнопки: в корзину и в избранное.
8) можно ли сделать как в шаблоне КОМФОРТ чтобы на этапе оформления заказа при вводе удобной даты доставки появлялся календарь?
9) везде поменять знак рубля Р на "руб."

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

• 
• 
• 
• 
• 

[Lis]

Up

[RedHead]

Lis (13 Март 2016 - 00:30) писал:

Здравствуйте! Аккаунт SL-379298. Помогите пожалуйста внести ряд изменений:
1) удалить удалить полоски и звездочки в боковом каталоге (фото1);
2) нужно уменьшить ширину плитки разделов каталога, чтобы между ними была граница как между плитками товаров (фото1);
3 и 4) на странице корзины изменить цвет в хлебных крошках и фон таблицы (фото2)
5) на страницах корзина, доставка и контакты под футером появляется белая полоса. Необходимо ее убрать (фото3).
6) на странице товара выровнять по центру текст (фото4).
7) нужно плитку товара привести к виду как на фото 5. Вместо кнопки "в корзину" и появляющихся при наведении кнопок нужно чтобы всегда отображались 2 кнопки: в корзину и в избранное.
8) можно ли сделать как в шаблоне КОМФОРТ чтобы на этапе оформления заказа при вводе удобной даты доставки появлялся календарь?
9) везде поменять знак рубля Р на "руб."

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

1) В шаблоне main.css найдите и удалите строки:

.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;}
.col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color:#cacaca;}

2) Попробуйте в том же шаблоне заменить строку:

.col-sm-4{width:33.33333333%}

на:

.col-sm-4{width:29.33333333%}

и строку:

.categories .item{text-align:center;margin-bottom:20pxbackground:#fff;border:1px solid #ccc;}

на:

.categories .item{text-align:center;margin-bottom:20pxbackground:#fff;border:1px solid #ccc;margin:15px;}

3,4) В конец шаблона main.css вставьте:

table.table-box.cartTable tbody {background: coral;}
#pathway .breadcrumbs {color: white;}

цвета измените на нужные.

5) В том же шаблоне замените строку:

#wrapper {background: rgba(0, 0, 0, 0.05);position: relative;z-index: 0;min-height:1000px;}

на:

#wrapper {background: rgba(0, 0, 0, 0.05);position: relative;z-index: 0;min-height:auto;}

6) Проверили в GoogleChrome и в IE, вкладки отображаются корректно. Уточните, в каком браузере неполадки, если проблема еще актуальна.



7) В шаблоне main.css найдите строку:

.product-grid .item .item-inner .action-bot .wrap-addtocart {display: inline-block;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;}

замените ее на:

.product-grid .item .item-inner .action-bot .wrap-addtocart {display: inline-block;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;display:none;}

строки:

.product-grid .item .item-inner .actions .wishlist a {left: -20%;}
.product-grid .item .item-inner:hover .actions .wishlist a {left: 50%;margin-left: -102px;}
.product-grid .item .item-inner .actions .compare a {right: -20%;}
.product-grid .item .item-inner:hover .actions .compare a {right: 50%;margin-right: -102px;}

на:

.product-grid .item .item-inner .actions .wishlist a {margin-left: -40px !important;}
.product-grid .item .item-inner:hover .actions .compare a {margin-right: -40px;}

строку:

.product-grid .item .item-inner .action-bot {width: 100%;position: relative;text-align: center;margin: 0 auto;}

на:

.product-grid .item .item-inner .action-bot {width: 100%;position: relative;text-align: center;margin: 0 auto;height: 30px;}

строку:

.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: #2a2a2a;color: #b5b5b5;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;opacity: 0;filter: alpha(opacity=0);}

на:

.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: #2a2a2a;color: #b5b5b5;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;}

8) В шаблоне БЫСТРЫЙ ЗАКАЗ замените блок кода:

<!-- Если поле даты доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME < 3 %}
		 <li class="fields">
			 <label for="quickDeliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобная дата доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <input type="text" id="quickDeliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}required{% ENDIF %}" maxlength="10" minlength="10" />
			 </div>
		 </li>
		 <li class="fields quickDeliveryConvenientDate">
			 <label for="quickDeliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобное время доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <span>c</span>
			 <select class="form-select" name="form[delivery][convenient_time_from]">
				 <option></option>
				 {% FOR convenient_time_from_list %}
				 <option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option>
				 {% ENDFOR %}
			 </select>
			 <span>до</span>
			 <select class="form-select" name="form[delivery][convenient_time_to]">
				 <option></option>
				 {% FOR convenient_time_to_list %}
				 <option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option>
				 {% ENDFOR %}
			 </select>
			 </div>
		 </li>
		 {% ENDIF %}

на:

<!-- Если поле даты доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME < 3 %}
		 <li class="fields">
			 <label for="deliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобная дата доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <input type="text" id="deliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" class="inputText {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}required{% ENDIF %}" maxlength="10" minlength="10" />
			 </div>
		 </li>
		 <li class="fields deliveryConvenientDate">
			 <label for="deliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобное время доставки{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
			 <span>c</span>
			 <select class="inputText" name="form[delivery][convenient_time_from]">
				 <option></option>
				 {% FOR convenient_time_from_list %}
				 <option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option>
				 {% ENDFOR %}
			 </select>
			 <span>до</span>
			 <select class="inputText" name="form[delivery][convenient_time_to]">
				 <option></option>
				 {% FOR convenient_time_to_list %}
				 <option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option>
				 {% ENDFOR %}
			 </select>
			 </div>
		 </li>
		 {% ENDIF %}

Затем, в самый конец шаблона main.js добавьте:

// Выбор даты доставки
$("#deliveryConvenientDate").datepicker({
dayNames	 : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
dayNamesMin	 : ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
closeText	 : 'Готово',
currentText : 'Сегодня' ,
duration	 : '',
monthNames : ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
yearRange	 : "-6:+6",
dateFormat : 'dd.mm.yy',
minDate		 : new Date(),
firstDay	 : 1
});

9) В шаблоне main.css найдите строку:

.price.RUB:after, .RUB .price:after, .old-price.RUB:after, .RUB .old-price:after {content: "\f158";}

замените ее на:

.price.RUB:after, .RUB .price:after, .old-price.RUB:after, .RUB .old-price:after {font-family: PT Sans; content: "руб.";}

[Lis]

RedHead (14 Март 2016 - 11:59) писал:

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

6) Проверили в GoogleChrome и в IE, вкладки отображаются корректно. Уточните, в каком браузере неполадки, если проблема еще актуальна.

1.jpg

7) В шаблоне main.css найдите строку:

.product-grid .item .item-inner .action-bot .wrap-addtocart {display: inline-block;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;}

замените ее на:

.product-grid .item .item-inner .action-bot .wrap-addtocart {display: inline-block;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;display:none;}

строки:

.product-grid .item .item-inner .actions .wishlist a {left: -20%;}
.product-grid .item .item-inner:hover .actions .wishlist a {left: 50%;margin-left: -102px;}
.product-grid .item .item-inner .actions .compare a {right: -20%;}
.product-grid .item .item-inner:hover .actions .compare a {right: 50%;margin-right: -102px;}

на:

.product-grid .item .item-inner .actions .wishlist a {margin-left: -40px !important;}
.product-grid .item .item-inner:hover .actions .compare a {margin-right: -40px;}

строку:

.product-grid .item .item-inner .action-bot {width: 100%;position: relative;text-align: center;margin: 0 auto;}

на:

.product-grid .item .item-inner .action-bot {width: 100%;position: relative;text-align: center;margin: 0 auto;height: 30px;}

строку:

.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: #2a2a2a;color: #b5b5b5;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;opacity: 0;filter: alpha(opacity=0);}

на:

.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: #2a2a2a;color: #b5b5b5;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;}

Большое спасибо! В целом все получилось. По пункту 6 проблема наблюдается в мозилле, в первой вкладке текст не выравнивается. По пункту 7 нужно чтобы кнопка "в корзину" выглядела как на фото.

[RedHead]

Lis (14 Март 2016 - 13:07) писал:

Большое спасибо! В целом все получилось. По пункту 6 проблема наблюдается в мозилле, в первой вкладке текст не выравнивается. По пункту 7 нужно чтобы кнопка "в корзину" выглядела как на фото.

В шаблоне main.css после строки:

.Firefox img.logo {width: auto;}

вставьте:

.Firefox .tab_products .tabs li a {padding-left: 1px;}

Отмените, пожалуйста, изменения, относящиеся к 7 пункту. Проделаем заново.

1) В шаблоне main.css замените строки:

.product-grid .item .item-inner .actions .wishlist a {left: -20%;}
.product-grid .item .item-inner:hover .actions .wishlist a {left: 50%;margin-left: -102px;}
.product-grid .item .item-inner .actions .compare a {right: -20%;}
.product-grid .item .item-inner:hover .actions .compare a {right: 50%;margin-right: -102px;}

на:

.product-grid .item .item-inner .actions .wishlist a {display:none;}
.product-grid .item .item-inner:hover .actions .compare a {margin-right: -40px;}

затем, строку:

.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: #2a2a2a;color: #b5b5b5;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;opacity: 0;filter: alpha(opacity=0);}

на:

.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: #2a2a2a;color: #b5b5b5;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;}

Далее, в шаблоне ТОВАРЫ замените строку:

<a class="add-cart button" title="В корзину">В корзину</a>

на:

<a class="add-cart button" title="В корзину"><i class="fa fa-shopping-cart"></i></a>

в шаблоне html замените ту же строку:

<a class="add-cart button" title="">В корзину</a>

на:

<a class="add-cart button" title="В корзину"><i class="fa fa-shopping-cart"></i></a>

(встречается 3 раза!)

И снова в шаблоне main.css замените:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart{padding:0 20px;width:100%;height:32px;line-height:30px;border-radius:1px;}

на:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart{width:32px;height:32px;line-height:20px;border-radius:50px;margin-right: 45px;padding: 5px; 0 0 0; }

Результат:

[Lis]

Спасибо, получилось! Еще несколько вопросов по адаптивности :
1) помогите установить кнопку поиска как в адаптивной версии шаблона Карамель
2) можно ли в моем шаблоне применить адаптивное меню из той же Карамели?
3) на смартфоне и планшете, при повороте экрана, наблюдается небольшой глюк слайдера. Баннеры либо выходят за границу, либо все уменьшается. В обоих случаях помогает обновление страницы. Подскажите пожалуйста, как исправить?
4) на смартфоне размер плиток каталога разный, вероятно из-за размеров изображений (см фото). Как сделать чтобы размер плитки был фиксированный независимо от размера изображения?
5) нужно чтобы на мобильных устройствах слайдер отображался на всю ширину экрана, а боковые баннеры были под ним в ряд.

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

• 

[Lis]

up

[Lis]

Мне кто-нибудь поможет?

[Lis]

Помогите пожалуйста!

[Юля123]

Lis (14 Март 2016 - 22:17) писал:

Спасибо, получилось! Еще несколько вопросов по адаптивности :
1) помогите установить кнопку поиска как в адаптивной версии шаблона Карамель
2) можно ли в моем шаблоне применить адаптивное меню из той же Карамели?
3) на смартфоне и планшете, при повороте экрана, наблюдается небольшой глюк слайдера. Баннеры либо выходят за границу, либо все уменьшается. В обоих случаях помогает обновление страницы. Подскажите пожалуйста, как исправить?
4) на смартфоне размер плиток каталога разный, вероятно из-за размеров изображений (см фото). Как сделать чтобы размер плитки был фиксированный независимо от размера изображения?
5) нужно чтобы на мобильных устройствах слайдер отображался на всю ширину экрана, а боковые баннеры были под ним в ряд.

Здравствуйте, извините за долго ожидание.
Как вариант решения Ваших вопросов, установить шаблон карамель. Уточните Вас устроит такой вариант?

[Lis]

Юля123 (17 Март 2016 - 14:05) писал:

Здравствуйте, извините за долго ожидание.
Как вариант решения Ваших вопросов, установить шаблон карамель. Уточните Вас устроит такой вариант?

Здравствуйте! Пробовал Карамель, все-таки Ночь подходит больше. Помогите тогда с другими пунктами, если возможно:
1) установил иконку поиска, не знаю как сделать чтобы при нажатии появлялось поле поиска.
2) нужно чтобы логотип находился над номером телефона.
3) на смартфоне и планшете, при повороте экрана, наблюдается небольшой глюк слайдера. Баннеры либо выходят за границу, либо все уменьшается. В обоих случаях помогает обновление страницы. Подскажите пожалуйста, как исправить?
4) на смартфоне размер плиток каталога разный, вероятно из-за размеров изображений (фото 1). Как сделать чтобы размер плитки был фиксированный независимо от размера изображения?
5) нужно чтобы на мобильных устройствах слайдер отображался на всю ширину экрана, а боковые баннеры были под ним в ряд.
6) на странице товара вкладки должны быть на всю ширину, а название вкладок по центру (фото 2).
7) при добавлении товара в корзину число рядом с иконкой меняется только после обновления страницы. Как это можно исправить?

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

• 
• 

[RedHead]

Lis (21 Март 2016 - 15:52) писал:

Здравствуйте! Пробовал Карамель, все-таки Ночь подходит больше. Помогите тогда с другими пунктами, если возможно:
1) установил иконку поиска, не знаю как сделать чтобы при нажатии появлялось поле поиска.
2) нужно чтобы логотип находился над номером телефона.
3) на смартфоне и планшете, при повороте экрана, наблюдается небольшой глюк слайдера. Баннеры либо выходят за границу, либо все уменьшается. В обоих случаях помогает обновление страницы. Подскажите пожалуйста, как исправить?
4) на смартфоне размер плиток каталога разный, вероятно из-за размеров изображений (фото 1). Как сделать чтобы размер плитки был фиксированный независимо от размера изображения?
5) нужно чтобы на мобильных устройствах слайдер отображался на всю ширину экрана, а боковые баннеры были под ним в ряд.
6) на странице товара вкладки должны быть на всю ширину, а название вкладок по центру (фото 2).
7) при добавлении товара в корзину число рядом с иконкой меняется только после обновления страницы. Как это можно исправить?

Здравствуйте. Уточните, пожалуйста. Протестировали Ваш сайт. Большинство вопросов из Вашего сообщения уже решено? Остались ли у Вас актуальные вопросы?