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

[ivanchik]

При нажатии на кнопку "Быстро оформить заказ" выдает JS ошибку. Как поправить?
https://yadi.sk/i/JPlKuzDncP7zb
И сразу второй вопрос: хочу поставить эту кнопку на страницу товара под кнопкой купить
https://yadi.sk/i/aqc_H6QKcP9Wj

[ivanchik]

и плюс еще вопрос: при нажатии на кнопку купить всплывает окно в котором я сделал кнопку "Оформить заказ за 1 минуту " зеленой, как сделать что бы при нажатии она меняла цвет

[batta]

ivanchik (30 Октябрь 2014 - 14:06) писал:

и плюс еще вопрос: при нажатии на кнопку купить всплывает окно в котором я сделал кнопку "Оформить заказ за 1 минуту " зеленой, как сделать что бы при нажатии она меняла цвет

Здравствуйте.
Данного функционала у нас нет, Вам нужно обратится к сторонним ресурсам.

[ivanchik]

как это нет? нельзя прописать hover на ссылку, что бы она меня цвет при наведении??? я про это спрашиваю.и что по поводу этого вопроса:

При нажатии на кнопку "Быстро оформить заказ" выдает JS ошибку. Как поправить?
https://yadi.sk/i/JPlKuzDncP7zb
И сразу второй вопрос: хочу поставить эту кнопку на страницу товара под кнопкой купить
https://yadi.sk/i/aqc_H6QKcP9Wj

[ivanchik]

помощь будет?

[Vaccina]

1. В main.css добавьте:

#quickform-order:hover {
	background-color: #a0ce47;
}

Только значение цвета #a0ce47 замените на необходимое.

2. Проблема из-за вставленных целей от Яндекс непосредственно в кнопку купить, если удалить в шаблоне HTML все 3 записи:

yaCounter25907273.reachGoal('buy');

то кнопки будут корректно работать.

3. Так у вас по сути сразу и всплывает окно быстрого оформления заказа, если в шаблоне Быстрый заказ убрать кнопки выбора и style="display:none;" то будет всплывать сразу форма. Это я веду к тому, что разницы между двумя кнопками не будет в этом случае.

[ivanchik]

спасибо. сделал все, что нужно.
есть еще вопрос: я так понимаю у данного шаблона есть мобильная версия? просто в мобильной версии постоянно проблемы с подвалом, он весь кривой получается. можно сделать так, что бы сайт в телефоне так же просматривался как и а ПК, т.е полностью. или же, сделать так, что бы только часть данных выводилась в подвале, к примеру одно меню (первая колонка)

[Vaccina]

Чтобы шаблон потерял адаптивность, в файле main.css достаточно удалить:

/* Адаптивность шаблона ==============================*/
@media only screen and (min-width: 981px) and (max-width: 1220px) {
  .inner {width:95%;}
}
@media only screen and (min-width: 990px) {
  #header  .flexslider li img.slide_img{display:none !important;}
  #header  .flexslider li .bigPic {display:block !important; cursor:pointer;}
  #header.borderless {border-bottom:none;}
  .menu_main{}
  .menu_main1{}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .inner {width:95%;}
  #header_colapse .inner {background:none !important;}
  #footer .column {width:22% !important;margin:10px !important;min-height:100px;}
  div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;}
  #column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent  { margin:0px 11px 20px 11px;}
  #toggle_switch {display:block;}
  p img {max-width:100% !important;height:auto !important;}
  .product-info .cart {height:auto;overflow:auto;}
  .product-info .cart input[type="text"] {margin-bottom:10px;}
  .orderStepName {font-size: 18px;}
  .orderStepName:before {margin-right: 5px;}
  table.form tr td:first-child {width: 40%;*width: 0px;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content  table.form td {position: relative;width: 100%;display: block; padding: 4px 0;}
  .menu_main{}
  .menu_main1{}
}
@media screen and (max-width: 785px) {
  .orderStepName {font-size: 16px;}
  table.form  {table-layout: fixed;}
  table.form tr td:first-child {width: auto;}
  .menu_main{}
  .menu_main1{}
}
@media only screen and (max-width: 625px) {
  .orderHeader  {display: none !important;}
  .menu_main{}
  .menu_main1{}
}
@media only screen and (min-width: 557px) and (max-width: 898px) {
  .item-detail{width: 49%;}
}
@media only screen and (min-width: 480px) and (max-width: 556px) {
  .item-detail {width: 40%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #toggle_switch {display:none;}
  .inner {width:86%;}
  #header_colapse .inner {display:block !important;}
  #header #cart {right: 0px;width: auto;float: none;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;}
  #header .links {margin:0;}
  #compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;}
  #header #welcome { display: none;}
  #header #search { position:relative;clear:both;width:640px;margin-bottom: 19px;float: left;}
  #header #search input {width:380px;}
  #header #support {display:none;}
  #header #cart h4, #header #cart #cart-total {display:block;}
  #header #cart .content {top:35px;}
  #header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;}
  #column-left { float:none; width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0; }
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:14px;}
  .product-info .image {width:380px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;}
  .product-filter .view-mode label {display: none;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png") no-repeat right center;}
  table.form  {table-layout: fixed;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content h4, .login-content .right p {display: none;}
  p.required {display: none;}
  .login-content  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  .generally label:after {content: ""; display: block;clear: both;}
}
@media only screen and (max-width: 480px) {
  h2 {font-size: 24px;}
  .inner {width:80%;}
  #header_colapse .inner {display:block !important;}
  #toggle_switch {display:none;}
  #header .links {margin:0;}
  #compareInfo {margin-left:0px;float: left;}
  #header #welcome {display: none;}
  #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
  #header #search input {width:70%;}
  #header #support {display:none;}
  #header #logo {margin: 0;}
  #header #vk {margin: 0;}
  #header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;}
  #header #cart .heading {padding: 0 0 0 46px;}
  #header #cart .cart_circle {right: auto; left: 0;}
  #header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;}
  #header #cart .content {top:35px;}
  #header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left {float:none;width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;}
  div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;}
  .item-detail {width: 100%;}
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:12px;padding:10px;}
  .category-info {padding: 10px 0;}
  .category-info .left {float:none;}
  .category-info .right {margin: 10px 0 0 0; padding: 0;}
  .product-info .image {width:260px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  .login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png") no-repeat right center;}
  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  #content .login-content .content {padding: 10px 0;overflow: visible;}
  p.required {display: none;}
  #content .buttons .left {display: none;}
}

или можно переделать структуру подвала, пример переделанных блоков меню:

<div class="inner">
	<div class="menu_main">
  <div id="mail4">Покупателям</div>
		<ul>
   {% 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 %}>{menu.footer.links.NAME}</a></li>
   {% ENDFOR %}
			{% ENDFOR %}
			{% ENDFOR %}
		</ul>
	</div>
  
		   
	<div class="menu_main1">
  <div id="mail5">Информация</div>
		<ul>
   <li><a href="http://sait.ru/page/Oplata-cherez-yandeks-Dengi-i-Visa-MasterCard-Instrukciya" target="_blank">Яндекс.Деньги. Инструкция</a></li>
   <li><a href="http://sait.ru/page/Oplata-cherez-yandeks-Dengi-i-Visa-MasterCard-Instrukciya" target="_blank">Visa/MasterCard. Инструкция</a></li>
   <li><a href="http://sait.ru/page/QIWI" target="_blank">QIWI кошелек. Инструкция</a></li>  
   <li><a href="http://sait.ru/page/WebMoney" target="_blank">WebMoney кошелек. Инструкция</a></li>
   <li><a href="https://passport.webmoney.ru/asp/certview.asp?wmid=358791834820" target="_blank">Проверить аттестат продавца WebMoney</a></li>
				   
		</ul>
	</div>
		   
	<div class="menu_main2">
		<ul>
   <li><a href="http://sait.ru/news/Советы-по-покупке-видеорегистратора" target="_blank">Советы по покупке видеорегистратора</a> </li>
   <li><a href="http://sait.ru/news/Как-выбрать-хороший-алкотестер" target="_blank">Как выбрать хороший алкотестер?</a> </li>
   <li><a href="http://sait.ru/news/Как-выбрать-навигатор" target="_blank">Как выбрать навигатор?</a> </li>	
		</ul>
	</div>   
	<div class="clear"></div>
</div>

после переделки структуры необходимо еще будет стили поправить, но это в случае, если вы примените второй вариант

[ivanchik]

хотелось бы конечно , что бы осталась мобильная версия... можно сделать так, что бы в мобильной версии в подвале выводилось только главное меню (menu_main).

[Vaccina]

В шаблоне main.css после:

@media only screen and (max-width: 480px) {

вставьте:

.menu_main1 {
	display: none;
}
.menu_main2 {
	display: none;
}
#mail {
	display: none;
}
#mail2 {
	display: none;
}
#mail5 {
	display: none;
}

#mailpng {
	display: none;
}

[ivanchik]

спасибо, а не подскажите, почему у слайдера гифка загрузки не отображается перед его загрузкой

[Vaccina]

Возможно такое происходит из-за отсутствия точных размеров слайдера, так как гифка встроена фоном в блок, который не имеет размера и подстраивается под баннеры.
Лучше слайдер оставить как есть не изменяя его ширины и высоты иначе это может сказаться на адаптивности.

[ivanchik]

а как убрать его вообще из мобильной версии? мне кажется он там вообще не к чему. попробовал по аналогии с подвалом, не вышло(

[Alekseys]

ivanchik (10 Ноябрь 2014 - 09:17) писал:

а как убрать его вообще из мобильной версии? мне кажется он там вообще не к чему. попробовал по аналогии с подвалом, не вышло(

Здравствуйте. В main.css в блок

@media only screen and (max-width: 767px) and (min-width: 480px)

и в блок

@media only screen and (max-width: 480px)

добавьте

.theme-default {
display: none;
}

[ivanchik]

слайдер остался... смотрю здесь http://ipadpeek.com/
вообще хотелось бы убрать блоки: Наш адрес, блок яндекса и слайдер.

[Dars]

ivanchik (11 Ноябрь 2014 - 15:52) писал:

слайдер остался... смотрю здесь http://ipadpeek.com/
вообще хотелось бы убрать блоки: Наш адрес, блок яндекса и слайдер.

В main.css добавьте код:

@media only screen and (max-width: 1024px) {
	.theme-default, #column-left .box:nth-child(2) {display:none !important;}
  }