Интеграция со своей стилизацией

pavel1377 · 23 травня 2019

Необходимо добавить скрипт, с обработчиком на определенной странице (информации, статья).

Вот краткая инструкция от партнера:

Интеграция со своей стилизацией:

Код для подключения на странице

Создать файл с именем calcwg.html и положить его в ту же папку где страница интегрирующая калькулятор

Спойлер

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/*
Здесь можно разместить код стилизации отдельных элементов.
базовый класс всего калькулятора .spmwg
*/

/*1. Цвет фона*/

body{
background-color: #ffffff;
}

/*2. Заголовок основной*/
.spmwg .wg_main_title{
color: #000000;
font-size: 24px;
margin-top: 20px;
margin-bottom: 10px;
}

/*3. Заголовок второстепенный*/
.spmwg .wg_sub_title {
color: #000000;
font-size: 1rem;
}

/* Экран 1*/


/* 1. Цвет и размер шрифта*/

.spmwg .wg_viborTitle{
font-size: 1.2rem;
color: #000000;
}
.spmwg .wg_viborDescription span{
font-size: 0.75rem;
line-height: 21px;
color: #767676;
}

/* 2. Цвета кнопок*/

.spmwg .wg_viborBox{
background-color: #ffffff;
border: 1px solid #cccccc;
}
.spmwg .wg_viborBox:hover {
background-color: #f5f5f5;
}

/* 3. Скругление углов*/

.spmwg .wg_viborBox{
border-radius: 4px;
}

/* 4. Размер кнопок*/

.spmwg .wg_viborBox{
width: 200px;
height: 200px;
}

/* Экран 2 */

/* 1. Размер шрифта кнопок*/

.spmwg.bootstrap-spmwg .btn.btn-raschet{
font-size: 0.75rem;
}

/* 2. Цвет кнопок*/

/* не нажатые */
.spmwg.bootstrap-spmwg .btn-default {
color: #333;
background-color: #fff;
border-color: #cccccc;
}
/* при наведении*/
.spmwg.bootstrap-spmwg .btn-default:hover{
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
/* нажатые*/
.spmwg.bootstrap-spmwg .btn-primary, .spmwg.bootstrap-spmwg .btn-primary:hover,
.spmwg.bootstrap-spmwg .btn-primary:active, .spmwg.bootstrap-spmwg .btn-primary:active:hover{
color: #0d0c0c;
background-color: #e0e0e0;
border-color: #cccccc;
}

/* 3. Скругление кнопок*/

.spmwg.bootstrap-spmwg .btn{
border-radius: 4px;
}
.spmwg.bootstrap-spmwg .input-group-addon{
border-radius: 4px;
}

</style>
</head>
<body>
<div id="widget"></div>
<script type="text/javascript" src="#/spm_calc/dist/spmCalcWgLoader.js?calc=18&hash=5e1cce537f0948ef7d790e6314cbe321"></script>

</body>
</html>

Вообщем мне надо вывести на отдельной странице Ocstore2,3 вот это: http://zakaz.tipografia-rus.ru/

Спасибо

halfhope · 28 травня 2019

В модулях у меня посмотрите "перс. шаблоны".

Вхід

Интеграция со своей стилизацией

Recommended Posts

pavel1377

Надіслати

Поділитися на інших сайтах

halfhope

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Ваші замовлення

ocStore

Шаблони

OpenCart.Pro

Important Information