VirtueMart как сделать водяной знак

Доброго времени суток коллеги. Сегодня я расскажу как поставить водяной знак на изображения товаров в магазине VirtueMart. Способ немного нестандартный, т.к. мы будет накладывать водяной знак не средствами php (как это привыкли все уже делать), а средствами javascript.
Для чего нужны эти извращения? А для того что бы водяной знак мог работать при использовании ngnix. Ведь ngnix обрабатывает статичные файлы, и апачу они не достаются, следовательно мы не сможем через htaccess указать php скрипт для обработки изображений.
Устанавливаем водяной знак virtueMart joomla.
Открываем файл components\com_virtuemart\js\slimbox\css\slimbox.css и в конце добавляем следующее правило:

#watermark {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: transparent url(watermark.png) no-repeat center center;
}

В эту же папку (components\com_virtuemart\js\slimbox\css\) ложим сам файл водяного знака — watermark.png

Теперь открываем файл components\com_virtuemart\js\slimbox\js\slimbos.js и после:

this.image = new Element(‘div’, {‘id’: ‘lbImage’}).injectInside(this.center);

добавляем:

this.watermark = new Element(‘div’, {‘id’: ‘watermark’}).injectInside(this.image);

Либо если таких строк не найдено, ищем

i=new Element(«div»,{id:»lbImage»}).injectInside(b).adopt(K=new Element(«a»,{id:»lbPrevLink»,href:»#»}),e=new Element(«a»,{id:»lbNextLink»,href:»#»}));

и добавляем:

new Element(«div»,{id:»watermark»}).injectInside(i);

ПОсле этих нехитрых манипуляций водяной знак должен появится на всех фото которые открываются в slimbox virtuemart.

 

Запись опубликована в рубрике Joomla с метками , . Добавьте в закладки постоянную ссылку.

Один комментарий на «VirtueMart как сделать водяной знак»

  1. Дмитрий говорит:

    Спасибо за решение. Скажите пожалуйста как в virtuemart 20.24 это решить. Там slimbox нет

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *