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


Условия Доставки


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

#1 Ольга 94

Ольга 94

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

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

Отправлено 24 Март 2016 - 10:39

Добрый день, подскажите пожалуйста, хочу сделать на странице "Условия доставки" условия по каждым городам.
1. На скрине так как планирую сделать.
Вопрос в том, что при нажатии на какой либо город должна будет открыться страничка с описанием условий и картой  пунктов выдачи по конкретному городу. Мне нужно будет делать новые странички через админку(Страницы)? Не будет ли при этом сайт слишком тяжелым, потому что городов достаточно много? Или Можно как то в коде прописать)Спасибо.

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

  • Безымянный.jpg


#2 Юля123

Юля123

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

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

Отправлено 24 Март 2016 - 10:51

Просмотр сообщенияОльга 94 (24 Март 2016 - 10:39) писал:

Добрый день, подскажите пожалуйста, хочу сделать на странице "Условия доставки" условия по каждым городам.
1. На скрине так как планирую сделать.
Вопрос в том, что при нажатии на какой либо город должна будет открыться страничка с описанием условий и картой  пунктов выдачи по конкретному городу. Мне нужно будет делать новые странички через админку(Страницы)? Не будет ли при этом сайт слишком тяжелым, потому что городов достаточно много? Или Можно как то в коде прописать)Спасибо.

Здравствуйте, да, всё правильно, делайте отдельную страничку с городами-ссылками и страницы для каждого города. Сайт при этом не пострадает.

#3 Ольга 94

Ольга 94

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

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

Отправлено 24 Март 2016 - 11:02

Просмотр сообщенияЮля123 (24 Март 2016 - 10:51) писал:

Здравствуйте, да, всё правильно, делайте отдельную страничку с городами-ссылками и страницы для каждого города. Сайт при этом не пострадает.

Юлия оперативно сегодня, спасибо)

Просмотр сообщенияЮля123 (24 Март 2016 - 10:51) писал:

Здравствуйте, да, всё правильно, делайте отдельную страничку с городами-ссылками и страницы для каждого города. Сайт при этом не пострадает.

А эти странички в админке ни как нельзя сгруппировать??А то их ну очень много будет)

И еще мы с Вами вчера настроили представление товара при наведении мышкой. И теперь у меня вся верстка в мобильной версии слетела))Это можно будет поправить?

#4 Юля123

Юля123

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

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

Отправлено 24 Март 2016 - 11:19

Просмотр сообщенияОльга 94 (24 Март 2016 - 11:02) писал:

Юлия оперативно сегодня, спасибо)



А эти странички в админке ни как нельзя сгруппировать??А то их ну очень много будет)

И еще мы с Вами вчера настроили представление товара при наведении мышкой. И теперь у меня вся верстка в мобильной версии слетела))Это можно будет поправить?

сгруппировать в админке, к сожалению, не получится.

Да, конечно, можно поправить, в main.css найдите код:

#producttabs .pdt-content {display: none;width: 100%;height:400px;}

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

#producttabs .pdt-content {display: none;width: 100%;}

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

.products-grid .item .add-to-links {opacity: 1;left: -14px;}

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

.products-grid .item .add-to-links {opacity: 1;}

Если я еще чего-то не заметила, уточните, пожалуйста.

#5 Ольга 94

Ольга 94

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

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

Отправлено 24 Март 2016 - 20:28

Спасибо все хорошо, только  сердечко все равно скачет.Я его настроила как мне нужно.Если с телефона заходишь то все хорошо, а вот с планшета то сердечко уже не на месте. Можно его как то зафиксировать в одном месте, как например "NEW"??

Просмотр сообщенияЮля123 (24 Март 2016 - 11:19) писал:

сгруппировать в админке, к сожалению, не получится.

Да, конечно, можно поправить, в main.css найдите код:

#producttabs .pdt-content {display: none;width: 100%;height:400px;}

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

#producttabs .pdt-content {display: none;width: 100%;}

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

.products-grid .item .add-to-links {opacity: 1;left: -14px;}

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

.products-grid .item .add-to-links {opacity: 1;}

Если я еще чего-то не заметила, уточните, пожалуйста.


#6 Danil

Danil

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

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

Отправлено 24 Март 2016 - 20:53

Просмотр сообщенияОльга 94 (24 Март 2016 - 20:28) писал:

Спасибо все хорошо, только  сердечко все равно скачет.Я его настроила как мне нужно.Если с телефона заходишь то все хорошо, а вот с планшета то сердечко уже не на месте. Можно его как то зафиксировать в одном месте, как например "NEW"??
Здравствуйте.
В main.css найдите код
.product-view .product-shop .add-to-box .add-to-links {
bottom: 0;
display: inline-block;
margin: 0;
}
и замените на
.product-view .product-shop .add-to-box .add-to-links {
bottom: 0;
float:left;
margin: 0;
}
найдите
.product-view .product-shop .add-to-box .add-to-cart {
display: inline-block;
}
и замените на
.product-view .product-shop .add-to-box .add-to-cart {
float:left;
}


#7 Ольга 94

Ольга 94

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

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

Отправлено 25 Март 2016 - 17:02

Просмотр сообщенияDanil (24 Март 2016 - 20:53) писал:

