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

[Ольга 94]

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

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

• 

[Юля123]

Ольга 94 (24 March 2016 - 10:39) писал:

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

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

[Ольга 94]

Юля123 (24 March 2016 - 10:51) писал:

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

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

Юля123 (24 March 2016 - 10:51) писал:

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

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

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

[Юля123]

Ольга 94 (24 March 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;}

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

[Ольга 94]

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

Юля123 (24 March 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;}

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

[Danil]

Ольга 94 (24 March 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;
}

[Ольга 94]

Danil (24 March 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;}

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

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

• 

[Юля123]

Ольга 94 (25 March 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;} /*кнопки нравится и сравнить расположение*/

[Ольга 94]

Юля123 (25 March 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;} /*кнопки нравится и сравнить расположение*/

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

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

• 

[Danil]

Ольга 94 (25 March 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;
}

[Ольга 94]

Danil (25 March 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;
}

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

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

• 

[Danil]

Ольга 94 (25 March 2016 - 18:59) писал:

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

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

[Ольга 94]

Danil (25 March 2016 - 19:08) писал:

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

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

[Danil]

Ольга 94 (25 March 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;} /*кнопки нравится и сравнить расположение*/

[Ольга 94]

Danil (25 March 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;} /*кнопки нравится и сравнить расположение*/

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