[Поддержка] Менеджер фонов

[halfhope]

Скачать / Купить дополнение

Менеджер фонов

---

С 18.11.2016 модуль бесплатен, поддержка не предоставляется и модуль распространяется как есть. Поддержка предоставляется купившим модуль до 18.11.2016.

В стоимость модуля входят исходные файлы административной панели и каталога, xml файлы vqmod, инструкция по установке модуля на двух языках. Скрипт миграции и файлы локализации (Русский/Английский). Покупается одним лицом на один магазин/мультимагазин.

Дополнительная информация о модуле, инструкция по эксплуатации на http://oc.halfhope.ru/support/.

Внимание: при возникновении ошибок присылайте код ошибки и АДРЕС МАГАЗИНА. Сообщения без адреса магазина будут игнорироваться. Адрес магазина можете прислать в личные сообщения. Для большинства работ потребуется FTP доступ и доступ в административную панель.

Возможности:

• Возможность наследовать фон страницы товара от страницы категории, в которой он находится. Либо выбрать отдельный фон для товара (для отдельного фона товара есть отдельное платное дополнение, которое распространяется отдельно от модуля(100 рублей)).
  
• Возможность создавать анимацию фона по различным заготовкам (сниппетам).
  
• Живое редактирование шаблона. (Редактирование шаблона в реальном времени с мгновенным просмотром изменений)
  
• Гибкая настройка каждого элемента оформления созданного шаблона (тайлинг, выравнивание, цвет)
  
• Различные варианты шаблонов оформления ("Единый фон", "Фон страницы + контейнер", "Два боковых изображения + контейнер");
  
• Возможность фиксировать, растягивать, повторять фон страницы, контейнера и боковых изображений.
  
• Различные способы вставки генерированного css кода шаблона в код страницы (как файл, либо как текст).
  
• Возможность создавать шаблоны оформления и назначать их различным разделам (макетам), категориям , товарам Вашего магазина.
  
• Возможность вставлять data:base64 изображения (для уменьшения запросов к серверу).
  
• Возможность корректировки шаблона Вашего магазина для совместимости с модулем.
  
• Возможность назначать ссылку на фон. Т.е. При клике на фон пользователь перейдет по указанной Вами ссылке (в новом окне или текущем).
  
• Есть версия без vqMod.
  
• С версии 3.0 добавлены сниппеты и поддержка глобальных переменных шаблона, которые можно использовать в CSS коде.
  

Примечание: модуль необходимо адаптировать для работы с "резиновыми" темами оформления. Для консультации пришлите письмо на <[email protected]> с адресом сайта, консультация бесплатна.

Совместимость

• OpenCart, OcStore 1.5.x.x
  

Требования

• vqmod
  
• JQuery, версии не младше 1.7.0
  

Демо

• Каталог - http://oc.halfhope.ru/
  
• Административная панель - http://oc.halfhope.ru/admin/
  

Если Вы переходите с версии 2.1.1 на 3.0:

1. Скопируйте файл "migrate.php" из архива "migration_from_v2.1.1_to_v3.0.zip" в корень сайта.
   
2. Выполните его через адресную строку браузера http://имя сайта/migrate.php, затем удалите этот файл (если он не удалится сам).
   
3. Скопируйте папки "admin" и "catalog" в корень сайта (с заменой).
   
4. Перейдите в настройки менеджера и нажмите "Сохранить".
   
5. Установка завершена.
   

Установка