Здравствуйте.В main.css найдите код
.product-view .product-shop .add-to-box .add-to-links {bottom: 0;display: inline-block;margin: 0;}
и замените на
.product-view .product-shop .add-to-box .add-to-links {bottom: 0;float:left;margin: 0;}
найдите
.product-view .product-shop .add-to-box .add-to-cart {display: inline-block;}
и замените на
.product-view .product-shop .add-to-box .add-to-cart {float:left;}
Добрый день, совершенно ни чего не изменилось

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

  • ADQZtu-WvuA.jpg


#8 Юля123

Юля123

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

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

Отправлено 25 Март 2016 - 17:32

Просмотр сообщенияОльга 94 (25 Март 2016 - 17:02) писал:

Добрый день, совершенно ни чего не изменилось

Здравствуйте, попробуйте в Main.css код:

.products-grid .item .add-to-links {position: absolute;top: 6%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);left: 216px;opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/

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

.products-grid .item .add-to-links {position: absolute;top: 6%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);left: 80%;opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/


#9 Ольга 94

Ольга 94

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

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

Отправлено 25 Март 2016 - 18:41

Просмотр сообщенияЮля123 (25 Март 2016 - 17:32) писал:

Здравствуйте, попробуйте в Main.css код:

.products-grid .item .add-to-links {position: absolute;top: 6%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);left: 216px;opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/

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

.products-grid .item .add-to-links {position: absolute;top: 6%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);left: 80%;opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/

Юлия спасибо, но
Теперь на планшете все очень ровненько, а вот на стационарном компьютере эти две круглые кнопки не семитрично расположены от краев прямоугольника при наведении..

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

  • Безымянный.png


#10 Danil

Danil

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

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

Отправлено 25 Март 2016 - 18:53

Просмотр сообщенияОльга 94 (25 Март 2016 - 18:41) писал:

Юлия спасибо, но
Теперь на планшете все очень ровненько, а вот на стационарном компьютере эти две круглые кнопки не семитрично расположены от краев прямоугольника при наведении..
В main.css найдите код
.products-grid .item .add-to-links {
	opacity: 1;
	left: 244px;
}
и замените на
.products-grid .item .add-to-links {
	opacity: 1;
}
так же найдите
.products-grid .item .add-to-links {
	position: absolute;
	top: 6%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	left: 79%;
	opacity: 0;
	z-index: 10;
}
и замените на
.products-grid .item .add-to-links {
	position: absolute;
	top:23px;
	right:11px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	opacity: 0;
	z-index: 10;
}


#11 Ольга 94

Ольга 94

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

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

Отправлено 25 Март 2016 - 18:59

Просмотр сообщенияDanil (25 Март 2016 - 18:53) писал:

В main.css найдите код
.products-grid .item .add-to-links {
opacity: 1;
left: 244px;
}
и замените на
.products-grid .item .add-to-links {
opacity: 1;
}
так же найдите
.products-grid .item .add-to-links {
position: absolute;
top: 6%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
left: 79%;
opacity: 0;
z-index: 10;
}
и замените на
.products-grid .item .add-to-links {
position: absolute;
top:23px;
right:11px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
opacity: 0;
z-index: 10;
}


После Ваших изменений стало еще хуже, и на планшете и на компьютере..

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

  • Безымянный.png


#12 Danil

Danil

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

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

Отправлено 25 Март 2016 - 19:08

Просмотр сообщенияОльга 94 (25 Март 2016 - 18:59) писал:

После Ваших изменений стало еще хуже, и на планшете и на компьютере..
Инструкцию проверили, работает корректно на всех разрешениях.
Пожалуйста, произведите изменения повторно, если ошибка вновь возникнет, то не отменяйте их, чтобы мы могли исправить ошибку.

#13 Ольга 94

Ольга 94

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

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

Отправлено 25 Март 2016 - 19:56

Просмотр сообщенияDanil (25 Март 2016 - 19:08) писал:

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

Выполнила. Сердечко съехало.

#14 Danil

Danil

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

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

Отправлено 25 Март 2016 - 20:07

Просмотр сообщенияОльга 94 (25 Март 2016 - 19:56) писал:

Выполнила. Сердечко съехало.
Пожалуйста, выполните инструкцию из сообщения 10, т.к. на Вашем сайте указанные в ней изменения, я не нашел.
В main.css найдите код
.products-grid .item .add-to-links {position: absolute;top: 6%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/
и замените на
.products-grid .item .add-to-links {position: absolute;top: 23px;right:11px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/


#15 Ольга 94

Ольга 94

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

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

Отправлено 26 Март 2016 - 17:58

Просмотр сообщенияDanil (25 Март 2016 - 20:07) писал:

Пожалуйста, выполните инструкцию из сообщения 10, т.к. на Вашем сайте указанные в ней изменения, я не нашел.
В main.css найдите код
.products-grid .item .add-to-links {position: absolute;top: 6%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/
и замените на
.products-grid .item .add-to-links {position: absolute;top: 23px;right:11px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);opacity: 0;z-index: 10;} /*кнопки нравится и сравнить расположение*/

Теперь, все хорошо, спасибо за помощь




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

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