33 Дополнительные статические параметры Название атрибута Текст атрибута <g:custom_label_0> {manufacturer} — выводит производителя в мерчант <g:custom_label_1> {category} — выводит категорию в мерчант <g:custom_label_0> ((pd.name)) — выводит название в мерчант
Уменьшить шрифт вариантов расцветок
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
уменьшить шрифт варианты расцветок .product-info .pds { font-size: 15px; font-weight: normal; } отображение сеткой по умолчанию catalog\view\theme\default\template\product\category.tpl строка 196 if (view) { display(view); } else { display('list'); } поменять на if (view) { display(view); } else { display('grid'); } не забудь удалить куки ! |
Вставка задать вопрос на странице товара
из файла product.tpl убираем <?php echo $catapulta; ?> в page content там где указывается «* Цвет или оттенок изделия на фотографии может отличаться от реального» добавляем код Вопросы меняем в зависимости от бренда
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
<p><span style="color: rgb(128, 128, 128);">* Цвет или оттенок изделия на фотографии может отличаться от реального.</span><br /> </p> <style type="text/css">.gpage { text-align:left; padding:5px; padding-bottom:10px;} .ofnagvid {font:15px 'Arial'; font-weight:bold; color:#000; padding-bottom:10px; padding-top:10px; line-height:30px;} .ofnag {font:15px 'Arial'; font-weight:bold; color:#000; padding-bottom:0px; padding-top:10px; margin-left: 30px; line-height: 15px;} .ofnag_nag {font:17px 'Arial'; font-weight:bold; padding-bottom:10px; padding-top:10px;} .ofnag a {font:15px 'Arial'; font-weight:normal; color: 000; text-decoration:none; vertical-align:middle; } .ofnag a:hover { text-decoration:underline; cursor:pointer;} .tabfaq tr span{ font:20px 'Arial'; font-weight:bold; color:#000; padding-top:0px; padding-bottom:0px; margin-left: 10px; line-height:20px;} .tabfaq td { border-bottom:1px solid #ccc; text-align:left; vertical-align:top; padding-top:0px;} .faq_inf { display:none; font:14px 'Arial'; color:#333333; padding-top:10px; padding-bottom:10px; margin-left: 50px; line-height:20px;} .faqvid { font:14px/5px 'Arial'; color:#000; padding-top:0px; padding-bottom:15px; line-height:17px;} .img-voprosy { float:left; border: 1px grey solid;} </style> <table border="0" cellpadding="0" cellspacing="0" class="tabfaq" width="100%"> <tbody> <tr> <th align="left"><span>Часто задаваемые вопросы</span></th> <!-----------------------------------------------------> </tr> <tr> <td colspan="2" style="border-bottom:0px;"> <div class="ofnag"><a onclick="displ('faq31')" style="cursor: pointer">Страна производитель?</a></div> <div class="faq_inf" id="faq31" style="DISPLAY: none"> <div align="left">Фабрика Black Red White (Блек Ред Вайт) или сокращенно BRW Польша - это польская мебельная фабрика. На нашем сайте представлена продукция исключительно польского производства. На данном сайте мы не предлагаем продукцию украинских фабрик БРВ Украина и Гербор, входящих в группу компаний Black Red White. </div> </div> </td> </tr> <!-----------------------------------------------------> <tr> <td colspan="2" style="border-bottom:0px;"> <div class="ofnag"><a onclick="displ('faq11')" style="cursor: pointer">Цена актуальная?</a></div> <div class="faq_inf" id="faq11" style="DISPLAY: none"> <div align="left">Все цены на сайте <b>актуальные</b>. Цены на сайте представлены в гривне.<br /> В случае изменения курса валют (в частности польского злотого) цена на сайте оперативно обновляется. </div> </div> </td> </tr> <!-----------------------------------------------------> <tr> <td colspan="2" style="border-bottom:0px;"> <div class="ofnag"><a onclick="displ('faq12')" style="cursor: pointer">Цена эта в Украине или нужно оплачивать за доставку из Польши?</a></div> <div class="faq_inf" id="faq12" style="DISPLAY: none"> <div align="left">Цена указана на товар в Украине, с учетом доставки из Польши в Украину, г. Владимир-Волынский (Волынская обл., 50 км от польской границы).<br /> Поэтому цена указана в национальной валюте - гривнах. Доставка по Украине оплачивается отдельно. </div> </div> </td> </tr> <!-----------------------------------------------------> <tr> <td colspan="2" style="border-bottom:0px;"> <div class="ofnag"><a onclick="displ('faq23')" style="cursor: pointer">Можно ли заказать отдельные предметы из разных коллекций?</a></div> <div class="faq_inf" id="faq23" style="DISPLAY: none"> <div align="left">Мебель фабрики Black Red White направленна на модульность и придание единого стиля Вашему дому. Дизайнерские коллекции мебели разработаны так, что предметы мебели можно заказывать по отдельности, а также возможно совмещать друг с другом предметы мебели из разных коллекций. Зайдя в раздел любой коллекции можно увидеть список элементов, которые доступные к заказу. </div> </div> </td> </tr> <!-----------------------------------------------------> <tr> <td colspan="2" style="border-bottom:0px;"> <div class="ofnag"><a onclick="displ('faq27')" style="cursor: pointer">Какие условия оплаты?</a></div> <div class="faq_inf" id="faq27" style="DISPLAY: none"> <div align="left">Для повреждения Ваших намерений купить мебель и ожидать поставку, мы принимает символический аванс в размере 10% от суммы заказа на расчетный счет юридического лица (ФЛП). Это наша подстраховка, что Вы дождетесь товар, который мы везем исключительно для Вас. Вся мебель привозится индивидуально под клиента под заказ. </div> </div> </td> </tr> <!-----------------------------------------------------> <tr> <td colspan="2" style="border-bottom:0px;"> <div class="ofnag"><a onclick="displ('faq211')" style="cursor: pointer">Какие гарантии, что после оплаты я получу товар?</a></div> <div class="faq_inf" id="faq211" style="DISPLAY: none"> <div align="left">Основные причины нам доверять: <ul> <li>Оплата на расчётный счет юр. лица (ФЛП). В отличии от оплаты на карточку физ. лицу, оплата на расчётный счет является официальной, юридически подкрепленной операцией.</li> <li>Наш сайт существует много лет</li> <li>В разделе "Отзывы" представлены отзывы наших клиентов с живыми фотографиями купленной у нас мебели. Такие фото вы нигде в интернете не увидите.</li> </ul> </div> </div> </td> </tr> <!-----------------------------------------------------> </tbody> </table> <script language='JavaScript'> function displ(nmdiv){if (document.getElementById){ if (document.getElementById(nmdiv).style.display=='none') document.getElementById(nmdiv).style.display ='block'; else document.getElementById(nmdiv).style.display ='none';} else if (document.all) { if(document.all[nmdiv].style.display=='none') document.all[nmdiv].style.display ='block'; else document.all[nmdiv].style.display ='none';}} </script><br /> <input class="button" onclick="addToCatapulta();" style="height: 25px;" type="button" value="Задать свой вопрос" /> |
Вставка телефончика-кнопки обратного звонка
В папку /catalog/view/theme/default/image добавил папку с картинками для стиля (крестики. телефончик) : phon_call В папку /catalog/view/theme/default/stylesheet добавил файл стиля phon_call.css В файл /catalog/view/theme/default/template/common/header.tpl вставил подключение файлов стиля css и js:
|
1 |
<link rel='stylesheet' id='phon_cal-css' href='catalog/view/theme/default/stylesheet/phon_call.css?ver=all' type='text/css' media='all' /> |
Также подключение стиля шрифта
|
1 |
<link rel='stylesheet' id='twentyfifteen-fonts-css' href='https://fonts.googleapis.com/css?family=Noto+Sans%3A400italic%2C700italic%2C400%2C700%7CNoto+Serif%3A400italic%2C700italic%2C400%2C700%7CInconsolata%3A400%2C700&subset=latin%2Clatin-ext%2Ccyrillic%2Ccyrillic-ext' type='text/css' media='all' /> |
А также js:
|
1 2 3 4 5 6 7 |
<script type='text/javascript' src='catalog/view/javascript/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='catalog/view/javascript/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type="text/javascript" src="catalog/view/javascript/jquery/bootstrap.js"></script> <script type='text/javascript' src='catalog/view/javascript/jquery/jspriteph_call.js?ver=1'></script> <script type='text/javascript' src='catalog/view/javascript/jquery/jcookieph_call.js?ver=1'></script> <script type='text/javascript' src='catalog/view/javascript/jquery/maskph_call.js?ver=4.8.2'></script> |
В файл /catalog/view/theme/default/template/common/footer.tpl вставил код:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<!--pravajasinyaya knopla --> <div id="pop_up_bl_mobile"> <div id="pop_up_bl" onclick="document.getElementById('butcall').disabled = true; return false;"> <a id="setсookieph" class="close" href="#" title="Закрыть" onclick="document.getElementById('mssgresbox').style.display='none';document.getElementById('minbotph').style.display='block';document.getElementById('pop_up_bl').style.display='none';document.getElementById('butcall').disabled = true; return false;"></a> <a id="stbotph" href="#" onclick="document.getElementById('stbotph').style.display='none';document.getElementById('slibotph').style.display='block';return false;"> <div class="circlephone" style="transform-origin: center;"></div> <div class="circle-fill" style="transform-origin: center;"></div> <div class="img-circle" style="transform-origin: center;"> <div class="img-circleblock" style="transform-origin: center;"></div> </div> </a> <a id="slibotph" href="#" onclick="document.getElementById('slibotph').style.display='none';document.getElementById('stbotph').style.display='block';return false;" style="display: none;"> <div class="circlephone" style="transform-origin: center;"></div> <div class="circle-fill" style="transform-origin: center;"></div> <div class="img-circle2" style="transform-origin: center;"> <div class="img-circleblock2" style="transform-origin: center;"></div> </div> </a> <div id="content-phone" style="display: none;"> <form method="post" action="" id="formMain" name=""> <label for="tele_phone_call" id="labtelcal">Пример:+380502443435</label> <input id="tele_phone_call" type="tel" name="tele_phone_call" placeholder="Введите здесь ваш номер" autocomplete="off" /> <input type="hidden" value="" name="sent"> <input id="butcall" type="button" value="" onclick="document.getElementById('mssgresbox').style.display='block';document.getElementById('slibotph').style.display='none'; document.getElementById('pop_up_bl').style.display='none'; AjaxFormRequest('formMain', 'tel-form.php')" disabled /> </form> </div> </div> </div> <div id="mssgresbox" onclick="document.getElementById('mssgresbox').style.display='none';">Мы скоро перезвоним вам!</div> <a id="minbotph" href="#" onclick="document.getElementById('pop_up_bl').style.display='block';document.getElementById('minbotph').style.display='none';return false;"> <div class="call_button"></div> </a> <span id="mask_text">+38(999) 999-9999</span> <!--konec pravajasinyaya knopla --> |
Загрузил файлы в папку catalog/view/javascript/jquery/ : catalog/view/javascript/jquery/jquery.js catalog/view/javascript/jquery/jquery-migrate.min.js catalog/view/javascript/jquery/bootstrap.js catalog/view/javascript/jquery/jspriteph_call.js catalog/view/javascript/jquery/jcookieph_call.js catalog/view/javascript/jquery/maskph_call.js В корневую папку… Read More
цвета кнопок
цвет цифр телефона в поле ввода телефона stylesheet.css
|
1 2 3 4 5 6 |
input.large-field, select.large-field {input.large-field, select.large-field { width: 300px; font-size: 18px; color: #03428E; } |
кнопка заказа popup stylesheetcartPopup.css
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
a.button-zakazat { display: inline-block; white-space: nowrap; background-color: #467CBE; background-image: -webkit-gradient(linear, left top, left bottom, from(#467CBE), to(#fc2525)); background-image: -webkit-linear-gradient(top, #03428E, #467CBE); background-image: -moz-linear-gradient(top, #03428E, #467CBE); background-image: -ms-linear-gradient(top, #03428E, #467CBE); background-image: -o-linear-gradient(top, #03428E, #467CBE); background-image: linear-gradient(top, #03428E, #467CBE); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#467CBE', EndColorStr='#fc2525'); border: 1px solid #777; padding: 0.5em 1.5em; margin: 0.5em; font: bold 1.4em Arial, Helvetica; text-decoration: none; color: #FFFFFF; text-shadow: 0 1px 0 rgba(253,152,152,.8); -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); } a.button-zakazat:hover { background-color: #467CBE; background-image: -webkit-gradient(linear, left top, left bottom, from(#467CBE), to(#03428E)); background-image: -webkit-linear-gradient(top, #467CBE, #03428E); background-image: -moz-linear-gradient(top, #467CBE, #03428E); background-image: -ms-linear-gradient(top, #467CBE, #03428E); background-image: -o-linear-gradient(top, #467CBE, #03428E); background-image: linear-gradient(top, #467CBE, #03428E); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#467CBE, EndColorStr='#03428E'); color: #FFFFFF; } |
цвет надписи обязательное поле checkout.tpl
|
1 |
<td colspan="2"><div style="text-align: center;"><span style="font-weight: bold; font-size: 17px; color: #03428E;"><?php echo $entry_heder1; ?></span></td> |
кнопка заказа stylesheet.css
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
a.button-oformlenie { display: inline-block; white-space: nowrap; background-color: #467CBE; background-image: -webkit-gradient(linear, left top, left bottom, from(#467CBE), to(#fc2525)); background-image: -webkit-linear-gradient(top, #03428E, #467CBE); background-image: -moz-linear-gradient(top, #03428E, #467CBE); background-image: -ms-linear-gradient(top, #03428E, #467CBE); background-image: -o-linear-gradient(top, #03428E, #467CBE); background-image: linear-gradient(top, #03428E, #467CBE); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#467CBE', EndColorStr='#fc2525'); a.button-oformlenie:hover { background-color: #467CBE; background-image: -webkit-gradient(linear, left top, left bottom, from(#467CBE), to(#03428E)); background-image: -webkit-linear-gradient(top, #467CBE, #03428E); background-image: -moz-linear-gradient(top, #467CBE, #03428E); background-image: -ms-linear-gradient(top, #467CBE, #03428E); background-image: -o-linear-gradient(top, #467CBE, #03428E); background-image: linear-gradient(top, #467CBE, #03428E); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#467CBE, EndColorStr='#03428E'); color: #FFFFFF; } |
Если при переходе по прямой ссылке на сайт, не подключаются css
Если при переходе по прямой ссылке на сайт, не подключаются css то нужно выставить корректные права доступа права доступа 644 — для файлов и 755 — для папок сайта
Что делать если при разворичивании сайта выводятся кракозябры вместо русских букв
1. проверить кодировку баз данных, чтобы они были в utf8 если не помогло, то 2. открыть файл бд в редакторе Notepad++, выделить все содержимое , далее инструмент Кодировки — Преобразовать вutf8 без BOM если не помогло, то 3. в файле .htaccess прописать строку AddDefaultCharset utf-8
Увеличить картинку на странице товара
система-настройки-изображения Размер большого изображения товара: 400х342 выровнять в одну строчку цену и кнопку купить на странице товара файл stylesheet.css #obvodka-buy { background-color: rgba(255, 242, 209, 1); border-radius: 9px; margin: 0px; padding: 1em 1.15385em 0.76923em; text-align: center; margin-right: 0em; margin-left: 0em; }
Убрать кнопку «Продолжить» с информационных страниц
/catalog/view/theme/default/template/information/information.tpl после <h1><?php echo $heading_title; ?></h1> <?php echo $description; ?> убрать код <div class=»buttons»> <div class=»right»><a href=»<?php echo $continue; ?>» class=»button»><?php echo $button_continue; ?></a></div> </div>
Убрать надпись «Выберите подкатегорию» в категории
вместо <div class=»box»> <div class=»box-heading»><?php echo $text_refine; ?></div> <div class=»box-content»> <div class=»box-product»> <?php foreach ($categories as $category) { ?> <div> <?php if ($category[‘thumb’]) { ?> <div class=»image» style=»text-align: center»> <a href=»<?php echo $category[‘href’]; ?>»><img src=»<?php echo $category[‘thumb’]; ?>» alt=»<?php echo $category[‘name’]; ?>» /></a> </div> <?php } ?> <div style=»text-align: center»><a href=»<?php echo $category[‘href’]; ?>»><?php echo… Read More