Перейти к содержимому


Изменение Общей Стилистики


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 50

#41 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 08 Сентябрь 2019 - 22:28

Ответьте, пожалуйста.

#42 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 11 Сентябрь 2019 - 12:52

Уважаемые специалисты, ответьте мне, пожалуйста. Вопрос уже три недели без ответа.

#43 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 11 Сентябрь 2019 - 22:51

Ещё раз повторю вопросы. Предыдущую переписку можно не смотреть. Все вопросы ниже касаются страницы https://mozgoum.ru/cart - ПК, и мобильной версии.

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

Пожалуйста, ответьте! Пожалуйста, помогите! Пожалуйста, выручайте!!

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 5.jpg


#44 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 15 Сентябрь 2019 - 15:00

Ещё вопрос, помогите, пожалуйста.

5) На главной странице (https://mozgoum.ru/) есть три картинки (Рисунок 6). Не заметил в какой момент, но при нажатии на картинку, изображение стало открываться на каком-то чужом сайте... (Рисунок 7). Как сделать так, чтобы при нажатии на любую из трёх картинок с Рисунка 6, изображение просто открывалось во всплывающем фрейме на текущей странице, с возможностью пролистывать эти три картинки в появившемся фрейме? Так было ранее.. Помогите, пожалуйста, вернуть - как было.

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

  • 6.jpg
  • 7.jpg


#45 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 717 сообщений

Отправлено 17 Сентябрь 2019 - 01:53

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

Зайдите в раздел Сайт - Редактор шаблонов - oldmain.css - найдите:
.payment .orderStagePayment .cell1 {display: inline-block;width: 25px;border: 1px solid #E5E5E5;height: 144px;padding: 10px 5px;background: #ececec;}
.payment .orderStagePayment .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePayment .cell2 {text-align:left;display: inline-block;width: calc(100% - 32px);border: 1px solid #E5E5E5;vertical-align: top;height: 144px;padding: 10px;}
.payment .orderStagePayment .cell2 label {font-size: 18px;font-weight: bold;color: #00769c;}

замените на:
.payment .orderStagePayment .cell1 {display: inline-block;width: 29px;border: 1px solid #E5E5E5;height: 95px;padding: 10px 5px;background: #ececec;background: #ffffff;}
.payment .orderStagePayment .cell1 input {margin: 0;vertical-align: middle;}
.payment .orderStagePayment .cell2 {text-align:left;display: inline-block;width: calc(100% - 35px);border: 1px solid #E5E5E5;vertical-align: top;height: 95px;padding: 10px;background: #ffffff;}
.payment .orderStagePayment .cell2 label {font-size: 18px;font-weight: bold;color: #00769c;}


далее найдите:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}

замените на:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.payment .orderStagePayment .cell1, .payment .orderStagePayment .cell2 {height: 144px;}

далее найдите:
#OrderAjaxBlock .formfast .button {margin-bottom: 30px;}

замените на:
#OrderAjaxBlock .formfast .button {margin-bottom: 30px;background: #ffffff;}
#OrderAjaxBlock .formfast .button:hover {background-color: #008b9c;}

Зайдите в шаблон Быстрый заказ - найдите:
												<td width="100" class="cart-qty">{cart_items.ORDER_LINE_QUANTITY}</td>
												<td width="150" class="cart-price">
												   <span class="title">Сумма:</span>
												   <span class="ajaxtotal price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>								 
												</td>
    
замените на:
												<td width="100" class="cart-qty">
												  <span class="title">Кол-во, шт.:</span>
												  {cart_items.ORDER_LINE_QUANTITY}
												</td>
												<td width="150" class="cart-price">
												   <span class="title">Сумма:</span>
												   <span class="ajaxtotal price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>								 
												</td>
    
далее найдите:
										<tr>
										  <td colspan="4" class="results"><span class="price">Сумма:</span></td>
										  <td><span class="cart-total-price"><span class="price del_sum"></span></span></td>
										</tr>
    
замените на:
										<tr>
										  <td colspan="4" class="results"><span class="price">Сумма:</span></td>
										  <td><span class="cart-total-price"><span class="price del_sum"></span></span> руб.</td>
										</tr>
    
далее найдите:
										 <tr class="items deliv">
												<td class="image"><i class="fa fa-plus"></i></td>
												<td class="name"></td>
												<td class="cart-price" width="150">
												   <span class="price"></span>
												</td>
												<td class="cart-qty" width="100">1</td>
												<td class="cart-price" width="150">
												   <span class="price"></span>												  
												</td>
										 </tr>
    
замените на:
										 <tr class="items deliv">
												<td class="image"><i class="fa fa-plus"></i></td>
												<td class="name"></td>
												<td class="cart-price" width="150">
												   <span class="price"></span>
												</td>
												<td class="cart-qty" width="100">1</td>
												<td class="cart-price" width="150">
												   <span class="price"></span> руб.												  
												</td>
										 </tr>
    
далее зайдите в main.js - найдите:
  /* $('#video-block .content').magnificPopup({
		delegate: 'a',
		type: 'image',
		tLoading: 'Загрузка #%curr%...',
		mainClass: 'mfp-img-mobile',
		gallery: {
			enabled: true,
			navigateByImgClick: true,
			preload: [0,1] // Will preload 0 - before current, and 1 after the current image
		},
		image: {
			tError: '<a href="%url%">Изображение #%curr%</a> не может быть загружено.',
			titleSrc: function(item) {
				return item.el.attr('title');
			}
		}
	});
 
  $('#video-block .video a').magnificPopup({
  items: {
	src: 'https://www.youtube.com/watch?v=Qi3I7AEG-sU' // Ссылка на видео
  },
  type: 'iframe',
  iframe: {
	markup: '<div class="mfp-iframe-scaler">'+
			'<div class="mfp-close"></div>'+
			'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
			'</div>',
	patterns: {
	  youtube: {
		index: 'youtube.com/',
		id: 'v=',
		src: '//www.youtube.com/embed/%id%?autoplay=1'
	  }
	},
	srcAction: 'iframe_src',
	}
  });*/

замените на:
  $('#video-block .content').magnificPopup({
		delegate: 'a',
		type: 'image',
		tLoading: 'Загрузка #%curr%...',
		mainClass: 'mfp-img-mobile',
		gallery: {
			enabled: true,
			navigateByImgClick: true,
			preload: [0,1] // Will preload 0 - before current, and 1 after the current image
		},
		image: {
			tError: '<a href="%url%">Изображение #%curr%</a> не может быть загружено.',
			titleSrc: function(item) {
				return item.el.attr('title');
			}
		}
	});
 
  $('#video-block .video a').magnificPopup({
  items: {
	src: 'https://www.youtube.com/watch?v=Qi3I7AEG-sU' // Ссылка на видео
  },
  type: 'iframe',
  iframe: {
	markup: '<div class="mfp-iframe-scaler">'+
			'<div class="mfp-close"></div>'+
			'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
			'</div>',
	patterns: {
	  youtube: {
		index: 'youtube.com/',
		id: 'v=',
		src: '//www.youtube.com/embed/%id%?autoplay=1'
	  }
	},
	srcAction: 'iframe_src',
	}
  });


#46 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 19 Сентябрь 2019 - 00:23

Большое спасибо, Vaccina!

Помогите ещё вот с чем, пожалуйста:
1) На Рисунках 8 и 9 схематично указал слова, которые нужно вписать при оформлении заказа. Как это сделать?
2) На Рисунке 10 - верхняя панель меню, на Рисунке 11 - нижняя панель меню. Как мы видим, шрифт верхней панели меню выделен жирным. Как сделать, что бы и шрифт нижней панели меню был жирным? Таким же жирным, как и верхний.
3) На Рисунке 12 панель с главной страницы https://mozgoum.ru/ . Как мне сделать так, что бы цена передвинулась в схематически отображённое место?
4) На Рисунках 13 и 14 одна и та же страница сайта. Но на Рисунке 13 страница открыта в браузере Хром, а на рисунке 14 - в браузере Мозилла Файрфокс. Как мы видим, на Рисунке 13 есть выделенные жирным слова, а на Рисунке 14 - нет выделения. Как сделать так, что бы и в Мозилла Файрфокс было выделение жирным, как в хроме?

Помогите с решением, пожалуйста.

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

  • 8.jpg
  • 9.jpg
  • 10.jpg
  • 11.jpg
  • 12.jpg
  • 13.jpg
  • 14.jpg


#47 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 717 сообщений

Отправлено 19 Сентябрь 2019 - 05:40

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer .footer-middle .links li a {position: relative;font-size: 16px;color: #ffffff;text-transform: uppercase;text-shadow: 0px 1px 1px #000000;}

замените на:
#footer .footer-middle .links li a {position: relative;font-size: 16px;color: #ffffff;text-transform: uppercase;text-shadow: 0px 1px 1px #000000;font-weight: bold;}

далее найдите:
#banner .content .price {display: inline-block;color: #fd7d95;font-size: 50px;font-family: 'Marmelad', sans-serif;font-weight: bold;vertical-align: middle;margin-right: 60px;margin-top: 0;}
#banner .content .price span {vertical-align: middle;text-shadow: 2px 1px 0px #c63652;}
#banner .content .price .val {font-size: 40px;font-weight: normal;text-transform: lowercase;margin-left: 5px;}
#banner .content .price .sep-left {display: inline-block;width: 32px;height: 56px;background-image: url("/design/d428986/separator_2.png?design=sunrise&lc=1568767152");}
#banner .content .price .sep-right {display: inline-block;width: 32px;height: 56px;background-image: url("/design/d428986/separator_1.png?design=sunrise&lc=1568767152");}
#banner .content .social-share {display: none;position: absolute;bottom: -21px;right: 4%;background-color: #fff;padding: 10px;border-radius: 5px;}
#banner .content .social-share:before {content: "";position: absolute;bottom: 50px;left: 50%;margin-left: -10px;width: 0;border-bottom: 10px solid #fff;border-bottom: 10px solid rgba(255,255,255,1);border-right: 10px solid transparent;border-left: 10px solid transparent;font-size: 0;line-height: 0;}
#banner .content .social-share .ya-share2__container_size_m .ya-share2__icon {width: 30px;height: 30px;background-size: 30px 30px;}
#banner .content .ya-share2__container_size_m .ya-share2__icon_more:before {line-height: 30px;}
#banner .content .goodsListForm {display: inline-block;}


замените на:
#banner .content .price {display: inline-block;color: #fd7d95;font-size: 50px;font-family: 'Marmelad', sans-serif;font-weight: bold;vertical-align: middle;margin-right: 10px;margin-top: 0;}
#banner .content .price span {vertical-align: middle;text-shadow: 2px 1px 0px #c63652;}
#banner .content .price .val {font-size: 40px;font-weight: normal;text-transform: lowercase;margin-left: 5px;}
#banner .content .price .sep-left {display: inline-block;width: 32px;height: 56px;background-image: url("/design/d428986/separator_2.png?design=sunrise&lc=1568767152");}
#banner .content .price .sep-right {display: inline-block;width: 32px;height: 56px;background-image: url("/design/d428986/separator_1.png?design=sunrise&lc=1568767152");}
#banner .content .social-share {display: none;position: absolute;bottom: -21px;right: 4%;background-color: #fff;padding: 10px;border-radius: 5px;}
#banner .content .social-share:before {content: "";position: absolute;bottom: 50px;left: 50%;margin-left: -10px;width: 0;border-bottom: 10px solid #fff;border-bottom: 10px solid rgba(255,255,255,1);border-right: 10px solid transparent;border-left: 10px solid transparent;font-size: 0;line-height: 0;}
#banner .content .social-share .ya-share2__container_size_m .ya-share2__icon {width: 30px;height: 30px;background-size: 30px 30px;}
#banner .content .ya-share2__container_size_m .ya-share2__icon_more:before {line-height: 30px;}
#banner .content .goodsListForm {display: inline-block;float: right;line-height: 80px;}

далее найдите:
#main .htmlDataBlock p {text-indent: 10px;}

замените на:
#main .htmlDataBlock p {text-indent: 10px;}
#main .htmlDataBlock strong {font-weight: bold;}

Далее зайдите в шаблон Быстрый заказ - найдите:
								  <tfoot>
								   <tr>
									<td colspan="4" class="results"><span class="price">Сумма:</span></td>
									<td><span class="cart-total-price"><span class="price del_sum"></span></span> руб.</td>
								   </tr>
								  </tfoot>							   
								  <tbody>
										 {% FOR cart_items %}
										 <tr class="items" data-id="{cart_items.GOODS_MOD_ID}">
												<td class="image"><a href="{cart_items.GOODS_URL}"><img class="goods-image-other" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></td>
												<td class="name">
												   <a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>
												   <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
												   {% IF cart_items.GOODS_MOD_ART_NUMBER %}
												   <div class="art">Артикул: <span>{cart_items.GOODS_MOD_ART_NUMBER}</span></div>
												   {% ENDIF %}
												   {% IFNOT cart_items.distinctive_properties_empty %}
												   <div class="properties">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>
												   {% ENDIF %}
												</td>
												<td width="150" class="cart-price">
												   <span class="title">Цена за {cart_items.GOODS_MOD_MEASURE_NAME}.:</span>
												   <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
												</td>
												<!--<td width="100" class="cart-qty">{cart_items.ORDER_LINE_QUANTITY}</td>
												<td width="150" class="cart-price">
												   <span class="title">Сумма:</span>
												   <span class="ajaxtotal price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>								
												</td>-->
											   
												<td width="100" class="cart-qty">
												<span class="title">Кол-во, шт.:</span>
												  {cart_items.ORDER_LINE_QUANTITY}
												</td>
												<td width="150" class="cart-price">
												  <span class="title">Сумма:</span>
												  <span class="ajaxtotal price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>																
												</td>
											   
										 </tr>
										 {% ENDFOR %}
										 <tr class="items deliv">
										  <td class="image"><i class="fa fa-plus"></i></td>
										  <td class="name"></td>
										  <td class="cart-price" width="150">
										   <span class="price"></span>
										  </td>
										  <td class="cart-qty" width="100">1</td>
										  <td class="cart-price" width="150">
										   <span class="price"></span> руб.																							  
										  </td>
										 </tr>


замените на:
								  <tfoot>
								   <tr>
									<td colspan="4" class="results"><span class="price">Сумма:</span></td>
									<td><span class="cart-total-price"><span class="price del_sum"></span></span> рублей</td>
								   </tr>
								  </tfoot>							   
								  <tbody>
										 {% FOR cart_items %}
										 <tr class="items" data-id="{cart_items.GOODS_MOD_ID}">
												<td class="image"><a href="{cart_items.GOODS_URL}"><img class="goods-image-other" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=sunrise{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></td>
												<td class="name">
												   <a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>
												   <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
												   {% IF cart_items.GOODS_MOD_ART_NUMBER %}
												   <div class="art">Артикул: <span>{cart_items.GOODS_MOD_ART_NUMBER}</span></div>
												   {% ENDIF %}
												   {% IFNOT cart_items.distinctive_properties_empty %}
												   <div class="properties">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</div>
												   {% ENDIF %}
												</td>
												<td width="150" class="cart-price">
												   <span class="title">Цена за {cart_items.GOODS_MOD_MEASURE_NAME}.:</span>
												   <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
												</td>
											   
												<td width="100" class="cart-qty">
												<span class="title">Кол-во:</span>
												  {cart_items.ORDER_LINE_QUANTITY} шт.
												</td>
												<td width="150" class="cart-price">
												  <span class="title">Сумма:</span>
												  <span class="ajaxtotal price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>																
												</td>
											   
										 </tr>
										 {% ENDFOR %}
										 <tr class="items deliv">
										  <td class="image"><i class="fa fa-plus"></i></td>
										  <td class="name"></td>
										  <td class="cart-price" width="150">
										   <span class="price"></span> рублей
										  </td>
										  <td class="cart-qty" width="100">1 шт.</td>
										  <td class="cart-price" width="150">
										   <span class="price"></span> рублей																							 
										  </td>
										 </tr>

Далее зайдите в main.js - найдите(встретится несколько раз):
 $(".deliv .cart-price").text(price);

замените на:
 $(".deliv .cart-price .price").text(price);


#48 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 29 Сентябрь 2019 - 21:21

Здравствуйте! Спасибо за ответ! Ситуация следующая:

1) Всё ОК, спасибо.
2) Шрифт в нижней панели меню всё-равно отличается от шрифта в верхней панели меню. Может, размер шрифта - разный? Посмотрите, пожалуйста - и сравните. Нужно в нижней панели меню шрифт сделать один-в-один, как в верхней панели меню.
3) После применения изменений, в мобильной версии форма съехала, рисунок 1, а в нижней форме изменения не применились, почему-то: рисунок 2. Как исправить?
4) Решено, спасибо.

