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


Поднять Каталог На Уровень Со Слайдером


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

#161 Сake

Сake

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

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

Отправлено 15 Октябрь 2013 - 02:05

Просмотр сообщенияTneilk (13 Октябрь 2013 - 21:42) писал:

Проделал изменений не произошло? возможно нужно догрузить JS как в примере написано?

которые есть на самом сайте где предложенны стилизации?


Кажется проблема стала понятна. Вы загрузили файл стилей (css) из директории line, а используете стиль minimal. В файле main.js задан класс как iradio_minimal. В загруженном файле стилей red.css нет такого класса, там есть только iradio_line. Именно поэтому стили и не применяются. По всей видимости данный момент мы упустили. Чтобы стили начали применяться - в main.js найдите


$(document).ready(function(){
  $('input').iCheck({
				checkboxClass: 'icheckbox_minimal-red',
				radioClass: 'iradio_minimal-red',
				increaseArea: '20%' // не обязательно
  });
});


и замените на


$(document).ready(function(){
  $('input').iCheck({
				checkboxClass: 'icheckbox_line-red',
				radioClass: 'iradio_line-red',
				increaseArea: '20%' // не обязательно
  });
});


#162 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 15 Октябрь 2013 - 10:35

Появились линии, но как не на самих модификаторах http://proba1212.sto...letom?from=ZmI0

#163 Сake

Сake

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

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

Отправлено 16 Октябрь 2013 - 03:27

Сделайте следующие изменения - в шаблоне "Товар" найдите

{% FOR values %}
															   
																  <!-- Если это первый элемент в списке -->
																  {% IF goods_modifications_properties.values.first %}
																		<span class="goodsDataMainModificationsRadio">
																		<strong>{goods_modifications_properties.NAME}:</strong><br />
																  {% ENDIF %}
																   <input type="radio" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> {goods_modifications_properties.values.NAME} <br />
																   {% IF goods_modifications_properties.values.last %}
																		</span>
																  {% ENDIF %}
															   
														  {% ENDFOR %}

и замените на

{% FOR values %}
															   
																  <!-- Если это первый элемент в списке -->
																  {% IF goods_modifications_properties.values.first %}
																		<span class="goodsDataMainModificationsRadio">
																		<strong>{goods_modifications_properties.NAME}:</strong><br />
																  {% ENDIF %}
																   <input type="radio" name="form[properties][{goods_modifications_properties.ID}]" value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}checked="checked"{% ENDIF %} /> <label>{goods_modifications_properties.values.NAME}</label> <br />
																   {% IF goods_modifications_properties.values.last %}
																		</span>
																  {% ENDIF %}
															   
														  {% ENDFOR %}

далее в main.js найдите

$(document).ready(function(){
  $('input').iCheck({
								checkboxClass: 'icheckbox_line-red',
								radioClass: 'iradio_line-red',
								increaseArea: '20%' // не обязательно
  });
});

и замените на

$(function() {
  $('input').each(function() {
	var self = $(this),
	label = self.next('label'),
if(!label)return;
	label.remove();
	self.iCheck({
	  checkboxClass: 'icheckbox_line-red',
	  radioClass: 'iradio_line-red',
	  insert: '<div class="icheck_line-icon"></div>' + label.text()
	});
  });
});


#164 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 16 Октябрь 2013 - 08:35

проделал вернулись обычные радиобатонны

#165 Сake

Сake

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

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

Отправлено 17 Октябрь 2013 - 04:54

В предыдущем сообщении допустил небольшую опечатку. Необходимо запятую заменить на точку с запятой, а именно - найдите в main.js

label = self.next('label'),

и замените на

label = self.next('label');


#166 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 17 Октябрь 2013 - 08:31

Спасибо! Все здорово

#167 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 02 Декабрь 2013 - 09:53

здравствуйте, попробовал заменить шапку на сайте получилось криво , как корректно сделать изменения? http://sun-freedom.ru/

#168 empty9228

empty9228

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

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

Отправлено 02 Декабрь 2013 - 10:58

Здравствуйте, у Вас разрешение шапки ооочень большое(5000 × 666), масштабируйте  изображение(сделайте меньше.)

#169 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 02 Декабрь 2013 - 12:51

изменил, вопросы появились :
как отцентрилизовать изображение
как поднять кнопки до первой белой линиии
как опустить поиск в полоску поиск

#170 empty9228

empty9228

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

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

Отправлено 02 Декабрь 2013 - 14:34

