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


Страница Каталога


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

#1 Iresteks

Iresteks

    Пользователь

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

Отправлено 20 Декабрь 2015 - 21:55

Добрый вечер!! Помогите.
На первом скрине сместить выделенное вправо а слева добавить меню каталога,
на 2 скрине.
1. как убрать со всех страниц

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

  • Screenshot_2.png
  • Screenshot_3.png


#2 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 21 Декабрь 2015 - 11:48

Просмотр сообщенияIresteks (20 Декабрь 2015 - 21:55) писал:

Добрый вечер!! Помогите.
На первом скрине сместить выделенное вправо а слева добавить меню каталога,
на 2 скрине.
1. как убрать со всех страниц

Здравствуйте! Перед внесением изменений, создайте бэкап.
1) В шаблоне main.css найдите строку
.pagecont{margin:1px 20px 10px 20px;text-align:justify;padding:10px;}
замените на
.pagecont{margin:1px 20px 0px 20px;text-align:justify;}

далее, в самый конец шаблона main.css вставьте
.title-holder {display:none;}

2) в шаблоне html найдите строки
<div class="row">
	 {%IFNOT index_page && ACT != login && MOD_LNAME != cart%}
		 <div class="cols col-3">			
		 <!-- Каталог товаров -->
замените на
<div class="row">
	 {%IFNOT login && MOD_LNAME != cart%}
		 <div class="cols col-3">			
		 <!-- Каталог товаров -->

далее найдите строки (примерно 360 строка)
<!-- END Недавно просмотренные товары -->
		 </div>
	 {%ENDIF%}
после них вставьте
<div class="cols col-9">
далее найдите строки (примерно 564 строка)
<!--END Список Товаров на главной-->
	 {% ENDIF %}<!-- END IF index_page -->
после них вставьте
</div>

Результат выполнения инструкций - на скриншоте
1.png

#3 Iresteks

Iresteks

    Пользователь

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

Отправлено 24 Декабрь 2015 - 22:44

Спасибо все получилось.
Подскажите что со шрифтом, стал какой то не ровный

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

  • Screenshot_4.png


#4 Vaccina

Vaccina

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

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

Отправлено 25 Декабрь 2015 - 01:59

Попробуйте почистить кэш, на данный момент не наблюдаю этой проблемы:

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

  • 123.jpg


#5 Iresteks

Iresteks

    Пользователь

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

Отправлено 27 Декабрь 2015 - 23:34

спасибо

#6 Iresteks

Iresteks

    Пользователь

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

Отправлено 12 Январь 2016 - 01:23

Добрый вечер! Помогите пожалуйста.
1. Уменьшить расстояние от края
2. Сдвинуть влево
3 Сделать чтобы было 4 товара

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

  • Screenshot_1.png


#7 Vaccina

Vaccina

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

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

Отправлено 12 Январь 2016 - 02:32

В main.css найдите:
.contwrap{width:70%;margin:25px auto 0 auto;min-height:730px;}

замените на:
.contwrap{width:90%;margin:25px auto 0 auto;min-height:730px;}

далее найдите:
.contwrap {
	width: 90%;
}

замените на:
.contwrap {
	width: 95%;
}


#8 Iresteks

Iresteks

    Пользователь

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

Отправлено 12 Январь 2016 - 21:21

Просмотр сообщенияVaccina (12 Январь 2016 - 02:32) писал:

В main.css найдите:
.contwrap{width:70%;margin:25px auto 0 auto;min-height:730px;}

замените на:
.contwrap{width:90%;margin:25px auto 0 auto;min-height:730px;}

далее найдите:
.contwrap {
width: 90%;
}

замените на:
.contwrap {
width: 95%;
}

ничего не поменялось

#9 Юля123

Юля123

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

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

Отправлено 13 Январь 2016 - 10:05

Просмотр сообщенияIresteks (12 Январь 2016 - 21:21) писал:

ничего не поменялось

Здравствуйте, попробуйте сделать следующее. В main.css найдите код:

.contwrap{width:90%;margin:25px auto 0 auto;min-height:730px;}

замените на код:

.contwrap{width:98%;margin:25px auto 0 auto;min-height:730px;}

далее найдите код:

@media only screen and (min-width:1025px) and (max-width:1290px){
.pagination{margin: 20px 20px 0 0;}
.prod_hold{margin:15px 10px 0 15px;}
.product-list2, .product-list{text-align:center;}
}
@media only screen and (min-width:1291px) and (max-width:1920px){
.prod_hold{margin:15px 10px 0 15px;}
.product-list2, .product-list{text-align:center;}
}

и замените на код:

@media only screen and (min-width:1025px) and (max-width:1290px){
.pagination{margin: 20px 20px 0 0;}
.prod_hold{margin:15px -5px 0 15px;}
.product-list2, .product-list{text-align:left;}
}
@media only screen and (min-width:1291px) and (max-width:1920px){
.prod_hold{margin:15px -5px 0 15px;}
.product-list2, .product-list{text-align:left;}
}


далее найдите код:

@media only screen and (min-width:506px) and (max-width:768px){
.modSelect{width:80%;}
.warn{display:block;position:static;margin:5px 0 0 5px;}
#tabs a{display:block;}
.registWrp{text-align:center;}
.regField label{display:block;width:100%;}
.prod_hold{margin:15px 10px 0 15px;}
.product-list2, .product-list{text-align:center;}
}
@media only screen and (min-width:769px) and (max-width:1024px){
.prod_hold{margin:15px 10px 0 15px;}
.word{font-size:12px;}

}

и замените на код:

@media only screen and (min-width:506px) and (max-width:768px){
.modSelect{width:80%;}
.warn{display:block;position:static;margin:5px 0 0 5px;}
#tabs a{display:block;}
.registWrp{text-align:center;}
.regField label{display:block;width:100%;}
.prod_hold{margin:15px -5px 0 15px;}
.product-list2, .product-list{text-align:left;}
}
@media only screen and (min-width:769px) and (max-width:1024px){
.prod_hold{margin:15px -5px 0 15px;}
.word{font-size:12px;}

}

и код:

@media only screen and (min-width:1351px) and (max-width:1700px){
  .contwrap{width:85%;}
}
@media only screen and (min-width:1025px) and (max-width:1350px){
  .contwrap{width:95%;}
}

замените на код:

@media only screen and (min-width:1351px) and (max-width:1700px){
  .contwrap{width:85%;}
}
@media only screen and (min-width:1025px) and (max-width:1350px){
  .contwrap{width:95%;}
}

и замените а код:

@media only screen and (min-width:1351px) and (max-width:1700px){
  .contwrap{width:98%;}
}
@media only screen and (min-width:1025px) and (max-width:1350px){
  .contwrap{width:98%;}
}





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

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