И ещё вопросы:
5) На главной странице https://mozgoum.ru/ - есть ссылка: "Инструкция по установке плаката": рисунок 3. Раньше, при нажатии на эту кнопку открывалась страница https://mozgoum.ru/page/Ustanovka . В какой-то момент, при нажатии на эту кнопку стало открываться видео с Ютьюб.. Как вернуть как было, чтобы открывалась страница https://mozgoum.ru/page/Ustanovka, при нажатии?
6) В корзине, при нажатии на ссылку с рисунка 4, мы отправляемся на несуществующую страницу, рисунок 5. Как сделать так, что бы при нажатии нас отправляло на страницу https://mozgoum.ru/ ?

Спасибо.

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

  • 1.jpg
  • 2.jpg
  • 3.jpg
  • 4.jpg
  • 5.jpg


#49 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 09 Октябрь 2019 - 22:06

Ответьте, пожалуйста

#50 Barmalei

Barmalei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 254 сообщений

Отправлено 14 Октябрь 2019 - 15:27

Ответьте, пожалуйста.

#51 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 717 сообщений

Отправлено Сегодня, 07:30

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer .footer-middle .links li a {position: relative;font-size: 16px;color: #ffffff;text-transform: uppercase;text-shadow: 0px 1px 1px #000000;font-weight: bold;}


замените на:
#footer .footer-middle .links li a {position: relative;font-size: 18px;color: #ffffff;font-weight: bold;text-transform: uppercase;text-shadow: 0px 1px 1px #000000;}

далее найдите:
#banner2 .content .price {display: inline-block;color: #fd7d95;font-size: 50px;font-family: 'Marmelad', sans-serif;font-weight: bold;vertical-align: middle;margin-right: 60px;margin-top: 0;}


замените на:
#banner2 .content .price {display: inline-block;color: #fd7d95;font-size: 50px;font-family: 'Marmelad', sans-serif;font-weight: bold;vertical-align: middle;margin-top: 0;}

далее зайдите в main.js - найдите и удалите:
  $('#video-block .video a').magnificPopup({
  items: {
		src: 'https://www.youtube.com/watch?v=Qi3I7AEG-sU' // Ссылка на видео
  },
  type: 'iframe',
  iframe: {
		markup: '<div class="mfp-iframe-scaler">'+
						'<div class="mfp-close"></div>'+
						'<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
						'</div>',
		patterns: {
		  youtube: {
				index: 'youtube.com/',
				id: 'v=',
				src: '//www.youtube.com/embed/%id%?autoplay=1'
		  }
		},
		srcAction: 'iframe_src',
		}
  });

далее зайдите в шаблон Быстрый заказ - найдите:
<a href="{cart_items.GOODS_URL}">{cart_items.GOODS_NAME}</a>

замените на:
<a href="{INDEX_PAGE_URL}">{cart_items.GOODS_NAME}</a>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных