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

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

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

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

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

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

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - 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',
	}
  });

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

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - 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);

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

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/ ?

Спасибо.

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - 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>

Здравствуйте. Всё работает, спасибо. Ещё вопросы, пожалуйста, помогите:

1) На данный момент пункты панели верхнего и нижнего меню абсолютно одинаковы, и это правило приписано в недрах кода сайта. Как сделать так, чтобы пункты нижней панели меню можно было задавать отдельно от пунктов верхней панели меню? Или перефразируя, как сделать так, чтобы нижняя панель меню подчинялась шаблону menu.footer ? На данный момент нижняя панель меню подчиняется шаблону menu.header. Слепая замена header на footer в разделе "Сайт - Редактор шаблонов - HTML" - не помогает. Нужно сделать что-то ещё. Подскажите, пожалуйста, что именно.

<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>

2) Перед нижней панелью меню у меня на сайте надпись "Приобретая «Плакатум «Мозгобум», Вы делаете мир чуточку лучше:
30% прибыли перечисляется в благотворительный фонд «Оберегъ» (г. Иркутск)" (Рисунок 1). На данный момент надпись отображается на всех страницах сайта. Как сделать так, чтобы эта надпись отображалась только на главной странице сайта (mozgoum.ru)? Со ВСЕХ остальных страниц нужно эту надпись убрать.

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

	<!-- Подвал -->
	<div id="footer">
	  <div class="footer-top">
		<div>Приобретая «Плакатум «Мозгобум», Вы делаете мир чуточку лучше:</div>
		<div>30% прибыли перечисляется в <a href="http://obereg38.ru/" title="Перейти на сайт благотворительного фонда «Оберегъ»">благотворительный фонд «Оберегъ»</a> (г. Иркутск)</div>
	  </div>
	  <div class="footer-middle">
		<div id="mommenuf">
		  <div class="button-burger">
			<span class="icon top"></span>
			<span class="icon mid"></span>
			<span class="icon bottom"></span>
			<span class="text">Меню</span>
		  </div>
		</div>
		<!-- Меню -->
		<ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.header.links.NAME}</span></a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
	  </div>

замените на:

	<!-- Подвал -->
	<div id="footer">
	{% IF index_page %}
	  <div class="footer-top">
		<div>Приобретая «Плакатум «Мозгобум», Вы делаете мир чуточку лучше:</div>
		<div>30% прибыли перечисляется в <a href="http://obereg38.ru/" title="Перейти на сайт благотворительного фонда «Оберегъ»">благотворительный фонд «Оберегъ»</a> (г. Иркутск)</div>
	  </div>
	  {% ENDIF %}
	  <div class="footer-middle">
		<div id="mommenuf">
		  <div class="button-burger">
			<span class="icon top"></span>
			<span class="icon mid"></span>
			<span class="icon bottom"></span>
			<span class="text">Меню</span>
		  </div>
		</div>
		<!-- Меню -->
		<ul class="links" itemscope itemtype="https://schema.org/SiteNavigationElement">
		  {% FOR menu %}
			{% FOR footer %}
			  {% FOR links %}
				<li><a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="active"{% ENDIF %} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %} itemprop="url"><span>{menu.footer.links.NAME}</span></a></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
	  </div>

Здравствуйте! Спасибо, помогло. Ещё вопросы, помогите, пожалуйста.

1) Как в корзине увеличить в ширину поля, в которых указывается способы доставки? Растянуть нужно так, что бы надпись "рублей" располагалась в одной строчке вместе с суммой, а не переносилась на вторую строчку. Рисунок 1.
2) В корзине, в способах доставки. Как убрать отступ между фразами "Доставка курьером по адресу" и "Зона доставки:"? А между всеми способами доставки и надписью "Зона доставки:" наоборот, добавить отступы? Рисунок 2.
3) На Рисунке 3 я заштриховал область, где нужно добавить фон цветом ffeef6 . Как мне добавить фон в это место? Фон должен быть растянут по всей ширине сайта (видимой и не видимой)
4) Как сделать нижний блок с ценой точно таким же, как верхний блок с ценами? Такой же цвет, такая же форма... В общем, полностью одинаковыми нужно сделать. На Рисунке 4 - верхний блок с ценой, на Рисунке 5 - нижний блок с ценой.
5) Как сделать надпись "Нажми, чтобы увидеть подробнее" - жирным? Рисунок 6.
6) Как сделать так, что бы по стрелочке пробегала блёстка каждые 4 секунды? Такая же блёстка, которая пробегает на "Лупах". Рисунок 7.
7) Как на странице https://mozgoum.ru/page/Dostavka увеличить отступ картинок от нижней панели меню? Рисунок 8.

Спасибо.

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

1. Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите:

  <form action="{ORDER_STAGE_CONFIRM_WITHOUT_DOMAIN_URL}" method="post"  id="quickform">
	<div class="formfast">
	  <input type="hidden" name="hash" value="{HASH}" />
	  <div class="col-sm-6 col-xs-12">
		<!-- Данные покупателя -->

  
замените на:

  <form action="{ORDER_STAGE_CONFIRM_WITHOUT_DOMAIN_URL}" method="post"  id="quickform">
	<div class="formfast">
	  <input type="hidden" name="hash" value="{HASH}" />
	  <div class="col-sm-8 col-xs-12">
		<!-- Данные покупателя -->

  
2. Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите:

<p>{order_delivery.DESC}</p>

замените на:

{% IF order_delivery.DESC %}<p>{order_delivery.DESC}</p>{% ENDIF %}

далее зайдите в oldmain.css - найдите:

