F.A.Q. Внешний вид и контент

Материал из ABCP Documentation
Главная > F.A.Q. Внешний вид и контент
Перейти к: навигация, поиск

Как добавить на сайт фавикон (favicon)?

Ответ:

Для этого необходимо в панели перейти к пункту "Внешний вид и контент", вкладка "Файлы". В поле "Текущая иконка" нажмите "Обновить" и загрузите новое изображение.
Требования к изображению:
1) формат .ico;
2) изображение должно быть квадратным;
3) размер изображения - 16х16 пикселей.
Для конвертирования изображения из формата jpg Вы можете воспользоваться сервисом http://www.codenet.ru/services/png-to-ico/

Как добавлять изображения шин/дисков, чтобы они отображались в каталоге?

Ответ:
Для добавления фото к шинам и дискам Вы можете присылать изображения в заявках. Причем название изображения должно соответствовать названию модели шины (дисков), а архив, в котором располагаются изображения должен соответствовать имени бренда.

Как добавить сформированные коды счетчиков и консультантов на сайт?

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

1. Для этого зайдите в КП - Внешний вид и контент - вкладка "Инфоблоки"
2. Найдите "Блок в подвале"(можно применить в фильтрах "Привязка к странице - Без страницы")
3. Перейти в HTML редактор блока, нажав соответствующую иконку, и вставить код в нижнюю часть(после всех уже имеющихся, если таковые есть).
4. Сохранить изменения инфоблока.

Если же специального блока для вставки кодов счетчиков нет - обратитесь в техподдержку с заявкой на размещение кодов.

Можно ли убрать с сайта баннер ABCP?

Ответ:
Размещение баннера ABCP на сайте предусмотрено договором. Мы можем убрать баннер. При этом ваша абон.плата увеличится на 3000 руб./месяц.

Как залить изображения для товаров?

Ответ:
Теперь заливать изображения в разделе "Информация о товарах" в ПУ можно только с помощью нашего специалиста технической поддержки. Заливка изображений будем производиться по вашим заявкам в Техническую поддержку. Вы можете прикреплять архивы с изображениями, главное, чтобы они были без вотермарков ("водяных знаков") и надлежащего качества. Перед заливкой изображения будут проходить предварительную модерацию.

В панели управления управления, раздел "Информация о товарах" есть возможность просмотра существующих в базе изображений и добавления их к себе на сайт. В разделе "Информация о товарах" введите артикул и бренд товара, нажмите иконку "Найти" (в левом верхнем углу). Если в базе есть изображения к товарам, то они отобразятся в результатах. Если Вы хотите заменить изображение товара, отметьте чекбокс напротив нужного изобрамжения и нажмите "Применить".

Просмотреть изображения в карточке товара можно на сайте при проценке - в результатах поиска нажмите значок i в строке нужного товара. Если в базе есть изображения к товару, то оно отобразится в открывшейся карточке.

Как разместить ссылку на определенную страницу?

Ответ:
1. В панели управления порталом перейти на вкладку "Внешний вид и контент"
2. Перейти к пункту "Инфоблоки"
3. Нажать "Редактировать"(необходимый блок)и в нужном месте в блоке написать к примеру "Оплата и доставка"
4. Выделить курсором написанное и нажать на иконку "Вставить ссылку". При нажатии откроется окошко, в котором, в строке "Адрес" Вам необходимо вставить URL адрес, на который при нажатии на ссылку будет осуществляться переход.
После проделанных действий фраза "Оплата и доставка" приобретет вид ссылки, при нажатии на которую, будет осуществляться переход на указанную страницу.
5. Далее Вам необходимо нажать "Сохранить" в редактируемом блоке.
Теперь Вы можете проверить работоспособность данной функции на сайте.

Как реализовать функцию скачивания прайс-листа клиентами с сайта?

Ответ:
Для этого Вам необходимо:

1. В панели управления порталом перейти на вкладку "Внешний вид и контент"
2. Выбрать пункт "Файлы"
3. Нажать "добавить файл", затем прикрепить необходимый прайс
4. Затем необходимо скопировать в буфер обмена адрес URL, нажав кнопку "Copy"
5. Затем Вам необходимо перейти к пункту "Инфоблоки", выбрать необходимый блок, на которой должен быть прикреплен файл
6. Нажать "Редактировать" и в нужном месте в блоке написать к примеру СКАЧАТЬ ПРАЙС-ЛИСТ
7. Выделите курсором написанное и нажмите на иконку "Вставить ссылку" (Она выглядит как звенья цепи). При нажатии откроется окошко, в котором, в строке "Адрес" Вам необходимо вставить URL адрес, который Вы скопировали ранее при добавлении
После проделанных действий фраза СКАЧАТЬ ПРАЙС-ЛИСТ приобретет вид ссылки, при нажатии на которую, будет совершаться сохранение прайса.
8. Далее Вам необходимо нажать "Сохранить" в редактируемом блоке.
Теперь Вы можете проверить работоспособность данной функции на сайте.

Как мне исправить css сайта?

Для виртуальных сайтов с шаблонным дизайном:

  1. В панели управления порталом перейти на вкладку "Внешний вид и контент", далее раздел "Инфоблоки"
  2. В поле "Символьный код" укажите css, и найдите таким образом инфоблок "cssStylesBlock"
  3. В этом инфоблоке Вы можете указать новые стили через тег <style>...</style>. Либо Вы можете загрузить собственный css-файл в разделе "Внешний вид и контент"/"Файлы", и подключить этот файл в том же инфоблоке.

