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


Сделать Выпадающий Каталог Товарав

Автор livem1., 17 янв. 2013 13:50

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

#41 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 25 Январь 2013 - 16:32

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

#42 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Январь 2013 - 16:57

Вопрос

Цитата

Мне не отвечали в одной ветке, поэтому спрошу здесь, как мне сделать...
Вопрос. До какого момента вы хотите скрыть блок с группами от VK.com ?

#43 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 25 Январь 2013 - 17:19

Я хочу скрыть кнопку подъёма вверх, чтобы она становилась видимой, сразу после блока  vk.com и закрепить подвал сайта, чтобы он был постоянно на виду.
И Koderhan, спасибо, что быстро реагируете на вопросы.

#44 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Январь 2013 - 17:40

Цитата

Я хочу скрыть кнопку подъёма вверх.
Попробуйте добавить в файл "HTML".
До кода:
</head>
Код:


<script language="JavaScript" type="text/javascript">
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
else $(scrollDiv).fadeIn("slow")
});
$(this).click(function() {
$("html, body").animate({scrollTop: 0}, "slow")
})
}
});
$(function() {
$("#back-top a").scrollToTop();
});
</script>

#45 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 25 Январь 2013 - 17:52

Всё вышло, всё супер. А что относительно подвала сайта?

Я хотел бы его уменьшить,закрепить его и сделать так, чтобы кнопка "вверх" не была за его началом.

http://clip2net.com/s/2KODZ

#46 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Январь 2013 - 02:10

Вам необходимо в файле стилей main.css найти

#footer {
	background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #999999;
	font-family: verdana;
	height: 139px;
	margin: 0;
	padding: 0;
	text-align: center;
}

и заменить на

#footer {
	background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #999999;
	font-family: verdana;
	height: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 2;
}

далее добавьте

.ui-datepicker {
  display: none;
}

далее найдите

#back-top {
	bottom: 15px;
	left: 290px;
	margin-right: -150px;
	opacity: 0.3;
	position: fixed;
	z-index: 1;
}

и замените на

#back-top {
	bottom: 100px;
	left: 290px;
	margin-right: -150px;
	opacity: 0.3;
	position: fixed;
	z-index: 1;
}

#47 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 10:51

Изменений не произошло
http://gyazo.com/175...fd11f89845b2f6e
http://gyazo.com/1eb...a7d6052a33ef510

Может быть я не туда добавил

.ui-datepicker {
  display: none;
}
Добавил сразу после
#footer {
        background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
        border-top: 1px solid #CCCCCC;
        clear: both;
        color: #999999;
        font-family: verdana;
        height: 80px;
        margin: 0;
        padding: 0;
        text-align: center;
        position: relative;
        z-index: 2;
}
Так нужно было сделать?

#48 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 26 Январь 2013 - 11:29

Просмотр сообщенияlivem1. (26 Январь 2013 - 10:51) писал:

Изменений не произошло
http://gyazo.com/175...fd11f89845b2f6e
http://gyazo.com/1eb...a7d6052a33ef510

Может быть я не туда добавил

.ui-datepicker {
  display: none;
}
Добавил сразу после
#footer {
background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
border-top: 1px solid #CCCCCC;
clear: both;
color: #999999;
font-family: verdana;
height: 80px;
margin: 0;
padding: 0;
text-align: center;
position: relative;
z-index: 2;
}
Так нужно было сделать?

Кнопка вверх теперь не заходит в подвал сайта. Что вам нужно исправить? Приложите скриншот пожалуйста

#49 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 11:33

Увидел, зашёл в оперу и почистил кеш.
Я хочу сделать, чтобы подвал сайта был постоянно на виду, чтобы он был меньше рамера

Вот:
как мне сделать...
И хочу сделать это, и чтобы он постоянно был на виду, чтобы двигался вместе с указателем мыши.

#50 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 11:44

Хотел бы сделать еще и следующее

#51 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 26 Январь 2013 - 11:50

Просмотр сообщенияlivem1. (26 Январь 2013 - 11:33) писал:

Увидел, зашёл в оперу и почистил кеш.
Я хочу сделать, чтобы подвал сайта был постоянно на виду, чтобы он был меньше рамера

Вот:
как мне сделать...
И хочу сделать это, и чтобы он постоянно был на виду, чтобы двигался вместе с указателем мыши.

Найдите пожалуйста в шаблоне HTML примерно следующий код:
<!-- Подвал сайта -->
  <div id="footer">
	<br />
	<span>
	{% FOR menu %}
	  {% FOR footer %}
		{% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{% ENDIF %}{% ENDFOR %}
	  {% ENDFOR %}
	{% ENDFOR %}
	</span>
	<br /><br />
	<div class="footnote">
	   &copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;&nbsp;&nbsp;&nbsp;{SETTINGS_STORE_ORG_NAME}
	  Все права защищены
	  {SETTINGS_STORE_REGION}
	  {SETTINGS_STORE_HTML_CODE}
	  {COPYRIGHT_FOR_DESIGN_MOKKO}
	</div>
   
  </div>
и пришлите в тему

#52 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 11:53

<!-- Подвал сайта -->
  <div id="footer">
  <p id="back-top">
<a href="#top"><span></span>Вверх</a>
</p>
    <br />
    <span>
    {% FOR menu %}
      {% FOR footer %}
        {% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{% ENDIF %}{% ENDFOR %}
      {% ENDFOR %}
    {% ENDFOR %}
    </span>
    <br /><br />
    <div class="footnote">
       &copy; {DATE_YEAR}  &laquo;{SETTINGS_STORE_NAME}born2shopping&raquo;&nbsp;&nbsp;&nbsp;{SETTINGS_STORE_ORG_NAME}<br />
      Все права защищены <br />
      {SETTINGS_STORE_REGION}<br />
      {SETTINGS_STORE_HTML_CODE}<br />
      {COPYRIGHT_FOR_DESIGN_MOKKO}
    </div>
  </div>

#53 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 26 Январь 2013 - 11:54

Просмотр сообщенияlivem1. (26 Январь 2013 - 11:44) писал:

Хотел бы сделать еще и следующее

Найдите в файле main.csstemplate код:
#cartInfo {
position: absolute;
font-size: 13px;
bottom: 6px;
right: 10px;
white-space: nowrap;
}
и замените его на:
#cartInfo {
position: absolute;
font-size: 13px;
bottom: 118px;
right: 10px;
white-space: nowrap;
}

Найдите код:
#searchPanel {
position: absolute;
top: 15px;
right: 10px;
}
и замените на:
#searchPanel {
position: absolute;
top: 119px;
right: 10px;
}

#54 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 26 Январь 2013 - 12:03

Просмотр сообщенияlivem1. (26 Январь 2013 - 11:53) писал:

<!-- Подвал сайта -->
  <div id="footer">
  <p id="back-top">
<a href="#top"><span></span>Вверх</a>
</p>
<br />
<span>
{% FOR menu %}
  {% FOR footer %}
{% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{% ENDIF %}{% ENDFOR %}
  {% ENDFOR %}
{% ENDFOR %}
</span>
<br /><br />
<div class="footnote">
   &copy; {DATE_YEAR}  &laquo;{SETTINGS_STORE_NAME}born2shopping&raquo;&nbsp;&nbsp;&nbsp;{SETTINGS_STORE_ORG_NAME}<br />
  Все права защищены <br />
  {SETTINGS_STORE_REGION}<br />
  {SETTINGS_STORE_HTML_CODE}<br />
  {COPYRIGHT_FOR_DESIGN_MOKKO}
</div>
  </div>

Замените ваш код Подвала на :
<!-- Подвал сайта -->
  <div id="footer">
  <p id="back-top">
<a href="#top"><span></span>Вверх</a>
</p>
	<br />
	<span>
	{% FOR menu %}
	  {% FOR footer %}
		{% FOR links %}<a href="{menu.footer.links.URL}" {% IF menu.footer.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.footer.links.TITLE %}title="{menu.footer.links.TITLE}"{% ENDIF %}>{menu.footer.links.NAME}</a>{% IF menu.footer.links.rindex>1 %}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;{% ENDIF %}{% ENDFOR %}
	  {% ENDFOR %}
	{% ENDFOR %}
	</span>
   
	<div class="footnote">
	   &copy; {DATE_YEAR}  &laquo;{SETTINGS_STORE_NAME}born2shopping&raquo;&nbsp;&nbsp;&nbsp;{SETTINGS_STORE_ORG_NAME}
	  Все права защищены
	  {SETTINGS_STORE_REGION}
	  {SETTINGS_STORE_HTML_CODE}
	  {COPYRIGHT_FOR_DESIGN_MOKKO}
	</div>
  </div>

в файле main.csstemplate найдите код:
#footer {
		background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent; /*градиент*/
		border-top: 1px solid #CCCCCC;
		clear: both;
		color: #999999;
		font-family: verdana;
		height: 60px;/*длина подвала,*/
		margin: 0;
		padding: 0;
		text-align: center;
		position: relative;
		z-index: 2;
}
Можете подобрать длину подвала, если вам нужно меньше (  height: 60px;/*длина подвала,*/), для того, чтобы у вас отображался нормально градиент в подвале - вам нужно загрузить другой градиент с меньшими размерами по длине  и переправить строку (  background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent; /*градиент*/)