.delivery .orderStageDeliveryListTable .cell2 > label {font-size: 18px;font-weight: bold;color: #00769c;}

замените на:

.delivery .orderStageDeliveryListTable .cell2 > label {font-size: 18px;font-weight: bold;color: #00769c;}
.delivery .orderStageDeliveryListTable .cell2 .zones {margin: 10px 0;}
.delivery .orderStageDeliveryListTable .cell2 > label + .zones {margin-top:0;}

3. В раздел Сайт - Редактор шаблонов загрузите фоновое изображение, далее зайдите в main.css - найдите:

#video-block {position: relative;padding: 30px 0;}

замените на:

#video-block {background:url('ссылка на изображение') center center;position: relative;padding: 30px 0;}

4. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

  {% IF index_page %}   
	<!-- Баннер2 -->
	<div id="banner2">
	  <div class="container">
		<div class="content">
		  <div class="title hide">Купить плакат «Мозгобум» по акции прямо сейчас!</div>
		  <div class="logo">
			<a class="del_rus"><strong>Доставка по<br/>всей России!</strong></a>
		  </div>
		  <div class="block-right">
			<div class="title">Купить плакат «Мозгобум» по акции прямо сейчас!</div>
			<div class="price old_price"><span class="num">2499</span><span class="val">руб.</span></div>
			<div class="price"><span class="num">1970</span><span class="val">руб.</span></div>
			<div class="time"><span>До конца акции:</span>
			<div class="timer">
			  <span class="days"></span>
			  <span id="delimiter">:</span>
			  <span class="hours"></span>
			  <span id="delimiter">:</span>
			  <span class="minutes"></span>
			  <span id="delimiter">:</span>
			  <span class="seconds"></span>
			</div>		   
			</div>
			{% FOR index_page_goods %}
			  {% IF index_page_goods.index > 1 %}{break}{% ENDIF %}
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{index_page_goods.MIN_PRICE_NOW_ID} goodsListForm">
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
				  <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
				  <a href="#" class="button share shine"><span>Поделиться</span></a>
				  {% IF CART_COUNT_TOTAL=0 %}
					<a class="add-cart button button2 shine" title="Оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}" onclick="yaCounter52388590.reachGoal('zakazati'); return true;">КУПИТЬ!</a>
				  {% ELSE %}
					<a class="button button2 shine" title="Оформить заказ" href="{CART_URL}" onclick="yaCounter52388590.reachGoal('zakazati'); return true;">КУПИТЬ!</a>
				  {% ENDIF %}
				</form>
			{% ENDFOR %}
		  </div>
		  <div class="social-share" style="display: none;">
			<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
			<script src="//yastatic.net/share2/share.js"></script>
			<div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter,viber,whatsapp,telegram" data-limit="5"></div>
		  </div>
		</div>
	  </div>
	</div>
 
	{% ENDIF %}

замените на:

  {% IF index_page %}   
	<!-- Баннер2 -->
	  <div id="banner">
		<div class="container">
		  <div class="content">
			<div class="title hide">Купить плакат «Мозгобум» по акции прямо сейчас!</div>
			<div class="logo">
			  <a class="del_rus"><strong>Доставка по<br/>всей России!</strong></a>
			</div>
			<div class="block-right">
			  <div class="title">Купить плакат «Мозгобум» по акции прямо сейчас!</div>
			<div class="price old_price"><span class="num">2499</span><span class="val">руб.</span></div>
			<div class="price"><span class="num">1970</span><span class="val">руб.</span></div>
			<div class="time"><span>До конца акции:</span>
			<div class="timer">
			  <span class="days"></span>
			  <span id="delimiter">:</span>
			  <span class="hours"></span>
			  <span id="delimiter">:</span>
			  <span class="minutes"></span>
			  <span id="delimiter">:</span>
			  <span class="seconds"></span>
			</div>		   
			</div>
			{% FOR index_page_goods %}
			  {% IF index_page_goods.index > 1 %}{break}{% ENDIF %}
				<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{index_page_goods.MIN_PRICE_NOW_ID} goodsListForm">
				  <input type="hidden" name="hash" value="{HASH}" />
				  <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
				  <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
				  <a href="#" class="button share shine"><span>Поделиться</span></a>
				  {% IF CART_COUNT_TOTAL=0 %}
					<a class="add-cart button button2 shine" title="Оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}" onclick="yaCounter52388590.reachGoal('zakazati'); return true;">КУПИТЬ!</a>
				  {% ELSE %}
					<a class="button button2 shine" title="Оформить заказ" href="{CART_URL}" onclick="yaCounter52388590.reachGoal('zakazati'); return true;">КУПИТЬ!</a>
				  {% ENDIF %}
				</form>
			{% ENDFOR %}
		  </div>
			<div class="social-share">
			  <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
			  <script src="//yastatic.net/share2/share.js"></script>
			  <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter,viber,whatsapp,telegram" data-limit="5"></div>
			</div>
		  </div>
		</div>
	  </div>
	{% ENDIF %}

  
5-6. За надпись со стрелкой отвечает файл cloud.png, в графическом редакторе необходимо изменить саму надпись и разделить на два отдельных файла: облако с надписью и стрелка.

7. В разделе Сайт - Страницы - Доставка - после изображений добавьте новые пустые строки.

Здравствуйте! Спасибо за ответы, есть замечания)

1) Всё ок, спасибо.
2) Нужно ещё добавить отступ между надписями "Зона доставки" и "Москва в пределах МКАД". Как?
3) А нельзя просто цвет фоном добавить, без картинок? Я так понимаю, блок с "достоинствами плаката" реализован фоном? Нельзя так же сделать, что бы лишними картинками сайт не грузить?
4) Всё ок, только теперь пропал отступ между нижним блоком с ценами и надписью "Приобретая плакат Мозгобум, Вы...". Как вернуть отступ между блоком и надписью?
5) Ладно, забудем...)
6) Я до этого и сам догадался - но это, почему-то не помогло))) Есть ещё варианты?