Для виртуальных и НЕвиртуальных сайтов с собственным дизайном:

  1. В панели управления порталом перейти на вкладку "Внешний вид и контент", далее раздел "Инфоблоки"
  2. В поле "Символьный код" укажите metateg, и найдите таким образом инфоблок "metateg"
  3. В этом инфоблоке Вы можете указать новые стили через тег <style>...</style>. Либо Вы можете загрузить собственный css-файл в разделе "Внешний вид и контент"/"Файлы", и подключить этот файл в том же инфоблоке.

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

Ответ:
Для этого Вам необходимо совершить несколько несложных действий:

1. Вставить изображение,указать необходимый размер
Снимок.png
2. Выделить изображение, нажать на "Вставить ссылку". Адрес ссылки = адрес изображения
Снимок-1.png
3. Указать стиль a.edBlocksImages
Снимок-2.png

Как настроить слайдер на шаблонном дизайне (шаблоны 14, 15, 17, 18, 19)?

Ответ:
Открыть html-код слайдера в инфоблоке.

Для того, чтобы изменить/добавить изображения в слайдер, необходимо:
1. Открыть инфоблок через html-редактор;
2. Внутри тега div с id="s2" поместить тег img, указав в атрибуте src ссылку на изображение (см. пример)
Один тег img = одному слайду!
Слайдер снимок.png

Для того, чтобы добавить ссылку на изображение, необходимо:
- Обернуть тег img в тег а;
- Указать в атрибуте src ссылку (1);
- По желанию, можно добавить описание ссылке при помощи атрибута title (2). В этом случае, при наведении на ссылку будет отображаться указанное описание.
Результат ниже
Снимок ссылки.png

К примеру, вы хотите изменить скорость смены слайда и время показа слайда. Для этого, вам необходимо переопределить опции слайдера.
Опции слайдера

Чтобы переопределить опции слайдера, в начало инфоблока необходимо добавить код в тег script

  $(document).ready(function() {
      $('#s2').cycle({
           // тут опции
      });
  });

Из опций слайдера видно, что за скорость смены слайда отвечает опция speed, а за время показа - опция timeout. Переопределим эти опции, указав необходимо время в мс. Результат ниже.
Следует отметить, что опции перечисляются через запятую, но в конце последней опции запятая не ставится (1)
Слайдер скрипт.png


Как добавить слайдер на сайт (для всех сайтов)?

Особенности слайдера:
1. Слайдер начинает отображаться после полной загрузки страницы;
2. Остановка "слайдшоу" по наведению на слайд;
3. Слайдер адаптивный к любому разрешению экрана;
4. Слайдер содержит нейтральные стили, соответственно будет гармонично отображаться на любом сайте.

Ответ:
Для этого необходимо:
1. Определиться с инфоблоком где будет расположен слайдер (далее Инфоблок клиента);
2. Найти инфоблок с символьным кодом slideFWABCP (далее Инфоблок слайдера);
3. Открыть инфоблок слайдера при помощи html-редактора
Htmlредактор.jpg

4. Скопировать содержимое инфоблока слайдера в инфоблок клиента (через html-редактор).
Осталось лишь настроить слайдер... Сейчас инфоблок клиента выглядит примерно следующим образом
SliderNew.jpg

Настройка слайдера
(1) Указывается интервал перехода между слайдами в миллисекундах. В данном случае интервал равен 2 секунды. Если interval: 0, то автоматически слайды переключаться не будут.
(2) Для того, чтобы не отображались/отображались точки (индикаторы) слайдера, необходимо удалить/добавить класс "fr-slide-indicator". Если на одной странице используется сразу 2 слайдера, то класс "fr-slide-indicator" должен быть только в одном из слайдеров
(3) Далее необходимо заменить "Ссылка на страницу" и "Ссылка на изображения" на собственные значения.
(4) Для того, чтобы добавить/удалить слайд, достаточно добавить/удалить строку div class="fr-item", подставив собственные значения.

Совет по использованию. Для корректного отображения слайдера загружайте изображения одинакового размера.
!!!Напоминаем, удалять какие-либо классы, data-атрибуты и прочие элементы НЕЛЬЗЯ!!!

Если необходимо использовать 2 и более слайдеров на одной странице
Необходимо скопировать содержимое инфоблока слайдера в инфоблок клиента (через html-редактор) и заменить идентификатор (id) во всех местах его использования по этому коду. Например, #carousel-slider-abcp для второго слайдера должен быть переименован в #carousel-slider-abcp2

Slider2.png

Как разбить текст на 2 или 3 колонки?

Ответ:

Для того, чтобы создать колонки с контентом, адаптированным под мобильные устройства, необходимо воспользоваться этой статьей

Как открывать страницу в всплывающем окне?

Ответ:

Для этого необходимо в панели перейти к пункту "Внешний вид и контент", вкладка "Инфоблоки". В один из инфоблоков подвала в режиме редактирования html-кода добавить скрипт:

     <script>
           $(function () {
              $(".ofertaLink").fancybox({
                 fitToView  : false,
                 width    : '80%', //ширина относительно экрана
                 height    : '80%', //высота относительно экрана
                 autoSize  : false // выставить true, если ширина и высота будет высчитываться автоматически по ширине/высоте контента
               });
           });
     </script>

Затем на любой странице добавить ссылку вида:

     <a href="/oferta" class="ofertaLink fancybox.ajax">ссылка</a>

Где "oferta" - это новая личная страница, у которой не отмечен параметр "Выводить шапку и подвал:" в настройках