#55 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 12:24

А как же сделать , чтобы он был постоянно на виду? Чтобы он не был в самом низу странице, а постоянно отображался вот так

#56 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 13:51

У меня такого кода в мейн нет.

Цитата

// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.
function sendError (desc, page, line) {
  var img=document.createElement('img');
  img.src = 'http://storeland.ru/...IComponent(desc)+'&page='+encodeURIComponent(window.location)+'&line=0';
  img.style.position = 'absolute';
  img.style.top = '-9999px';

  try { document.getElementsByTagName('head').appendChild(img) } catch (e){}
  return false;
}

// Форматирует цену
function number_format(number,decimals,dec_point,thousands_sep){var n=number,prec=decimals;var toFixedFix=function(n,prec){var k=Math.pow(10,prec);return(Math.round(n*k)/k).toString();};n=!isFinite(+n)?0:+n;prec=!isFinite(+prec)?0:Math.abs(prec);var sep=(typeof thousands_sep==='undefined')?',':thousands_sep;var dec=(typeof dec_point==='undefined')?'.':dec_point;var s=(prec>0)?toFixedFix(n,prec):toFixedFix(Math.round(n),prec);var abs=toFixedFix(Math.abs(n),prec);var _,i;if(abs>=1000){_=abs.split(/\D/);i=_[0].length%3||3;_[0]=s.slice(0,i+(n<0))+
_[0].slice(i).replace(/(\d{3})/g,sep+'$1');s=_.join(dec);}else{s=s.replace('.',dec);}
var decPos=s.indexOf(dec);if(prec>=1&&decPos!==-1&&(s.length-decPos-1)<prec){s+=new Array(prec-(s.length-decPos-1)).join(0)+'0';}
else if(prec>=1&&decPos===-1){s+=dec+new Array(prec).join(0)+'0';}
return s;}

// Превращает поле пароля в текстовое поле и обратно
// @LinkObject - ссылка по которой кликнули
// @InputObject - объект у которого нужно изменить тип поля
function ChangePasswordFieldType (LinkObject, InputObject) {
  var
    // Ссылка по которой кликнули
    LObject = $(LinkObject),
    // Объект у которого изменяем тип с password на text
    IObject = $(InputObject),
    // Старый текст ссылки
    txtOld = LObject.text(),
    // Новый текст ссылки
    txtNew = LObject.attr('rel');

  // Если объекты не получены, завершим работу функции
  if( LObject.length==0 || IObject.length==0 ) {
    return false;
  }

  // Изменяем у ссылки текст со старого на новый
  LObject.html(txtNew);
  // Старый текст ссылки сохраняем в атрибуте rel
  LObject.attr('rel', txtOld);

  // Изменяем тип input поля
  if(IObject[0].type == 'text') {
    IObject[0].type = 'password';
  } else {
    IObject[0].type = 'text';
  }
}

// Крутит изображение при обновлении картинки защиты от роботов
function RefreshImageAction(img,num,cnt) {
  if(cnt>13) {
    return false;
  }

  $(img).attr('src', $(img).attr('rel') + 'icon/refresh/' + num + '.gif');
  num = (num==6)?0:num;
  setTimeout(function(){RefreshImageAction(img, num+1, cnt+1);}, 50);
}

