Модальное окно по кнопке "купить".

[Wel]

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

Креплю проверку суммы по событию onclick на кнопке купить в файле product.tpl просто вызываю функцию из скрипта которая показывает модальное окно, скрипт тоже находиться в product.tpl. Скрипт имеет отдельный файл стилей, стилей скрипт не видит, непониманию как их правильно подключить.

Обычный alert() на кнопке работает нормально. Помогите советом.

Использую Opencart 2.0.1.1.

[kJlukOo]

кидай скрипт

[Wel]

	                                          <script>
											
//передача элементов по id "a" и "b"
window.onload = function()
{
a = document.getElementById("a");
b = document.getElementById("b");
} 

//показываем окно функции "showA"
function showA()
{
//Задаем прозрачность и блокируем дисплей
//элемента "b"
b.style.filter = "alpha(opacity=80)";
b.style.opacity = 0.8;
b.style.display = "block";
// Задаем блокироваку и отступ сверху в 200px
//элемента "a"
a.style.display = "block";
a.style.top = "200px";
}

//Вызываем функцию "hideA", которая будет скрывать окно
//для элементов "a" и "b"
function hideA()
{
b.style.display = "none";
a.style.display = "none";
}  


</script>

Стили

#b {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:none;
background: grey;
z-index:1;
}

#a {
border:1px solid black;
position:fixed;
background: #eff7ff;
z-index:3;
display:none;
}

#windows {
padding:5px;
width: 500px;
height: 300px;
border: 2px solid blue; 
}

a.pages
{
background: #97cdff;
color: white;
padding: 4px;
text-decoration: none;
}

a:hover.pages
{
background: red;
color: white;
padding: 4px;
text-decoration: none;
}

 

[florapraktik]

8 часов назад, Wel сказал:

Скрипт имеет отдельный файл стилей

А зачем ему отдельный файл?

Что происходит, если прописать эти стили в стандартном файле стилей?

[Wel]

Пасиба, получилось. Большое спасибо!)