найдите в файле nyvo.css код
.nivoSlider {
position:relative;
width:925px;
height:200px;
overflow: hidden;
}
.nivoSlider img {

и замените его на
.nivoSlider {
position:relative;
width: 909px;
height:200px;
overflow: hidden;
margin-left: 33px;
margin-top: 44px;
}

далее  в main.css найдите код
/*search*/
#search{
  height: 35px;
  float: right;
  padding-top: 45px;
  padding-right: 15px;
  width: 245px;
} #search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;padding-left: 14px;
  padding-top: 8px;
 
}
#search .submit {
  cursor:pointer;
  height: 28px;
  width: 28px;
}
/*search*/
и замените его на
/*search*/
#search{
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 136px;
position: absolute;
top: 123px;
right: 30px;
} #search .search_box {
background:none;
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 64px;
padding:0px;padding-left: 14px;
padding-top: 8px;

}
#search .submit {
cursor:pointer;
height: 28px;
width: 28px;
}
/*search*/

сделайте это, затем изменим положение верхнего меню.

#171 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2013 - 08:52

Проделал, поиск хотелось бы растянуть на всю  длинну и кликабельным сделать элемент лупа, это возможно? и дальней шие изменения сделать

#172 miyako

miyako

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

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

Отправлено 03 Декабрь 2013 - 09:32

Просмотр сообщенияTneilk (03 Декабрь 2013 - 08:52) писал:

Проделал, поиск хотелось бы растянуть на всю  длинну и кликабельным сделать элемент лупа, это возможно? и дальней шие изменения сделать

Найдите в main.css код -
#search {
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 136px;
position: absolute;
top: 123px;
right: 15px;
}
и замените на -
#search {
height: 35px;
float: right;
padding-right: 15px;
position: absolute;
top: 123px;
width: 91%;
right: 15px;
margin-top: 45px;
}

Далее найдите код -
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
width: 64px;
padding: 0px;
padding-left: 14px;
padding-top: 8px;
}
и замените на -
#search .search_box {
background: none;
border: none;
font: 11px Verdana, Geneva, sans-serif;
padding: 0px;
padding-top: 8px;
width: 87%;
padding-left: 47px;
}

Затем найдите код -
#search .submit {
cursor: pointer;
height: 28px;
width: 28px;
right: 48px;
}
и замените на -
#search .submit {
cursor: pointer;
height: 28px;
right: 48px;
width: 38px;
}

Ожидаемый результат -

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

  • расширенный поиск.png


#173 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2013 - 09:57

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

#174 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 03 Декабрь 2013 - 17:13

вопрос еще актуален, как передвинуть корзину, и как поднять кнопки

#175 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 04 Декабрь 2013 - 10:04

1) как подвинуть кнопки в верхнюю полоску белую, второе, как передвинуть корзину скрин прилагаю,  в корзине товаров на сумму

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

  • Кнопки.jpg


#176 empty9228

empty9228

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

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

Отправлено 04 Декабрь 2013 - 10:33

Здравствуйте.
найдите в main.css код
.containerin {width: 940px; margin: 0px auto; }
замените его на
.containerin {width: 940px; margin: 5px; margin-left: 52px;position: absolute;top: 108px;}

в файле nyvo.css найдите
.nivoSlider {
position:relative;
width: 909px;
height:200px;
overflow: hidden;
margin-left: 33px;
margin-top: 44px;
}
и замените на
.nivoSlider {
position:relative;
width: 909px;
height:200px;
overflow: hidden;
margin-left: 33px;
margin-top: 81px;
}


#177 empty9228

empty9228

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

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

Отправлено 04 Декабрь 2013 - 11:05

Вы хотите уместить туда всю надпись "в корзине товаров на: ", если умещать всю, то будет очень мелко написано, слишком маленькая область. Может другой текст какой то выберете, зайдите в файл HTML, там на 140 строчке он задаётся.

#178 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 04 Декабрь 2013 - 12:49

спасибо за кнопки все хорошо встало. Надпись изменил теперь как передвинуть? и строка поиск - строка не активна, курсор не ставится(

#179 empty9228

empty9228

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

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

Отправлено 04 Декабрь 2013 - 13:22

В конец файла main.css добавьте
#header {
	height: 204px;
}

в фале nyvo.css найдите код
.nivoSlider {
position:relative;
width: 909px;
height:200px;
overflow: hidden;
margin-left: 33px;
margin-top: 81px;
}
и замените его на
.nivoSlider {
position:relative;
width: 909px;
height:200px;
overflow: hidden;
margin-left: 33px;
margin-top: 20px;
}


#180 Tneilk

Tneilk

    Продвинутый пользователь

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

Отправлено 04 Декабрь 2013 - 15:27

maun.css у меня нет такоего ...и за чем мы гоняем слайдер вверх вниз если проблемы я обозначил с поиском и передвинуть корзину на место корзины?




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

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