Необходимые модули. Устанавливаем и включаем:

CCK

• Content
• FileField
• ImageField
• Node Reference
• Node Reference URL Widget
• Option Widgets
• Text
•  

ImageCache

• ImageAPI
• ImageAPI GD2
• ImageCache
• ImageCache UI

CSS Injector

Views Attach

Дальше необходимо сделать пару пресетов ImageCache:
 

gallery_img_small - 150x150 (scale and crop)

gallery_img_big - 600x600 (scale)

Добавляем тип содержимого.

• Создаём новый тип материала Gallery | gallery | Контейнер для картинок

Идём в управление полями, создаём поле
Image | field_image | file | image

В настройках поля изменяем Path settings
gallery/pics/[site-date-dd]-[site-date-mm]-[site-date-yy]/[user-id]
В global settings ставим required, кол-во 1
 

• Создаём новый тип материала Photo | photo | Элемент галареи

Идём в управление полями, создаём поле

Ссылка на товар: | field_product_link | Ссылка на материал

Image | field_image | Файл

Изображение галереи | gallery_single | file | image

• Назад в галерею - | field_gallery | Ссылка на материал | Reference from Url

Fallback behavior: *  Use select list widget

Referenceable node links: Create link on the full view

Заголовок ссылки: Добавить картинку

Return path: The referenced node

Общие настройки: Обязательно

Типы материалов, на которые можно ссылаться: Gallery

Главная » Управление » Настройка сайта » CSS injector » Add CSS injector rule

Заголовок: * Gallery rules

КОД CSS: *

<p>div.view-gallery-photos div.views-field-title {
  font-size: 1.2em;
  font-weight: bold;
  }
  
  div.view-gallery-photos div.views-field-field-image-fid img {
  border: 1px solid black;
  padding: 2px;
  }
  
  div.view-gallery-photos div.views-field-field-image-fid img:hover {
  border: 3px solid black;
  padding: 0px;
  }
  
  div.view-gallery-photos div.views-field-created {
  font-size: .8em;
  font-style: italic;
  }
  
  div.view-display-id-node_content_2 {
  float: left;
  padding-right: 10px;
  }
  
  div.view-display-id-node_content_2 div.view-empty {
  border: 1px solid black;
  font-size: 0.9em;
  padding: 5px;
  text-align: center;
  width: 140px;
  }
  
  
  ul.links li.photo_field_gallery {
  float: right;
  padding: 5px 10px;
  border: 2px solid black;
  background-color: white;
  font-weight: bold;
  }
  
  ul.links li.photo_field_gallery:hover {
  padding: 4px 9px;
  border: 3px solid black;
  }</p>
 

Views attach - провести импорт представления.