1. Скопируйте файл "install.php" а корень сайта и выполните (http://адрес сайта/install.php) Этот скрипт добавит записи и таблицы базу данных. Затем удалите файл, если сам не удалится.
   
2. Скопируйте папки "admin", "catalog", "vqmod" в корень сайта (с заменой).
   
3. Настройка прав. Перейдите в административную панель.
   
4. Перейдите в раздел "Система > Пользователи > Группы пользователей".
   
5. Выберите Вашу группу (обычно Top Administrator) и нажмите "изменить".
   
6. В списках "Просмотр" и "Внесение изменений" выберите все пункты, начинающиеся с background, либо нажмите "Выделить все".
   
7. В настройках менеджера включить его и ввести id контейнера.
   

Так же при покупке доступны архивы с демо-изображениями.

• В архиве "background_manager_demo_data_minified_images.zip" содержатся оптимизированные демо-изображения.
  
• В архивах "backgound_manager_original_images_part_x.zip" содержатся не сжатые фоновые демо-изображения.
  

Полезные ресурсы:

• http://subtlepatterns.com/ - коллекция качественных фонов
  
• http://bgpatterns.com/ - скромный генератор фонов
  
• Результаты поисковых запросов (тайлинг текстуры, tile background)
  

Дополнительные услуги:

• Заказ модуля для Вашей версии OpenCart/OcStore - Бесплатно(в комментариях)
  
• Настройка под Ваш шаблон - бесплатно (Необходим ftp доступ к серверу и к административной панели)
  
• Установка и настройка - 100 рублей.
  
• Создание анимаций (100 рублей).
  
• Дополнение к основному модулю, которое позволит назначать фон для каждого товара отдельно (100 рублей).
  

Описание файлов

• background_manager_demo_data_minified_images.zip (Демо-изображения)2.83 MB
  
• background_manager_v3.0_oc_v1.5.x.x.zip (сам модуль)80.15 KB
  
• migration_from_v2.1.1_to_v3.0.zip (пакет миграции с 2.1.1 на 3.0)2.29 KB
  

---

• Добавил
  halfhope
• Добавлено
  04.09.2013
• Категория
  Прочее
• Системные требования
• Метод активации
• Ioncube Loader
• ocStore
• OpenCart.Pro, ocShop
• Обращение к серверу разработчика

 

[halfhope]

Следующее плановое обновление модуля через 48 дней.

В следующей версии:

• Более удобное управление дополнением(админка).
• Предпросмотр создаваемого шаблона.
• Смена фона с анимацией (50/50).

[serrg]

 

Следующее плановое обновление модуля через 48 дней.

В следующей версии:

• Более удобное управление дополнением(админка).
• Предпросмотр создаваемого шаблона.
• Смена фона с анимацией (50/50).

 

Обновление будет ?

[halfhope]

Обновление будет ?

 

Да, в процессе. Знаю, что не укладываюсь в срок (на 12 дней), но поверьте это будет стоить того. Анимации фона не будет!!! Уже есть предпросмотр и много полезного. Скоро отчитаюсь и предоставлю демо.

[romanovkv]

Здравствуйте.

 

Как я понимаю я могу сделать чтобы у меня изменялся фон при переходе в категориях?

[halfhope]

Здравствуйте.

 

Как я понимаю я могу сделать чтобы у меня изменялся фон при переходе в категориях?

 

Если Вы имеете ввиду фон для каждой категории отдельно, то да. Фон можно назначить на любую категорию.

[halfhope]

Для версии 2.1 планировалось сделать галерею шаблонов, но она не была реализована ввиду своей неактуальности. 

В следующей версии, возможно, появятся:

• Live создание/редактирование шаблона (60/40)
• Будет убран "Отступ контейнера"
• Будут объединены "Стиль тени" и "Дополнительный CSS код"
• Будет добавлено поле для JS кода.
• Галерея тайлинг-текстур и фонов (не шаблонов) (60/40).
• Будет убран основной раздел модуля, где перечисляются другие разделы модуля.
• Будет добавлена экспериментальная функция - назначать шаблон для товаров  на странице редактирования товара (Только при наличии vqMod и отдельно от основного модуля)

Предлагайте свои идеи, они все они будут рассмотрены.

[halfhope]

Только что вышло обновление безопасности (версия 2.1.1). Для того, чтобы применить обновление просто скопируйте (с заменой) все файлы.

 

Что уже готово для версии 3.0:

• Live создание/редактирование шаблона (60/40) (Поля "Ссылка" (50/50), "JavaScript код", "Дополнительные изображения" в этом режиме будут недоступны, для их редактирования будет необходимо перейти в административную панель) (Готово на 50% подробности в сообщении ниже)
• Будет убран "Отступ контейнера" (Готово)
• Будут объединены "Стиль тени" и "Дополнительный CSS код" (Готово)
• Будет добавлено поле для JS кода, которое будет вставлять JavaScript код в страницу (как файл/текстом). (Готово)
• Галерея тайлинг-текстур и фонов (не шаблонов) (60/40). (отложено)
• Будет убран основной раздел модуля, где перечисляются другие разделы модуля. (Готово)
• Будет добавлена экспериментальная функция - назначать шаблон для товаров  на странице редактирования товара (Только при наличии vqMod и отдельно от основного модуля) (этот модуль будет поставляться отдельно, как дополнение к основному модулю) (Готово)
• Теперь доступны "глобальные переменные". Например, [container_id] содержит ID контейнера, который был указан в настройках. [img1] содержит путь к изображению 1. Эти переменные можно использовать в полях "CSS код", "JS код", "Fix_code(в настройках)". (Готово)
• Добавлены дополнительные изображения к каждому шаблону (дополнительные изображения так же доступны в виде переменных) (Готово)
• В связи с добавлением глобальных переменных будет создана галерея сниппетов, к которой будут храниться готовые шаблоны скриптов и стилей для создания анимаций и доп спец. эффектов. (P.S. все-таки нашел разумный способ добавлять анимацию) (отложено)

Скриншот:

 

Страница редактирования шаблона http://halfhope.ru/tmp/background_manager_v3.0.png

(Доп модуль) Выбор шаблона для товара http://halfhope.ru/tmp/20.34.30_18.02.2014.png

Live редактирование шаблона http://halfhope.ru/tmp/live editor.png

Демо можно посмотреть здесь: http://oc.halfhope.ru/

Змінено 11 березня 2014 користувачем halfhope

[halfhope]

Пропустил разработку двух пунктов "Галерея сниппетов" и "Галерея тайлинг текстур". 
Сейчас ведется разработка Live редактирования почти все готово. 

Так же записал видео того, как примерно работает live редактирование.
У меня к вам вопрос, - "Нужно ли вообще делать live редактирование?".

http://www.youtube.com/watch?v=DNNp1rq41mY

 

[mkt]

Добрый. Я вот думаю, было бы не плохо, если вместо фона был баннер. При нажатии на фон-баннер, покупатель переходил на страницу акции, которую рекламирует баннер.  В вашем случае, есть ли возможность сделать фон в виде ссылки?

[halfhope]

Добрый. Я вот думаю, было бы не плохо, если вместо фона был баннер. При нажатии на фон-баннер, покупатель переходил на страницу акции, которую рекламирует баннер.  В вашем случае, есть ли возможность сделать фон в виде ссылки?

 

Добрый день. В модуле есть возможность создавать одну ссылку на фон в каждом шаблоне. Возможность делать фон баннером (несколько ссылок и смена фона) пока что не поддерживается, это хорошая идея, но достаточно сложна в реализации т.к. совместимость такого фона с другими магазинами будет минимальна. В версии 3.0 будет возможность добавлять "Дополнительный JavaScript" с помощью него можно реализовать необходимый Вам функционал (смена фона и разные ссылки на одной странице).

[mkt]

Ну, тогда круто)) Буду покупать))

