Публикации vadim777

#157117 Всплывающее Окно

Отправлено от vadim777 в 04 Сентябрь 2014 - 16:59 в Изменение общей стилистики

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

#158242 Всплывающее Окно

Отправлено от vadim777 в 10 Сентябрь 2014 - 20:20 в Изменение общей стилистики

Ирина345 (10 Сентябрь 2014 - 17:29) писал:

Здравствуйте, найдите
main.css

/* максимальная ширина 720 */
@media screen and (max-width: 720px) {
	#message {}

замените на

/* максимальная ширина 720 */
@media screen and (max-width: 720px) {
	#message {width: 90% ! important;}

спасибо огромное. и последнее, мне надо еще одну такую ссылку рядом вставить, как это проделать?

#158224 Всплывающее Окно

Отправлено от vadim777 в 10 Сентябрь 2014 - 17:09 в Изменение общей стилистики

Danil (08 Сентябрь 2014 - 22:23) писал:

Здравствуйте.
В main.css найдите код

#message {
border: 2px solid #000;
min-width: 100px;
padding: 5px;
position: relative;
background: #FFB6C1;
margin: 0 auto;
width: 800px;
z-index: 20000;
top: 20px;
}

И замените на

#message {
border: 2px solid #000;
min-width: 100px;
padding: 5px;
position: relative;
background: #FFB6C1;
margin: 0 auto;
width: 800px;
z-index: 20000;
top: 200px;
}

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

#158337 Всплывающее Окно

Отправлено от vadim777 в 11 Сентябрь 2014 - 11:29 в Изменение общей стилистики

Vaccina (11 Сентябрь 2014 - 03:54) писал:

Изменения производить аналогичные сл.посту:
http://forum.storela...но/#entry157441

Только вместо message, popup и toggle-link используйте message2, popup2 и toggle-link2

изменения сделал, со страницы все пропало.

#158369 Всплывающее Окно

Отправлено от vadim777 в 11 Сентябрь 2014 - 14:28 в Изменение общей стилистики

Ирина345 (11 Сентябрь 2014 - 12:45) писал:

Здравствуйте, для начала отмените последние свои действия.

отменил.

#158380 Всплывающее Окно

Отправлено от vadim777 в 11 Сентябрь 2014 - 15:28 в Изменение общей стилистики

Ирина345 (11 Сентябрь 2014 - 15:24) писал:

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

у меня просто фон затемняется

#158377 Всплывающее Окно

Отправлено от vadim777 в 11 Сентябрь 2014 - 15:20 в Изменение общей стилистики

Ирина345 (11 Сентябрь 2014 - 14:51) писал:

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

#157829 Всплывающее Окно

Отправлено от vadim777 в 08 Сентябрь 2014 - 22:18 в Изменение общей стилистики

MikDark (08 Сентябрь 2014 - 21:55) писал:

Изменения произвели, посмотрите.

спасибо, сделайте еще пожалуйста, что бы было по центру, а то так не видно всю картинку, т.к. верхнее меню ее закрывает.

#158252 Всплывающее Окно

Отправлено от vadim777 в 10 Сентябрь 2014 - 21:26 в Изменение общей стилистики

на страницу товара, рядом с ссылкой, которую я добавлял по этой теме. Мне нужно сделать еще одну текстовую ссылку, с всплывающей картинкой

#157156 Всплывающее Окно

Отправлено от vadim777 в 04 Сентябрь 2014 - 21:43 в Изменение общей стилистики

жду ответа

#157128 Всплывающее Окно

Отправлено от vadim777 в 04 Сентябрь 2014 - 17:58 в Изменение общей стилистики

жду помощи

#157769 Всплывающее Окно

Отправлено от vadim777 в 08 Сентябрь 2014 - 16:03 в Изменение общей стилистики

уже жду 2 дня решения, ни кто не поможет чтоли?

#157271 Всплывающее Окно

Отправлено от vadim777 в 05 Сентябрь 2014 - 10:57 в Изменение общей стилистики

Vaccina (05 Сентябрь 2014 - 03:00) писал:

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

<div class="popup"><a class="image-link" title="Test caption 1" href="ссылка на картинку">текст</a>
</div>

и в конец main.js вставьте:

$('.popup').magnificPopup({
type: 'image',
delegate: 'a'
});

нето, картинка открывается в новом окне, а мне надо чтобы как всплывающее, как картинка товара.

#157124 Всплывающее Окно

Отправлено от vadim777 в 04 Сентябрь 2014 - 17:36 в Изменение общей стилистики

Dars (04 Сентябрь 2014 - 17:30) писал:

Например, текст будет выглядеть так:

<p>Нужный текст</p>

Вам нужно привести его к виду:

<p class="fancy1" href="ссылка на вашу картинку">Нужный текст</p>

а затем в конец main.js добавить строку:

$(document).ready(function() {
$(".fancy1").fancybox();
});

на странице текст не как ссылка. и вот такая ошибка

#157441 Всплывающее Окно

Отправлено от vadim777 в 06 Сентябрь 2014 - 12:44 в Изменение общей стилистики

MikDark (05 Сентябрь 2014 - 21:44) писал:

Сделайте бэкап и попробуйте:

В шаблон HTML перед </head> добавляем

<script>
$(document).ready(function(){
$('#toggle-link').click(function(e) {
var $message = $('#message');
var $popup = $('#popup');
if ($popup.css('display') != 'block') {
$popup.show();
var firstClick = true;
$(document).bind('click.myEvent', function(e) {
if (!firstClick && $(e.target).closest('#message').length == 0) {
$popup.hide();
$(document).unbind('click.myEvent');
}
firstClick = false;
});
}
e.preventDefault();
});
});
</script>

Далее в шаблоне Товар в самое начало добавляем:

<div id="popup"><div id="message"><img="ссылка на картинку"></div><div>

Теперь в нужное место на сайте добавляем кнопку:

<a href="#" id="toggle-link">Открыть изображение</a>

И в конце в main.css добавляем:

#message {
border: 2px solid #000;
min-width: 100px;
padding: 5px;
position: relative;
background:#FFB6C1;
margin: 0 auto;
width: 800px;
z-index: 20000;
top: 20px;
}
#popup {
display:none;
position: fixed;
left: 0px;
top: 0px;
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
z-index: 20000;
}

ничего не выходит. после добавления в main.css с страницы товара вообще все пропадает.

#157391 Всплывающее Окно

Отправлено от vadim777 в 05 Сентябрь 2014 - 21:26 в Изменение общей стилистики

И что, мне ни кто не поможет?

#157330 Всплывающее Окно

Отправлено от vadim777 в 05 Сентябрь 2014 - 14:25 в Изменение общей стилистики

Жду решения. Очень нужно

#175407 Подвал

Отправлено от vadim777 в 26 Ноябрь 2014 - 22:20 в Изменение общей стилистики

shnafix (25 Ноябрь 2014 - 16:27) писал:

В редакторе шаблонов -> HTML найдите строки

<p>Мы в Соц. Сетях</p>
							 <a class="sbtnf sbtnf-rounded color color-hover icon-twitter" href="#"></a>
							 <a class="sbtnf sbtnf-circle color color-hover icon-facebook" href="#"></a>
							 <a class="sbtnf sbtnf-circle color color-hover icon-vk" href="#"></a>
							 <a class="sbtnf sbtnf-rounded color color-hover icon-youtube" href="#"></a>

и вместо "#" укажите свои соответствующие профили.

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

#180137 Цвет Нижнего И Верхнего Меню

Отправлено от vadim777 в 23 Декабрь 2014 - 18:23 в Изменение общей стилистики

shnafix (23 Декабрь 2014 - 17:15) писал:

Если я Вас правильно понял, то в main.css найдите блок кода

.header {
position: absolute;
position: fixed;
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
/* height: 45px; */
background-color: #f5f5f5;
}

и добавьте параметр opacity: 0.7; перед }

спасибо, и подскажите как сделать таким же цветом

#174234 Подвал

Отправлено от vadim777 в 21 Ноябрь 2014 - 13:50 в Изменение общей стилистики

RayLi (21 Ноябрь 2014 - 13:43) писал:

спасибо. очень надеюсь на помощь по поводу иконок

#180120 Цвет Нижнего И Верхнего Меню

Отправлено от vadim777 в 23 Декабрь 2014 - 17:06 в Изменение общей стилистики

подскажите, а как сделать цвет верхнего меню прозрачный как на storeland?

#174221 Подвал

Отправлено от vadim777 в 21 Ноябрь 2014 - 13:19 в Изменение общей стилистики

Alekseys (21 Ноябрь 2014 - 13:16) писал:

Здравствуйте. Замените

#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
}

на

#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
width: 270px;
}

все равно они не там где я указал

#173117 Подвал

Отправлено от vadim777 в 17 Ноябрь 2014 - 22:53 в Изменение общей стилистики

так что возможно сделать???

#174216 Подвал

Отправлено от vadim777 в 21 Ноябрь 2014 - 13:12 в Изменение общей стилистики

еще вопрос: как переместить новости как показано на скрине

#174226 Подвал

Отправлено от vadim777 в 21 Ноябрь 2014 - 13:37 в Изменение общей стилистики

Alekseys (21 Ноябрь 2014 - 13:32) писал:

В блоке

#footer .sidebar .widget {
margin-bottom: 30px;
display: block;
margin: 0 5% 80px;
float: left;
width: 270px;
}

в параметре margin: 0 5% 80px; отрегулируйте значение 5% до нужного.

огромное спасибо. а по ветке выше, где я спрашивал по поводу иконок в подвале, иконок вк, времени и т.д. не поможете установить?

+ в мобильной версии с цветом в подвале проблема, сначала идет серым, как должно быть, а потом переходит в темно синий, как исправить

По типу контента

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