О кнопках На клиентской стороне вашего обновлённого сайта я заметил, что в файле http://ваш.сайт./design/eCommerce/js/script.js все функции, отвечающие за всплывание окон - это quickOrder, quickCallme, quickLightbox, quickLightboxPrev, quickLightboxNext, - находят своё окно по селектору точной подчинённости узлов. Например:
...
...
function quickOrder ( anchor ) {
try {
var box = document.querySelector('body > .quick-order');
if (box != null) {
...
...
Однако Юлей были внесены изменения в вёрстку, и там где кнопки всплывающих окон перестали работать, там в DOM-е страницы теперь присутствует какая-нибудь обёртка (узел посредине), например [body] » [div.wrapper] » [div.quick-order]. Надо заменить селекторы в этих функциях нестрогими, например body .quick-order.
О виджете Виджет VKontakte подключается в файле eCommerce/html/catalog.htm шаблона, там есть код, где указана фиксированная ширина и высота виджета в пикселях.
...
...
<div id="vk_groups"></div>
...
...
<script>
try {
VK.Widgets.Group('vk_groups', {
mode: 0,
width: '344',
height: '390',
color1: 'FFFFFF',
color2: '22AABB',
color3: '22AABB'
}, {$config->vk_group|default:0});
} catch (e) { }
</script>
...
...
К месту будет сказано, так как виджет работает в DIV-контейнере с идентификатором vk_groups, размерами виджета в принципе можно было бы управлять из CSS так (это пример с адаптивностью):
...
...
div#vk_groups,
div#vk_groups iframe {
height: 600px !important;
width: 800px !important;
}
@media screen and (max-width: 799px) {
div#vk_groups,
div#vk_groups iframe {
height: 240px !important;
width: 320px !important;
}
}
@media screen and (max-width: ...px) { ... }
...
...
Однако следует понимать, это костыльный способ управления, так как сам виджет VKontakte не адаптивный, а мы грубой силой пытаемся перекрыть его размеры и дать желаемые габариты на конкретных размерах экрана.
О проверке Адаптивность сайта для всех базовых ширин экрана удобно проверять в респонсиваторе. Там сразу видно - где и что не так с выстраиванием элементов страницы.
Например, касаемо вашего сайта, посмотрите его на экране 800x... точек. Чтобы увидеть это, подставьте в ссылку ниже адрес вашего сайта.
http://imperacms.com/responsivator?mode=wi-800x800&protect=0&url=http://ваш.сайт/
Блок вспомогательных ссылок, что присутствует в шапке сайта, выскочил под телефоны (а должен быть между телефонами и корзиной). То же происходит на экранах 854x..., 864x..., 900x..., 960x..., 1024x..., 1050x..., 1080x...1136x..., 1152x..., 1200x... точек.