[halfhope]

Ну, тогда круто)) Буду покупать))

 

Прошу заметить, что такой функционал будет реализован не через стандартные баннеры в OpenCart, Придется выбирать "Дополнительные изображения" для фона и в "Дополнительный JavaScript" вводить все ссылки. Ссылки будут фиксированными. Как выйдет напишу готовый JS код, который Вы сможете использовать. 

Сейчас модуль находится на стадии тестирования. Через неделю-две выйдет релиз. Задержка связана с тем, что модуль проверяет несколько человек и только в свое свободное время.

[mkt]

Так скоро выйдет 3.0? А то не терпится)

[halfhope]

Так скоро выйдет 3.0? А то не терпится)

 

3 дня назад писал что, через неделю-две будет готов. Пока что тестируем, находим и исправляем маленькие баги. В 3.0 следующие пункты не будут реализованы:

• Галерея тайлинг-текстур (ввиду того, что под нее необходим домен/поддомен и нужна постоянная поддержка и обновление, так же могут появиться проблемы с авторскими правами на тайлинг-текстуры)
• Галерея сниппетов (не будет реализована по тем же причинам. Сниппет представляет собой CSS и/или JS код. Например, для создания анимации, смены фона и ссылок). 

[halfhope]

• Галерея сниппетов (не будет реализована по тем же причинам. Сниппет представляет собой CSS и/или JS код. Например, для создания анимации, смены фона и ссылок). 

 

