Архив за месяц: Октябрь 2013

Увеличение JqZoom в prestashop

JQZoom это плагин позволяющий добавить к картинкам эффект лупы – рядом с картинкой показывается ее увеличенная часть.

exzoom

В prestashop применяется к элементам у которых назначен  класс jqzoom. Для показа увеличения используется картинка большого изображения.

Размеры большой картинки задаются в админке в — Настройки > Изображения — thickbox_default.

Параметры можно изменить в файле — /themes/default/js/product.js

//set jqZoom parameters if needed
    if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
    {
        $('#bigpic').attr('rel', $('#bigpic').attr('src').replace('thickbox', 'large'));
        $('img.jqzoom').jqueryzoom({
            xzoom: 200, //zooming div default width(default width value is 200)
            yzoom: 200, //zooming div default width(default height value is 200)
            offset: 0 //zooming div default offset(default offset value is 10)
            //position: "right" //zooming div position(default position value is "right")
        });
    }

Код, который генерируется плагином,

<div style="top: 0px; left: 266px; width: 200px; height: 200px; display: block;">
    <img src="http://prestashop.ru/1-thickbox_default/ipod-nano.jpg">
</div>

Значения,

  • Размер картинки «thickbox_default» в стандарной теме ширина = 600px, длинна = 600px.
  • Размер окна ширина = 200px, длинна = 200px, берутся из значений «xzoom: 200», «yzoom: 200».
  • Место показа окна «top: 0px; left: 266px;» расчитываются относительно родительского блока.

Сам плагин находиться в  /js/jquery/plugins/jqzoom/jquery.jqzoom.js
Файл стилей  /js/jquery/plugins/jqzoom/jquery.jqzoom.css

OPTION NAME DEFAULT DESCRIPTION
zoomType ‘standard’ The others admitted option values are ‘reverse’,’drag’,’innerzoom’.
zoomWidth 300 The popup window width showing the zoomed area.
zoomHeight 300 The popup window height showing the zoomed area.
xOffset 10 The popup window x offset from the small image.
(always «positive» to move the popup window more on the right if position is «right» or more on the left if position is «left»)
yOffset 0 The popup window y offset from the small image.
(always positive to move the popup window more on the top if position is «top» or more on the bottom if position is «bottom»)
position ‘right’ The popup window position. Admitted values:’right’,’left’,’top’,’bottom’
preloadImages true if set to true,jqzoom will preload large images.
preloadText ‘Loading zoom’ The text to show while preloading images.
title true Show a small title over the zoomed window it can be the anchor title and if not specified,it will get the small image title.
lens true if set to false,the small lens,over the image, won’t show.
imageOpacity 0.4 Set the image opacity when the ‘zoomType’ option is set to ‘reverse’.
showEffect ‘show’ The effect by which showing the popup window. Options available: ‘show’,’fadein’.
hideEffect ‘hide’ The effect by which hiding the popup window. Options available: ‘hide’,’fadeout’.
fadeinSpeed ‘slow’ Changes fade in speed,in case the showEffect option is set to ‘fadein’ (options: ‘fast’,’slow’,number).
fadeoutSpeed ‘2000’ Changes fade out speed,in case the hideEffect option is set to ‘fadeout'(options: ‘fast’,’slow’,’number’).

Prestashop — Как восстановить пароль администратора

Для того чтобы восстановить пароль администратора можно использовать 2 метода.
  1. Установить модуль Восстановление забытого пароля для prestashop
  2. Создать новый пароль самому
    • В файле config/settings.inc.php скопировать значение ‘cookie_key’.
      define('_COOKIE_KEY_', 'JKvfsaT0tHTEZ1cqRhOuGwCr6vM145978RIksdy8FoIhsyYaD6');
    • Создать новый хеш MD5, значение ‘cookie_key’ + добавить после него новый пароль.
      JKvfsaT0tHTEZ1cqRhOuGwCr6vM145978RIksdy8FoIhsyYaD6МойНовыйПароль
    • Скопировать сгенерированный код и вставить его в таблицу ‘ps_employee’