$(document).ready(function(){
  // Кнопки на сайте если подгружен модуль Jquery.UI
  if(typeof($('input:submit, input.button').button) == "function" ) {
    $('input:submit, input.button').button();
  }

  // Отправка формы по Ctrl+Enter
  $('form').bind('keypress', function(e){
    if((e.ctrlKey) && ((e.which==10)||(e.which==13))) {$(this).submit();}
  // Отправка данных формы по нажатию на Enter в случае если курсор находится в input полях (В некоторых браузерах при нажатии по enter срабатывает клик по первому submit полю, которое является кнопкой назад. Для этого написан этот фикс)
  }).find('input').bind('keypress', function(e){
    if(((e.which==10)||(e.which==13))) { try{$(this.form).submit();} catch(e){} return false; }
  });

  // Валидация формы на странице оформления заказа, а так же формы на страницы связи с администрацией
  $('.order form, .
  Form, .clientForm, .goodsDataOpinionAddForm').submit(function(){
    if($(this).valid()) {
      // Кнопка отправки формы
      SubmitButton = $(this).find('input:submit, button:submit');
      // Если кнопку уже нажали, видимо отправка формы производилась по нажатию на кнопку enter, не допускаем этого.
      if($(SubmitButton.get(0)).attr('disabled')) {
        return false;
      }
      // Устанавливаем на кнопку отправки формы блокировку повторной оптравки
      SubmitButton.attr('disabled', true);
      // Через 10 секунд блокировка отправки формы снимается.
      setTimeout('SubmitButton.attr("disabled", false);', 10000);
    }
  }).validate();

  // В форме оформления заказа при клике на кнопку назад просто переходим на предыдущую страницу
  $('.order form input:submit[name="toprev"]').click(function(){
    var act = this.form.action;
    this.form.action = act + ( act.indexOf( '\?' ) > -1 ? '&' : '?' ) + 'toprev=1';
    this.form.submit();
    return false;
  });

  // Настройки галереи изображений
  $.nyroModalSettings({
    // из всех элементов с атрибут rel="gallery" будем создавать галерею
    gallery: 'gallery',
    // Включаем прокрутку с последнего изображения на первое
    galleryLoop: true
  });

  // Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsDataMainImage a, .goodsDataMainImageZoom a').click(function(){

        // Идентификатор главной картинки
    var goodsImageId = $('.goodsDataMainImage input').attr("rel"),

        // Маленькое изображение, по которому на самом деле будем кликать
        goodsImageIconElement = $('.goodsDataMainImagesIcon input[rel="'+goodsImageId+'"]').parent().find('a');

    // Для иконки изображения запустим галерею  
    goodsImageIconElement.nyroModalManual();
    return false;
  });

  // Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm').submit(function(){
    $(this).nyroModalManual({
      formIndicator: 'ajax_q',  // Value added when a form is sent
      minWidth: 420, // Minimum width
      minHeight: 150, // Minimum height
      gallery: null // Gallery name if provided
    });
    return false;
  });

  // Изменение главного изображения товара при нажатии на миниатюру
  $('.goodsDataMainImagesIcon a').click(function(){
        // Путь к среднему изображению
    var MediumImageUrl = $(this).find('img').attr('rel'),

        // Главное изображение, в которое будем вставлять новое изображение
        MainImage = $('.goodsDataMainImage img'),

        // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
        MainImageIdObject = $('.goodsDataMainImage input'),

        // Получаем идентификатор этого изображения из соседнего input поля
        GoodsImageIconId = $(this).parent().find('input').attr("rel");

    // Изменяем главное изображение
    MainImage.attr('src',MediumImageUrl);

    // Изменяем идентификатор главного изображения
    MainImageIdObject.attr("rel",GoodsImageIconId);

    return false;
  });

  // Функция собирает свойства в строку, для определения модификации товара
  function getSlugFromGoodsDataFormModificationsProperties(obj) {
    var properties = new Array();
    $(obj).each(function(i){
      properties[i] = parseInt($(this).val());
    });
    return properties.sort(function(a,B){return a - b}).join('_');
  }


  var
    // Запоминаем поля выбора свойств, для ускорения работы со значениями свойств
    goodsDataProperties = $('form.goodsDataForm select[name="form[properties][]"]'),

    // Запоминаем блоки с информацией по модификациям, для ускорения работы
    goodsDataModifications = $('div.goodsDataMainModificationsList');


  // Обновляет возможность выбора свойств модификации, для отключения возможности выбора по характеристикам модификации которой не существует.
  function updateVisibility (y) {
    // Проверяем в каждом соседнем поле выбора модификаций, возможно ли подобрать модификацию для указанных свойств
    goodsDataProperties.each(function(j){
      // Если мы сравниваем значения свойства не с самим собой, а с другим списком значений свойств
      if( j != y ) {
        // Проходим по всем значениям текущего свойства модификации товара
        $(this).find('option').each(function(){
          // Записываем временный массив свойств, которые будем использовать для проверки существования модификации
          var checkProperties = new Array();
          $(goodsDataProperties).each(function(i){
            checkProperties[i] = parseInt($(this).val());
          });
          // Пытаемся найти модификацию соответствующую выбранным значениям свойств
          checkProperties[j] = parseInt($(this).attr('value'));
          // Собираем хэш определяющий модификацию по свойствам
          slug = checkProperties.sort(function(a,B){return a - b}).join('_');
          // Ищем модификацию по всем выбранным значениям свойств товара. Если модификации нет в возможном выборе, отмечаем потенциальное значение выбора как не доступное для выбора, т.к. такой модификации нет.
          if(!goodsDataModifications.filter('[rel="'+slug+'"]').length) {
           $(this).attr('disabled', true);
          // Если выбрав данное значение свойства товара можно подобрать модификацию, то выделяем вариант выбора как доступный.
          } else {
            $(this).attr('disabled', false);
          }
        });
      }
    });
  }
  // Обновляем возможность выбора модификации товара по свойствам. Для тех свойств, выбор по которым не возможен, отключаем такую возможность.
  // Проверяем возможность выбора на всех полях кроме первого, чтобы отключить во всех остальных варианты, которые не возможно выбрать
  updateVisibility (0);
  // Проверяем возможность выбора на всех полях кроме второго, чтобы в первом поле так же отключилась возможность выбора не существующих модификаций
  updateVisibility (1);

  // Изменение цены товара при изменении у товара свойства для модификации
  goodsDataProperties.each(function(y){
    $(this).change(function(){
      var slug = getSlugFromGoodsDataFormModificationsProperties(goodsDataProperties),
          modificationBlock             = goodsDataModifications.filter('[rel="'+slug+'"]'),
          modificationId                = parseInt(modificationBlock.find('[name="id"]').val()),
          modificationArtNumber         = modificationBlock.find('[name="art_number"]').val(),
          modificationPriceNow          = parseFloat(modificationBlock.find('[name="price_now"]').val()),
          modificationPriceNowFormated  = modificationBlock.find('.price_now_formated').html(),
          modificationPriceOld          = parseFloat(modificationBlock.find('[name="price_old"]').val()),
          modificationPriceOldFormated  = modificationBlock.find('.price_old_formated').html(),
          modificationRestValue         = parseFloat(modificationBlock.find('[name="rest_value"]').val()),
          modificationDescription       = modificationBlock.find('.description').html(),
          modificationMeasureId         = parseInt(modificationBlock.find('[name="measure_id"]').val()),
          modificationMeasureName       = modificationBlock.find('[name="measure_name"]').val(),
          modificationMeasureDesc       = modificationBlock.find('[name="measure_desc"]').val(),
          modificationMeasurePrecision  = modificationBlock.find('[name="measure_precision"]').val(),
          modificationIsHasInCompareList= modificationBlock.find('[name="is_has_in_compare_list"]').val(),
          goodsModificationId           = $('.goodsDataMainModificationId'),
          goodsPriceNow                 = $('.goodsDataMainModificationPriceNow'),
          goodsPriceOld                 = $('.goodsDataMainModificationPriceOld'),
          goodsAvailable                = $('.goodsDataMainModificationAvailable'),
          goodsAvailableTrue            = goodsAvailable.find('.available-true'),
          goodsAvailableFalse           = goodsAvailable.find('.available-false'),
          goodsArtNumberBlock           = $('.goodsDataMainModificationArtNumber'),
          goodsArtNumber                = goodsArtNumberBlock.find('span');
          goodsCompareAddButton         = $('.goodsDataCompareButton.add');
          goodsCompareDeleteButton      = $('.goodsDataCompareButton.delete');
          goodsModDescriptionBlock      = $('.goodsDataMainModificationsDescriptionBlock');


       // Изменяем данные товара для выбранных параметров. Если нашлась выбранная модификация
       if(modificationBlock.length) {
         // Цена товара
         goodsPriceNow.html(modificationPriceNowFormated);

         // Старая цена товара
         if(modificationPriceOld>modificationPriceNow) {
          goodsPriceOld.html(modificationPriceOldFormated);
         } else {
           goodsPriceOld.html('');
         }

         // Есть ли товар есть в наличии
         if(modificationRestValue>0) {
           goodsAvailableTrue.show();
           goodsAvailableFalse.hide();
         // Если товара нет в наличии
         } else {
           goodsAvailableTrue.hide();
           goodsAvailableFalse.show();
         }
         // Если товар есть в списке сравнения
         if(modificationIsHasInCompareList>0) {
           goodsCompareAddButton.hide();
           goodsCompareDeleteButton.show();
         // Если товара нет в списке сравнения
         } else {
           goodsCompareAddButton.show();
           goodsCompareDeleteButton.hide();
         }

         // Покажем артикул модификации товара, если он указан
         if(modificationArtNumber.length>0) {
           goodsArtNumberBlock.show();
           goodsArtNumber.html(modificationArtNumber);
         // Скроем артикул модификации товара, если он не указан
         } else {
           goodsArtNumberBlock.hide();
           goodsArtNumber.html('');
         }

         // Описание модификации товара. Покажем если оно есть, спрячем если его у модификации нет
         if(modificationDescription.length > 0) {
           goodsModDescriptionBlock.show().html('<div>' + modificationDescription + '</div>');
         } else {
           goodsModDescriptionBlock.hide().html();
         }


         // Идентификатор товарной модификации
         goodsModificationId.val(modificationId);
       } else {
         // Отправим запись об ошибке на сервер
         sendError('no modification by slug '+slug);
         alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
       }

       // Обновляем возможность выбора другой модификации для текущих значений свойств модификации товара.
       updateVisibility(y);
    });
  });

  // Кнопка добавления товара на сравнение сравнения товаров
  $('.goodsDataCompareButton').click(function(){
    window.location.href = $(this).attr('rel') +
    ($(this).attr('rel').indexOf( '\?' ) > -1 ? '&' : '?') +
    'id='+
    $('.goodsDataMainModificationId').val()+
    '&from='+
    $('input[name="form[goods_from]"]').val();
    return false;
  });

  // Сравнение товаров. Увеличение изображение при клике на ссылку увеличения и открытие галереии с изображениями этого товара
  $('.CompareGoodsImageZoom').click(function(){

    // Галлерея фотографий для данной модификации товаров
    var galleryBlock = $('.galleryBlock' +  $(this).attr('rel')),

    // Главное изображение товара, которое сейчас стоит у товара
    galleryMainImage = $('.CompareGoodsImageMain' +  $(this).attr('rel')),

    // Изображение по которому нужно кликнуть в галлерее изображений
    ImageIngallery = galleryBlock.find('.CompareGoodsImageGallery'+galleryMainImage.attr('rel'));

    // Запускаем галлерею изображений от изображения товара, чтобы если например кликнули по гайке, то и открылись гайка, а не еще какой-либо изображение этого товара
    ImageIngallery.nyroModalManual({
      gallery: 'gallery' +  $(this).attr('rel')
    });

    return false;
  });

  // Сравнение товаров. Инвертирование свойств для сравнения товара
  $('.CompareCheckbox.invert').click(function(){
    var checked = true,
        checkboxes = $('.CompareCheckbox:not(.invert)');

    checkboxes.each(function(){
      if($(this).attr('checked')) {
        checked = false;
        return false;
      }
    });

    checkboxes.each(function(){
      $(this).attr('checked', checked);
    });

    $(this).attr('checked', checked);
  });

  // Сравнение товаров. Скрытие характеристик товара, которые выделил пользователь
  $('.CompareGoodsHideSelected').click(function(){

    $('.CompareGoodsTableTbodyComparisonLine').each(function(){
      var CheckedCheckbox = $(this).find('.CompareCheckbox:checked:not(.invert)');
      if(CheckedCheckbox.length>0) {
        $(this).hide();
      }
    });

    // отменяем выделение характеристик товаров
    $('.CompareCheckbox').attr('checked',false);

    return false;
  });

  // Сравнение товаров. Отображение скрытых характеристик товара
  $('.CompareGoodsShowAll').click(function(){
    $('.CompareGoodsTableTbodyComparisonLine:hidden').show();
    return false;
  });

  // Сравнение товаров. Верхняя навигация изменение фильтра на отображение всех характеристик товаров
  $('.CompareGoodsTableFilterShowAll').click(function(){
    $('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
    $('.CompareGoodsTableTbodyComparisonLine:hidden').show();

    $(this).addClass('CompareGoodsTableFilterSelected');
    return false;
  });

  // Сравнение товаров. Фильтр в верхней навигации. Отображение только различающихся характеристик товара
  $('.CompareGoodsTableFilterShowOnlyDifferent').click(function(){
    $('.CompareGoodsTableFilterSelected').removeClass('CompareGoodsTableFilterSelected');
    $('.CompareGoodsTableTbodyComparisonLine:not(.same)').show();
    $('.CompareGoodsTableTbodyComparisonLine.same').hide();

    $(this).addClass('CompareGoodsTableFilterSelected');
    return false;
  });

  // Сравнение товаров. При наведении на строку сравнения, она выделяется цветом
  $('.CompareGoodsTableTbodyComparisonLine').hover(
    function () { $(this).addClass('hover'); },
    function () { $(this).removeClass('hover'); }
  );

  // При клике по строке выделяем свойство
  $('.CompareGoodsTableTbodyComparisonLine td:not(.ceil1)').click(function(){
    var CompareCheckbox = $(this).parent().find('.CompareCheckbox');

    if(CompareCheckbox.attr('checked')) {
      CompareCheckbox.attr('checked', false);
    } else {
      CompareCheckbox.attr('checked', true);
    }
  });

  // Форма регистрации нового пользователя, действие ссылки "показать пароль"
  $('.clientForm .showPass').click(function(){
    ChangePasswordFieldType(this, $('#sites_client_pass'));
    return false;
  });

  // Форма регистрации нового пользователя, при оформлении заказа
  $('.OrderShowPass').click(function(){
    ChangePasswordFieldType(this, $('#contactPassWord'));
    return false;
  });

  // При вводе пароля с caps lockом, покажет блок с сообщением для пользователя
  $('#sites_client_pass, #contactPassWord').capslock({
    caps_lock_on:function(){$("#caps_lock").show();},
    caps_lock_off:function(){$("#caps_lock").hide();}
  });

  // При оформлении заказа дадим возможность зарегистрироваться пользователю
  $('#contactWantRegister').click(function(){
    if($(this).attr("checked")) {
      $('.contactRegisterNeedElement').show();
      $('#contactEmail, #contactPassWord').addClass('required');
    } else {
      $('.contactRegisterNeedElement').hide();
      $('#contactEmail, #contactPassWord').removeClass('required');
    }
  });

  // Добавление отзыва о товаре. Рейтинг
  if(typeof($('.goodsDataOpinionTableRating').stars) == "function" ) {
    $('.goodsDataOpinionTableRating').stars({
      inputType: "input",
      split: 2,
      captionEl: $(".goodsDataOpinionMsg"),
      cancelShow: false
    });
  }


  // Список отзывов о товаре. Ссылка на отображение формы для добавление отзыва о товаре
  $('.goodsDataOpinionShowAddForm').click(function(){
    if(0 == $('#goodsDataOpinionAddBlock:visible').length) {
      $('#goodsDataOpinionAddBlock').show('blind');
    } else {
      $('#goodsDataOpinionAddBlock').hide('blind');
      return false;
    }
  });

  // Добавление отзыва о товаре. кнопка reset скрывающая форму добавления отзыва о товаре
  $('.goodsDataOpinionAddForm input:reset').click(function(){
    $('#goodsDataOpinionAddBlock').hide('blind');
  });

  // Иконка для обновления изображение капчи
  $('.goodsDataOpinionCaptchaRefresh').click(function(){
    RefreshImageAction(this,1,1);
    $('.goodsDataOpinionCaptchaImg').attr('src',$('.goodsDataOpinionCaptchaImg').attr('src')+'&rand'+Math.random(0,10000));
    return false;
  });

  // Фильтры по товарам. При нажании на какую либо характеристику или свойство товара происходит фильтрация товаров
  $('.contentTbodySearchFilterBlock input').click(function(){
    $(this)[0].form.submit();
  });

  // Действия при выборе варианта доставки на этапе оформления заказа
  $('.deliveryRadio').click(function(){

    // Если текущая выделенная зона доставки не относится к выбранному варианту доставки, снимаем выделение с зоны доставки
    if($('.deliveryZoneRadio:checked').attr('deliveryid') != $(this).val()) {
      $('.deliveryZoneRadio:checked').click().attr('checked', false);
    }
  });

  // Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
  $('.deliveryZoneRadio').click(function(){

    var
      deliveryId = $(this).attr('deliveryid')
      ,deliveryZonePrice = $(this).parent().find('.deliveryZonePrice')
      ,deliveryTbody = $('.orderStageDeliveryListTable tbody[rel="' + deliveryId + '"]')
      ,deliveryBlock = deliveryTbody.find('#deliveryId' + deliveryId)
      ,deliveryZonePriceBlock = deliveryTbody.find('.orderStageDeliveryZonePrice')
      ,deliveryDefaultPriceBlock = deliveryTbody.find('.orderStageDeliveryDefaultPrice')
    ;

    // Если этот пункт уже выбран, при повторном клике пользователь видимо хочет снять выделение зоны доставки
    if('true' == $(this).attr('rel')) {
      $(this).attr('checked', false);
      $(this).attr('rel', 'false');

      // Показываем цену по умолчанию
      deliveryDefaultPriceBlock.show();
      // Скрываем цену образованную от зоны
      deliveryZonePriceBlock.hide();

    // Отмечаем у всех радио баттонов зон доставки свойство говорящее что они не отмечены
    } else {
      $('.deliveryZoneRadio').attr('rel', 'false');
      $(this).attr('rel', 'true');

      // Показываем цену по умолчанию
      deliveryDefaultPriceBlock.hide();
      // Скрываем цену образованную от зоны
      deliveryZonePriceBlock.show().html(deliveryZonePrice.html());

      // Выделяем вариант доставки к которому относится зона доставки
      deliveryBlock.attr('checked', true);
    }

  });

  $(document).ready(function(){
  // Действие при наведении на меню категорий, для возможности отображения вложенного подменю
  $('#nav li').hover(
        function () {
          $(this).addClass('over');
        },
        function () {
          $(this).removeClass('over');
        }
  );
});

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

#57 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 26 Январь 2013 - 13:53

Просмотр сообщенияlivem1. (26 Январь 2013 - 13:51) писал:

У меня такого кода в мейн нет.

Посмотрите пожалуйста в шаблоне Товар

#58 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 14:12

Тоже увы, мне нужно закрепить подвал сайта, чтобы он отображался постоянно, Вы мне про это говорите, может мы о разном говорим?

#59 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 26 Январь 2013 - 14:47

Просмотр сообщенияlivem1. (26 Январь 2013 - 14:12) писал:

Тоже увы, мне нужно закрепить подвал сайта, чтобы он отображался постоянно, Вы мне про это говорите, может мы о разном говорим?

В файле main.csstemplate замените код:
#footer {
background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
border-top: 1px solid #CCCCCC;
clear: both;
color: #999999;
font-family: verdana;
height: 60px;
margin: 0;
padding: 0;
text-align: center;
position: relative;
z-index: 2;
}
на:
#footer {
background: url("/web/upload/assets/images/147/146761/botfade.jpg") repeat-x scroll 50% 100% transparent;
border-top: 1px solid #CCCCCC;
clear: both;
color: #999999;
font-family: verdana;
height: 60px;
margin: 0;
padding: 0;
text-align: center;
position: fixed;
z-index: 2;
bottom: 1px;
width: 100%;
}

#60 livem1.

livem1.

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

  • Пользователи
  • PipPipPipPip
  • 441 сообщений
  • ГородКиев

Отправлено 26 Январь 2013 - 16:37

Супер !!! Спасибо, всё вышло.
А как мне теперь в подвале сайта, который постоянно на виду, добавить это?

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Каталог товаров
  6. Privacy Policy