Первый сиппет [Демо http://oc.halfhope.ru/]

Создан по запросу пользователя mkt. Делает фон баннером со сменными ссылками и изображениями.

В поле "JavaScript код" пропишите:

/* Смена фона с ссылками (своего рода - баннер) */
/* массив изображений, где [imgx] это дополнительные изображения, которые указываются в шаблоне */
var images = ['[img5]','[img6]','[img7]']; 
/* Ссылки каждого изображения */
var links  = ['http://adm.ru/1','http://adm.ru/2','http://adm.ru/3'];
/* Интервал смены изображений и ссылок в миллисекундах */
var swap_interval = 5000;
var counter = 0;

function swap_backgrounds(){
    console.log(links[counter],images[counter]);
    $('#bg_mgr_link').attr('href',links[counter]);
    $('body').style('background','url("[image_dir]'+images[counter]+'") repeat','important');
    if(counter >= images.length-1){
        counter = 0;
    }else{
        counter++;
    }
}
$(document).ready(function(){
    interval_handler = setInterval('swap_backgrounds()', swap_interval);
});

/* jquery style declarator */
(function($) {    
  if ($.fn.style) {
    return;
  }

  // Escape regex chars with \
  var escape = function(text) {
    return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
  };

  // For those who need them (< IE 9), add support for CSS functions
  var isStyleFuncSupported = !!CSSStyleDeclaration.prototype.getPropertyValue;
  if (!isStyleFuncSupported) {
    CSSStyleDeclaration.prototype.getPropertyValue = function(a) {
      return this.getAttribute(a);
    };
    CSSStyleDeclaration.prototype.setProperty = function(styleName, value, priority) {
      this.setAttribute(styleName, value);
      var priority = typeof priority != 'undefined' ? priority : '';
      if (priority != '') {
        // Add priority manually
        var rule = new RegExp(escape(styleName) + '\\s*:\\s*' + escape(value) +
            '(\\s*;)?', 'gmi');
        this.cssText =
            this.cssText.replace(rule, styleName + ': ' + value + ' !' + priority + ';');
      }
    };
    CSSStyleDeclaration.prototype.removeProperty = function(a) {
      return this.removeAttribute(a);
    };
    CSSStyleDeclaration.prototype.getPropertyPriority = function(styleName) {
      var rule = new RegExp(escape(styleName) + '\\s*:\\s*[^\\s]*\\s*!important(\\s*;)?',
          'gmi');
      return rule.test(this.cssText) ? 'important' : '';
    }
  }

  // The style function
  $.fn.style = function(styleName, value, priority) {
    // DOM node
    var node = this.get(0);
    // Ensure we have a DOM node
    if (typeof node == 'undefined') {
      return;
    }
    // CSSStyleDeclaration
    var style = this.get(0).style;
    // Getter/Setter
    if (typeof styleName != 'undefined') {
      if (typeof value != 'undefined') {
        // Set style property
        priority = typeof priority != 'undefined' ? priority : '';
        style.setProperty(styleName, value, priority);
      } else {
        // Get style property
        return style.getPropertyValue(styleName);
      }
    } else {
      // Get CSSStyleDeclaration
      return style;
    }
  };
})(jQuery);

[mkt]

Спасибо! Модуль супер! Все работает!!!  :eek:

[nadim]

Отличный модуль - поддержка на высоте - рекомендую!

[nadim]

Можно добавить возможность переключения или где можно подправить, чтобы фон с лева и с права привязывался не к краям экрана, а к границам страницы?

[bizikin]

Очень заинтересовал данный модуль, но у меня версия 2.0.1.1, кто-нибудь пробовал ставить на 2.0.1.1?

Написал письмо автору в личку - ответа пока нет.

Гуру подскажите пожалуйста - где можно найти подобную программу на 2.0.1.1.

Заранее спасибо!

[nadim]

Подскажите можно ли отключать такой параметр как - Цвет фона контейнера ? - Для того чтобы полупрозрачные паттерны оставались прозрачными и просвечивался фон.

[bespe4na]

Добрый день!

Хотелось бы видеть Ваш плагин для версии Opencart 2.0.3.1 и 2.0.2.0

За оплату, конечно!

Не знаю, можно тут обмениваться контактами или нет, вот мой vk http://vk.com/bespe4na

Не смогла найти Вас в скайпе.

Змінено 23 вересня 2015 користувачем bespe4na

[PolarOne]

Было бы интересно для 2.1.0.1

[malinator]

На 2.3 встанет?