Модули, таблицы и шаблоны для ПрестаШопа

Ronaldo Perez · July 24, 2012

о, все таки секреты есть, да еще и конкурентоспособные, тогда конечно да, надо скрывать их. Скажите а кроме html файликов есть же ваши дизайны в psd например? Может вы и пересохраните в jpeg и покажите нам? Конкуренты не доберутся, а нам очень полезно будет увидеть работу профи.

Не припомню просто списка ваших работ, так бы я и сам посмотрел. Слежу за вашей темой просто, уже 5 страниц текста и всего 3 html файлика с перекрашенным стандартным (бесплатным) шаблоном за 100 евро, вы кстати читали лицензию, она позволяет продавать чужой html код?

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

Dimitri Yelquin · July 24, 2012

На счёт «продажи чужого кода» мы с Вами не раз выясняли, и Вы почему-то никак не уясните себе, что если, например, портной продаёт своё платье, но демонстрирует его на манекенщице — это нормально! Никому не придёт в голову обвинять его в продаже манекенщицы. Где она? Продажа мною чужого кода... Если бы было верно то, что говорите Вы, на Аддонсе вообще бы ни одной работы не было.

Можно установить себе магазин с дефолтным шаблоном, а можно с тем, в который я внёс свои поправки. И ради того вида, который получился, и ради затраченного мною на это труда это стоит оплаты.

Ещё в Аддонсе на странице, где продаются шаблоны, говорится, что ПШ творится совместной работой многих людей. Те, кто выкладывает здесь шаблоны вносят этим свою лепту в развитие ПрестаШопа, и они тоже партнёры Престы... Я там пока не выкладывал. Меня качество показа у них не удовлетворяет. Особенно при моей любви к мелким деталям мой дизайн там будет выглядеть ужасно проигрышно... Короче, даже на Аддонсе такая работа не то что не порицается, считается похвальной. Так что Вы не только с моей точки зрения неправы.

Ссылки на скриншоты страниц новой темы: 1. http://malet.in/piquadro.html 2. http://malet.in/maletin.html 3. http://malet.in/maletines.html

Edited July 24, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · July 28, 2012

Магазин женского платья

Выложил у себя в блоге новый шаблон на продажу. Кого интересует профиль «мода, женское платье», а также все, кто неравнодушен к высокому искусству раскраски стандартного шаблона, — заходите!

Dimitri Yelquin · July 29, 2012

Ещё кое-что улучшил. Остался верхний правый уголок, с которым не знаю пока, что делать. И вроде неплохо и что-то не то. Сейчас делаю внутренние странички. Может к завтрашнему не успею — столько новых идей появляется по ходу дела, — но на днях точно покажу остальные страницы. А пока улучшенные вчерашние.

Edited August 3, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · July 30, 2012

«Просют» сварганить им магазин на «на ПрестаШопе и на смарти». Я говорю, на ПрестаШопе, вроде, подразумевает, что на смарти, чтобы это специально оговаривать. В ответ: «А вот это говорит о Вашем непрофессионализме!»

Dimitri Yelquin · July 31, 2012

Обещанное дополнение к ранее показанному. Хотя страничка ещё не совсем готова. Не хватает некоторых мелочей — дорабатываю. А пока что — это:

Edited August 3, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · August 3, 2012

Сделал блог к магазину:

Edited August 6, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · August 10, 2012

Интересно, кто-нибудь после установки нового стандартного шаблона воспользовался модулем вверху подвала? Reinsurance — перестраховка, то есть. Нужен ли он вообще, этот модуль? Вроде как кнопки, почти все, дублируют уже существующие... Приглядывался я к нему, приглядывался, да и выкинул. Я и раньше его отключал за ненадобностью. А сейчас вообще заменил кое-чем более полезным. Короче, к шаблонам, что повыше, добавил меню в подвале и собрал там все информационные страницы. Удобно. Любую информацию можно прочесть без перехода на специальную страничку. Глубину, естественно, оставил прежней. Решать этот вопрос за счёт увеличения глубины подвала мне не кажется хорошей идеей. А вот ширину!.. Сделал её 5000px и разбил на страницы. На каждой — якорь. Вытаскивается ссылкой на якорь. Нижней полосы прокрутки, конечно, нам не нужно — поставил overflow: hidden. Очень красивое и экономное (в плане прибавления веса страницы) решение... Надо ли в таком случае убирать страницы с соответствующими текстами? Думаю, не стоит. Да можно и подразвить их. Дать там расширенную информацию по каждому конкретному вопросу. Тогда и они для кого-то будут полезны.

Edited August 10, 2012 by Dimitri Yelquin (see edit history)

DeMarko · August 16, 2012

Приятные шаблоны и шрифт хороший, удобочитаемый, сам использую его. И девушка, глазу радует)

Dimitri Yelquin · August 16, 2012

Шрифт вообще имеет ключевое значение в дизайне. Никакой другой элемент дизайна не способен так влиять на настроение. Причём дело не только в его удобочитаемости. Если б только это, то и проблем бы не было. Поставил любой шрифт с засечками — вот тебе и удобочитаемость. И у меня в блоге до недавнего стоял шрифт с засечками, и так чего-то нехватало... Пригляделся к шрифту — ну ничем не отличается от шрифта деловых бумаг. Поменял на Кандару (Candara). Вид блога сразу преобразился. Кандара — моя недавняя находка. Тем более удивительная, что его и искать не надо. Он под носом, в самом верху списка шрифтов. А в образце ничего особенного. Потому его никто не замечает... Но посмотрите на него в крупном размере, какой элегантный!

Или наберите текст в блокноте и просмотрите его в Ариале, Вердане, Сегоу УИ и в Кандаре... Segoe UI тоже очень хорош — и тем, что также поддерживает наше письмо, и тем, что очень правдоподобно воспроизводит рукописный шрифт (в вариантах Print и Script) — но и он уступает Кандаре.

А в Century Gothic, что в шаблоне, особенно хорошо смотрятся заголовки. Интересно, что в латинице-то он и в тексте хорош, а по-нашему... ну, это моё субъективное впечатление, может быть, что-то очень разреженно смотрится. В русских текстах я его не использую.

Edited August 16, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · August 17, 2012

Сделал вариант шаблона «Mi pasión latina» с другой темой — скутер Веспа. Самая первая и самая успешная марка за всю историю их производства. Аж 17 млн. выпустили.

Короче, вот, шаблон. Много менять не стал, но иное наполнение, иные форматы изображений, другой подвал (на этот раз многостраничный) и вроде как уже и не шаблон плательного магазина, а свой родной, мотороллерный... Пока первая страница. Страница товара чуток не готова и страница списка товаров на подходе.

Edited August 17, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · August 21, 2012

В свой блог добавил статью «Якорь в дизайне». Кроме того, какое значение имеют якоря в дизайне, там говорится и о том, как их ставить в ПрестаШопе. В Сети навалом о якорях, но почти всё о том, как их ставить в html-файлах. В tpl-файлах — нисколько не сложнее. Нужно только знать, где.

Dimitri Yelquin · September 10, 2012

Нашёл, наконец, применение модулю Реинсуранс. У себя в блоге выложил описание, как путём несложных махинаций превратить его в сабфутер. Разместил в нём копирайт и нижнее меню. Как это выглядит, покажу через пару дней на скриншотах новой темы. А пока сами пробуйте. Очень славная штука, оказывается.

Dimitri Yelquin · September 12, 2012

Вот обещанный пример применения модуля Реинсуранс, а заодно и страничка шаблона новой темы... Хотел Главную, но не успел с нею. Пока страничка списка товаров. （Это не шаблон на продажу. Делаю тему одному заказчику из Германии.）

Edited September 15, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · September 12, 2012

А вот страница категорий:

Edited September 15, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · September 15, 2012

Страница товара:

Dimitri Yelquin · September 15, 2012

Страница оформления заказа:

Dimitri Yelquin · September 15, 2012

Витрина магазина:

Edited September 15, 2012 by Dimitri Yelquin (see edit history)

Ronaldo Perez · September 15, 2012

шапка очень информативна и займет всего-то половину первого экрана, но не мешайте человеку рисовать, не мешайте.

Dimitri Yelquin · September 15, 2012

Ну, не можете никак без Вашего ехидства! Нет, чтобы просто спросить меня, а чё это шапка-то такая огромная?! Вроде сами тут выступали против шапок!.. А я бы Вам и объяснил, что да к чему. Почему я, на самом деле, всегда смеялся над такими дизайнами, а тут сам подобный сделал...

А дело всё в том, что на тех сайтах, куда ни кликнешь, тебе сначала эта красотища открывается и уж потом, ещё раз полюбовавшись ею, ты до нужного тебе места отматываешь. Видимо, таким представляется нормальное поведение пользователя большинству дизайнеров. У меня же шапку можно увидеть только первый раз зайдя на сайт. Потом посетитель начинает кликать по ссылкам, и шапка ни разу больше не показывается на горизонте. Всё вдоль и поперёк заякорено. Поэтому и никакая информация в этом случае не нужна в шапке. Она по ходу доработки дизайна будет подсовываться по пути следования посетителя по кликам. В "классическом" дизайне понятно стремление сделать шапку возможно более информативной, коли она снова и снова перед глазами оказывается. Но то, что страница так открывается — очень плохо. Если я хочу попасть в какой-то раздел, мне и должен открываться именно этот раздел, а не страница, на которой находится этот раздел. Это вообще излюбленный приём говно-дизайна — вынуждать посетителя шарить по сайту в расчёте на то, что он на извилистом пути к искомому много ему ненужного подцепит. И очень информативная шапка — первый признак такого дизайна.

А шапку можно увидеть, если есть желание перейти в блог, на сайт салона или в галерею. Крутнули до шапки — там эти ссылки есть. Хотя если ближе подвал, можно крутнуть туда. Потому что там тоже есть эти ссылки.

Edited September 15, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · September 21, 2012

Когда на одной странице 20 постов, да в каждом тяжёлый скриншот, начинает очень медленно грузиться. Буду теперь стараться разносить тексты и скриншоты по разным постам.

Edited September 23, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · September 21, 2012

Это Главная нового магазина, только я убрал её, а также все информационные страницы на ВордПресс. У себя в блоге подробно расскажу, почему.

Ещё один скриншот показывает, что там за слайдер.

Edited September 23, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · September 23, 2012

Почти доделал Главную страницу новой темы.

Edited September 25, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · September 25, 2012

Добавил в своём блоге статью о собственном способе интеграции магазина с блогом.

Dimitri Yelquin · October 4, 2012

Хочу извиниться за неработу моих блогов. Отползаю на другой хостинг... Ну, и в качестве извинения за вытаскивание своего топика наверх без особого повода — ссылочка. Где взять славные флажки для своего магазина? Здесь.

farux93 · October 27, 2012

Сделал блог к магазину:

Позвольте поинтересоваться, как вы реализовали блог для магазина? Если это не секрет, Судя по шаблону у вас версия ПШ 1.5.

Я установил модуль блога "plblog", насколько знаю рассчитан на 1.4, на 1.5 вешается спокойно, выводит блок категории блога на главную и др. страницы сайта,посты успешно добавляются и без проблем добавляются, также последние посты блога высвечиваются на колонке, НО попытка прочитать какой либо пост или посмотреть всю категорию блога не удается, ссылка в браузере формируется по коду блога, но вместо записи(поста) блога отображается главная страница...

Edited October 27, 2012 by farux93 (see edit history)

Dimitri Yelquin · October 30, 2012

@farux93 Давно наблюдаю попытки создать модуль блога для ПрестаШопа. Особенно на французском форуме много об этом пишут. Но результаты пока более, чем скромные. И попытки внедрения ПрестаШопа в блог на ВордПрессе не дали пока хороших результатов. На ВП есть уже два специальных плагина, добавляющие разделы ПрестаШопа в блог.

Мне же пришла идея интегрировать их иначе. Каждый из движков сидит на своём домене. Оба объединяются общим дизайном и имеют общую навигацию в верхнем меню и совершенно идентичный подвал. Идентичный, как внешне, так и по ссылкам. На ПШ остаётся только каталог, инструменты поиска и сравнения товаров, страница оформления покупки и оплаты. Главная страница магазина, статьи, справочные материалы, реклама, блог, портфолио (или прейскуранты, или какие-то ещё страницы, выполненные средствами создания портфолио), галереи — всё это на ВордПрессе. В этой связке отпадает необходимость в раскрутке каталога на ПрестаШопе. Раскручивается магазин на ВордПрессе. Если посетителя заинтересова Ваш магазин, то в его каталог он обязательно заглянет. Поэтому собственный поисковый рейтинг каталога может быть нулевым, а посещаемость будет высокой, если рейтинг магазина, на ВордПрессе, высокий. Ну а как раскручивается сайт на ВордПрессе, Вы знаете — раз в 20 быстрее, чем любой магазин.

Тестируемую версию ПШ пока не трогаю. Блог — на ВордПрессе.

farux93 · October 31, 2012

Тестируемую версию ПШ пока не трогаю. Блог — на ВордПрессе.

Идея хорошая, единственное получается что два домена, ИМХО, не совсем хорошо, хотя в принципе если, ПШ установить на субдомен ВордПресса, думаю будет хорошо.

Спасибо за ответ.

И еще можно ли посмотреть на один из таких сайтов сделанных вами? Очень интересна реализация, которую можно "потрогать"

Dimitri Yelquin · October 31, 2012

Я и говорю о том, что магазин получается, как бы, на одном домене. Там, где ВордПресс. И раскручиваем мы его. Главный резон — более быстрая раскрутка любого сайта на ВордПрессе. И как любой магазин, этот тоже имеет каталог. Вот, для организации каталога и работы с ним нам и нужен ПрестаШоп. Нет никакой необходимости раскручивать ещё и каталог сам по себе. Все заходящие в магазин на ВордПрессе будут пользоваться этим каталогом. Поэтому вся раскрутка должна сосредоточиться на ВордПрессе. Только его рейтинг должен иметь для нас значение.

Каталог на субдомене? Хорошо. Если же, как это часто делают, на субдомене блог — плохо. Потому что, повторяю, для нас важен рейтинг блога (блог — это условно, на самом деле продвинутый шаблон премиум-класса позволяет создать на одном домене и презентационную страницу, и, если надо, большой корпоративный сайт, и портфолио, и прейскуранты, и галереи, и блог), а на поддомене он будет не так активно набирать баллы, поскольку сайт на поддомене менее авторитетен и поисковики реже посещают такие сайты.

Сайты живьём не показываю. Извините. Это мой хлеб. А что такое скопировать CSS, Вы знаете... Это, конечно, не про Вас, а вообще.

Edited October 31, 2012 by Dimitri Yelquin (see edit history)

farux93 · November 1, 2012

Сайты живьём не показываю. Извините. Это мой хлеб. А что такое скопировать CSS, Вы знаете... Это, конечно, не про Вас, а вообще.

Понимаю. Спасибо что поделились своими соображениями. Удачи Вам!

Dimitri Yelquin · November 13, 2012

Вариации подвала с текстурой под карбон

Edited November 13, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · November 16, 2012

Расположение модуля

Слишком длинные записи я стараюсь сюда не добавлять, чтобы не раздувать и без того немаленький топик. Поэтому вот ссылка на запись в моём блоге. Там я рассказываю, как упростить добавление исключений при расположении модуля в ПШ 1.5.

Edited November 16, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · November 26, 2012

Маленькие улучшения фенсибокса

Нравится ли Вам его настройка, которая не позволяет крутить изображения по кругу, а лишь «по коридору». Дошёл до последнего — переводишь курсор на противоположную сторону фотографии и крутишь обратно. Чтобы это изменить, достаточно открыть файл jquery.fancybox.js (находится в папке: yoursite > js > jquery > plugins > fancybox) и в строке 1102 переписать cyclic : false на cyclic : true.

Урок окончен.

Dimitri Yelquin · November 26, 2012

Маленькие улучшения фенсибокса, 2

А как Вам фотография с белым полем (8px) и ещё одним полупрозрачным (тоже 8px)? Я сделал с одним белым в один пиксель:

Кому нравится, можете забрать файл jquery.fancybox.css (находится в папке: yoursite > js > jquery > plugins > fancybox), который я немного подправил:

/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*/

/* PrestaShop
*
* We did several modifications in this file:
*
* - Persistant arrows
* - Fixed IE 6 path on the AlphaLoader method
* - Specific path for background images
*
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('images/fancybox.png');
}
#fancybox-overlay {
background-color :#000 !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
background: none repeat scroll 0 0 rgb(255, 255, 255) !important;
background: none repeat scroll 0 0 rgba(255, 255, 255, 1.0) !important;
position: absolute;
top: 0;
left: 0;
padding: 1px;
z-index: 1101;
outline: none;
display: none;
border-radius:1px;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 8px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -1px;
right: 4px;
width: 45px;
height: 26px;
background: transparent url('images/fancy-close.png') 0 0;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('images/blank.gif');
z-index: 1102;
display: none
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 71px;
margin-top: -35px;
cursor: pointer;
z-index: 1102;
display: block
}
#fancybox-left-ico {
background-image: url('images/fancy-left.png');
background-position: 0 0;
left: -1px /* PrestaShop - make left arrow permanently visible */
}
#fancybox-right-ico {
background-image: url('images/fancy-right.png');
background-position: 0 0;
/* PrestaShop - make right arrow permanently visible */
right: -1px;
left: auto;
/* End */
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: -1px;
}
#fancybox-right:hover span {
left: auto;
right: -1px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('images/fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('images/fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('images/fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('images/fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('images/fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('images/fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('images/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('images/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('images/fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/imagesfancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/fancy_shadow_nw.png', sizingMethod='scale'); }

А это — закрывашка и стрелочки (fancy-close.png, fancy-left.png и fancy-right.png).

Их нужно положить в папку: yoursite > js > jquery > plugins > fancybox > images...

Кажется, ничего не упустил. Гляньте, всё ли нормально с полями. Если не совсем то, что на скриншоте, скажите.

Edited November 26, 2012 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · November 27, 2012

Дополнение к предыдущему

И правда ведь забыл кое-что! Белая рамка — это 8-пиксельный отступ изображения на белой подложке фенсибокса. Убрать его можно, обнулив значение отступа в 1098-й строке файла jquery.fancybox.js (в папке: yoursite > js > jquery > plugins > fancybox) — padding : 0

Dimitri Yelquin · November 28, 2012

Проблеммка с фенсибоксом в новом ПрестаШопе

Вот, этот скриптик

<script type="text/javascript" src="{$base_dir}js/jquery/jquery.fancybox-1.3.4.js"></script>
	 <link rel="stylesheet" href="{$base_dir}css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
	 <script type="text/javascript">
	 $(document).ready(function() {
	 $("a.enlargeme").fancybox({
			 'hideOnContentClick': true
	 });
	 });
	 </script>

если вставить его между крючком {$HOOK_HEADER} и меткой </head> файла header.tpl

{$HOOK_HEADER}<script type="text/javascript" src="{$base_dir}js/jquery/jquery.fancybox-1.3.4.js"></script>
	 <link rel="stylesheet" href="{$base_dir}css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
	 <script type="text/javascript">
	 $(document).ready(function() {
	 $("a.enlargeme").fancybox({
			 'hideOnContentClick': true
	 });
	 });
	 </script>
</head>

даёт возможность открывать изображения в фенсибоксе кликом по текстовой ссылке, буквально, из любого текста или любой надписи в магазине. Для этого достаточно лишь обозначить класс ссылки — class="enlargeme". Например, с <a class="enlargeme" href="url/image.jpg">этой</a> cсылки могла бы открыться картинка, если бы нужный скрипт был добавлен в хедер этого сайта.

Но вот беда, во всех версиях этот скрипт работает, в последней — не хочет. В чём дело?

Dimitri Yelquin · November 29, 2012

Исправление перекосов

Добавил в свой блог статью об улучшении дизайна модуля «Другие товары в этой категории»

Dimitri Yelquin · December 3, 2012

Вот, изваял свой первый шаблон на пятой версии:

Пока Главная. Остальные покажу чуть позже. Да и эту надо ещё чуток доработать. Хочу ещё два модуля добавить.

Dimitri Yelquin · December 4, 2012

Тема «Напечатаем всё!» Страница товара:

Dimitri Yelquin · December 10, 2012

Кажется, доработал страничку товара. Не знаю, может быть ещё найду, что можно улучшить, но пока мне это нравится...

Dimitri Yelquin · December 11, 2012

В раздел CMS — тот, где у нас «Условия пользования», «Доставка», «Безопасная оплата» и другие стандартные странички — добавил «Обои». Ну, я же делаю фото-сайт, как бы...

Такая, вот, вышла страничка:

Dimitri Yelquin · January 14, 2013

Витрина с картинками без подписей

Всё-таки, нужны ли в модуле витрины (Featured Products on the Homepage) названия товаров (вернее, огрызки названия) и краткие описания (вернее, самое начало описания, из которого ничего почти не успеваешь узнать)?

Думаю, лучше выводить полное название с полным описанием и ценой. Делается это проще простого. В файле homefeatured.tpl закрываем для браузера название, короткое описание, цену, ссылку в «корзину» и ссылку «посмотреть»... Ссылки я вообще убираю из модуля, потому что не могу себе представить, что кто-то может отправить товар в корзину, не познакомившись с ним на странице товара!.. А там кнопочка «В корзину» имеется. И для перехода на страницу товара достаточно кликнуть по самой картинке...

Ну, как закрыть для браузера часть кода (говорю для новичков) — нужно {*ту часть, которая должна быть скрыта от браузера, заключить в фигурные скобки с астериксами*}. А чтобы эта информация показывалась во всплывающем комментарии, берём из скрытого кусочки кода и помещаем его в title, который добавляем вместо alt'а в строку, выводящую изображение товара.

Вот, 42-я строка в нетронутом виде (это в пятой версии, но в четвёртой в этом файле, кажется, почти всё также):

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.name|escape:html:'UTF-8'}" />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

А это — с описанными выше переделками:

<a href="{$product.link}" title="{$product.name|escape:html:'UTF-8'}" class="product_image"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" height="{$homeSize.height}" width="{$homeSize.width}" title="{$product.name|escape:html:'UTF-8'} — {$product.description_short|strip_tags} — {$product.price} p." {*alt="{$product.name|escape:html:'UTF-8'}"*} />{if isset($product.new) && $product.new == 1}<span class="new">{l s='New' mod='homefeatured'}</span>{/if}</a>

Убран alt.

Добавлен title.

В title php-кодами вставлены: название ({$product.name|escape:html:'UTF-8'}), короткое описание ({$product.description_short|strip_tags}) и цена ({$product.price}).

В названии и описании убрано ограничение для количества символов (например, truncate:50:'...'), кроме того в описании сохранена запись, запрещающая разметочные метки (strip_tags).

Между названием, описанием и ценой вставлены длинные тире (—), что делает текст более удобочитаемым, чем в варианте с любым другим знаком препинания.

Пользуйтесь, кому нравятся витрины без рваных текстов!..

Edited January 14, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · January 15, 2013

Глупость сказал... Конечно же, добавить title не вместо alt'а, потому что alt тоже нужен!

И ещё пропустил важную мелочь, в этом коде {$product.price} p. пробел перед символом валюты нужно заменить кодом неразрываемого пробела {$product.price} p., во избежание переноса одного символа без цены на другую строку.

А вообще неплохо? Думаю, да. Но без стилей — уныло. Атрибут же title не поддаётся стилизации... Просто, не подлежит стилизации по умолчанию... Сделал сегодня свою версию этого модуля. При наведении курсора изображение товара пиксел в пиксел перекрывается фоном (не обязательно просто цвет, можно какой-нибудь паттерн или цельное фоновое изображение...) и поверх него ложится форматированный текст, в котором каждый элемент текста имеет свой цвет и, если надо, то и шрифт, размер и другие стили: название товара, описание, цена... Пользователь может переделывать это вообще как ему нравится; раздел с описанием стилей, добавленный в файл homefeatured.css, очень небольшой и там нет ничего сложного даже для начинающего верстальщика.

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

Кстати, текст с описанием не только выглядит в сто крат привлекательнее, он ещё и открывается по-другому. Текст из тайтла — томительные доли секунды. Кажется, доли секунды — это ж почти ничего! Нет, в наше время и такая задержка раздражает. А в новом решении это происходит мгновенно.

Edited January 15, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · January 16, 2013

Иллюстрации ко вчерашней записи

Показать — лучше, чем рассказать. Здесь блок HomeFeatured темы «Напечатаем всё!» со всплывающим описанием (кликнуть, чтобы посмотреть в нормальном разрешении):

А здесь — фрагмент такого же блока на сайте магазина, торгующего колёсами:

У себя в блоге выложу завтра урок, как сделать такое применительно к любой вёрстке Главной (она же может быть и одноколоночной, и двух-, и трёхколоночной, а соответственно и размеры блока HomeFeatured и картинок в нём могут быть разными...). Поэтому будет не архив модуля, как думал вчера, а урок.

Edited January 16, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · January 17, 2013

В моём блоге опубликовал первый урок по дизайну блока homefeatured. Пока для одноколоночной Главной. Будет продолжение для других вариантов вёрстки.

Dimitri Yelquin · February 19, 2013

Сам себе дизайнер

Я не хочу сказать, что дизайнеры не нужны. Но дело в том, что дизайнер делает свою работу и уходит, а Вы остаётесь. И от Вас зависит, будет после его ухода ещё лучше или всё понемногу начнёт портиться.

К веб-публикациям, как и к печатным статьям, приложимы одни принципы дизайна и главный из них — работа с текстом. Дизайн текста — это вообще самое главное в дизайне печатного издания. И чтобы хотя бы не испортить сделанную другим работу, научитесь никогда не делать нескольких вещей:

1. Украшать заголовки написанием каждого слова в нём с большой буквы. Это норма английской орфографии, а не русской. Поэтому у нас это не украшает, а говорит о безграмотности.

2. Никогда нигде не записывайте своё имя в этом новомодном формате «Иван П. Ковалёв». Это тоже не наша норма. Помню, сам сглупа заказал себе визитку с отчеством, спрятанным в инициал. Когда показал её отцу, он посмотрел на меня, как на Павлика Морозова. Никогда не забуду этот взгляд... И вы уважайте своего отца!..

3. Не пишите сначала фамилию, а затем имя! Этот порядок принят у корейцев, китайцев и японцев. Ещё почему-то у венгров с финнами... Истинные арийцы пишут сначала имя.

4. Поймите, что выравнивание текста по обоим краям — не красота, а крайнее уродство, какое только можно придумать в отношении текста. «Ты что! Не понимаешь, что это выглядит безобразно?!» — возмущается дизайнер работе неопытного верстальщика. А повод-то для его возмущения... нормальный пробел, только стоит этот пробел не между словами, а между числом и символом процентов. В этом случае должен стоять тонкий пробел, который составляет половину от нормального. И такая ничтожная малость, каких-то один-два пиксела, представьте себе, — существенно. А для самодеятельного верстальщика и самообразующиеся пробелы в несколько сантиметров несущественны!.. Можуно подумать, что сам он вообще читать не умеет, и как нечитателю ему важны лишь внешние очертания текстового блока. А вот читателю важно лишь то, что делается внутри строки. Дело в том, что для удобства чтения очень важен выдержанный на протяжении всего текста интервал. Меняющаяся величина интервала — это, как рытвины и ухабы на дороге. Когда обо всём этом не знаешь, тебе просто неудобно. А если знаешь? Читаешь текст, а в голову нехорошие мысли лезут... Ведь, какое-то чмо наводил эту «красоту» для меня! Ему что, не важно, удобно ли мне будет читать? Думает, я умилюсь ровности прямоугольничков текстовых блогов!.. Он меня за совсем тупого держит?!

5. Не вставляйте пробел между словом и знаком пунктуации! Длинное тире — единственный знак пунктуации, который используется с пробелом. Все остальные лепятся к слову. Разумеется к предыдущему, а не к последующему.

6. Вопросительные знаки не могут удваиваться, утраиваться, учетверяться... Восклицательный знак — да. Но не надо забывать, что два восклицательных знака подряд служат передаче крайнего возбуждения. Три — это уже истошный крик. Такой можно вставить разок-другой за всю жизнь, в какие-то критические её моменты. Если Вы регулярно сыплете сдвоенными-строенными восклицательными знаками, сходите к психиатру! Может уже и не нужно будет возиться с магазином... Вам дадут место в чистой и светлой палате...

7. Не забывайте о том, что меньшее выделяется из большего. Если Вы из ста слов выделите 99, то постороннему именно оставшееся невыделенным покажется выделенным, потому что смысл выделения в том и состоит, чтобы отличить вещь от большинства подобных. Выделять нужно только тогда, когда это может служить зацепкой в тексте. Иначе в ней нет никакого смысла. Допустим, текст не показался посетителю интересным и он уже готов его промотать, но тут взгляд его зацепился за выделенное слово и оно само, а также контекст вокруг, его заинтриговали... Ещё надо помнить и то, что всевозможные выделения — это визуальный мусор. Поэтому выделять нужно не только экономно, но и стилистически единообразно. Хорошее правило — два шрифта на сайт. Так же и со способами выделения — не больше двух. Выбрать один-два способа и придерживаться их на всём протяжении сайта. Но, внимание, написание слова заглавными буквами среди способов выделения текста никогда не числилось. Это — самодеятельность. Причём даже не художественная. Просто пачкотня.

8. Ещё надо учитывать то, что в веб-публикацию нельзя бездумно тащить всё то, что характерно для книжной публикации и отражает её специфику. Например, сокращения были придуманы ради экономии бумаги, а вовсе не потому, что сокращённое слово быстрее читается, поскольку оно короткое. Во-первых, взрослый в отличие от начинающего читать ребёнка не буковки складывает, а читает словами, то есть, не собирая его из буковок, а мгновенно. Поясню. Вот, идёт Ваш знакомый Вася. Вы видите его и в то же мгновение думаете: «О, Вася!» А вот то же самое иначе. Идёт Ваш знакомый Вася. Вы видите глаз, два, нос, ухо, другое, рот... О, получилось «Вася»! Так и с текстом. Более-менее опытный читатель уже не собирает слова из деталей и для него, практически, неважно, какой длины слово. Во-вторых, сокращённые слова — это запинки. Каждый раз, доходя до сокращения, мы на какой-то момент приостанавливаемся, чтобы вспомнить значение этого сокращения, а если хорошо знакомо, подумать, не может ли оно в этом контексте подразумевать другого слова. Это длиться какие-то мгновения, а иногда и очень долго, если значение сокращения из текста нам непонятно... Но пусть даже всегда было бы недолго, всё равно это запинки. А запинки сбивают ритм и темп чтения. Поэтому в веб-публикациях существует другой, отличный от книжного, стандарт — не употреблять сокращений.

9. Оставьте манеру неупотреблять заглавные буквы в начале предложения. Один знакомый объяснял мне приверженность к этой манере своей профессией программиста. Мол, в коде нет имён собственных и начало предложения, назовём так, в коде не пишется с заглавной буквы. Очень странное объяснение. Мне кажется, программист, как никто другой должен понимать, что такое орфография. Как в отношении кода просто невозможно не быть педантом — каждый символ должен стоять на своём месте, — так и с нашей речью. Её запись должна быть точна. Орфография — то же самое, что правила корректной записи кода. И если ты в орфографии неряха, то, скорее всего, и программист такой же...

10. С десятым правилом закруглюсь. Оно про тире. Нельзя заменять это знак ни дефисом (чёрточка словоразделения), ни знаком минуса (чуть длиннее дефиса), ни коротким тире (используется только без пробелов и практически исключительно для обозначения диапозонов, например, 2000–2010 годы, 40–50 килограмм). Набирается с клавиатуры очень просто. В любой раскладке нажимаем клавиши ьошо (для запоминания можно использовать имя Ошо) при нажатых Fn и Alt.

Нужно ещё запомнить, что дефис никогда не окружается пробелами. Это и само-то по себе выглядит ужасно (кто - то, кто - нибудь), но если Вы наберёте подобным образом в ВордПрессе, то он Вам автоматом выдаст «кто — то», «кто — нибудь». А это вовсе кошмар.

Dimitri Yelquin · February 25, 2013

У одного из главных наших спецов (Максим Ильяхов) по написанию продающих текстов прочёл в его блоге запись «Пятиминутка ненависти»...

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

А что это за «гвозди»? Я имею в виду заголовки, где каждое слово со «шляпкой», то есть, начинается с большой буквы. Уже весь форум этими заголовками загадили. То, что соответствует правилам английской орфографии и красиво в английском тексте, в русском выглядит уродством. Ведь, ещё совсем недавно не было ничего подобного!.. Что за дурацкая мода!

Dimitri Yelquin · March 5, 2013

Переделал модуль новых товаров в теме «Напечатаем всё!»

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

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

Lom · March 11, 2013

Здравствуйте. Весь топик не читал - не осилил. Как у Вас со временем и какие условия на сегодняшний день? Хотел задать вопрос и описание в "личку" не нашел как.

Dimitri Yelquin · March 11, 2013

Наводите курсор на мой ник — всплывает мой «партийный билет». Под авой нижняя подпись — «PM this member». Кликнули — и Вам открывается форма для написания сообщения.

Dimitri Yelquin · March 20, 2013

Встречайте — MinicSlider!

Открыл для себя слайдер разработанный в румынской МиникСтудио на базе Ниво. Лучший из всех, какие встречал для ПрестаШопа. Резиновый. Сам настраивается на ширину монитора любого устройства. Имеет многоязычную поддержку. Предельно удобно настраивается. Легко переключаются анимационные эффекты (их — 18). Может выводиться на выбор: в топе, в боковой колонке, в контенте. В случае, если выбрано расположение в топе, можно выбрать, показывать его на всех страницах или только на главной. Да и просто красиво сделан, наконец. Как спереди, так и сзади. Имеется подробное руководство для пользователя в пдф-формате. И такая роскошь... бесплатно! На Аддонсе — платная версия. С налогом — 35 евро. Уж что там наворочано, если бесплатный уже так хорош, не представляю себе.

Есть две особенности, о которых нужно знать:

1. В отличие от других слайдеров этот не демонстрирует нам процесс загрузки. Если первый слайд тяжёлый и враз не загружается, то страница открывается без слайдера, а он появляется лишь после полной загрузки первого слайда.

2. Если в магазине включено более одного языка, то и многоязычная поддержка у слайдера тоже должна быть включена. Под какой-то язык можно не грузить изображения; тогда слайдер при включении этого языка не будет показываться. Если же многоязычную поддержку не включить, то слайдер ведёт себя нестабильно. На одних сайтах показыватеся, на других — вообще никак, пока не включишь эту поддержку.

Скачать версию для ПШ 1.5 можно здесь. Версия для ПШ 1.4.9 — здесь. Версия для ПШ 1.3 — здесь. Руководство — здесь.

Edited March 20, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · March 20, 2013

Добавление к предыдущему. Если чёрная полоска по низу слайдера, на которой выводится название слайда или комментарий к нему Вам не нужна, её можно убрать в стилях. Идём в модули_ находим там minicslider, открываем его и дальше по пути views > css > nivo-slider.css. В этом файле находим правила для элемента .nivo-caption и добавляем в них строчку display: none !important;

Готово! Я у себя установил в настройках скорость анимации — 800, паузу между слайдами — 6000, анимационный эффект — fade (в самом низу списка).

Edited March 20, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · April 7, 2013

Генерировать миниатюрки: автоматически, по ширине, по высоте

По умолчанию стоит «автоматически» и это можно оставить, если Вы загружаете изображения квадратного формата. А если у Вас преобладают вертикальные или горизонтальные? Оставите настройку «автоматически», тогда к вертикальным будут добавляться белые полосы справа и слева на недостающую ширину, а к горизонтальным — сверху и снизу.

Как их убрать? Есть два способа.

Настраиваем загружаемые форматы. Из трёх вариантов (а. всё сохранять в jpg, б. всё соранять в jpg, но изображения в png в этом формате и сохранять, в. всё сохранять в png) выбираем средний. Теперь, когда добавляем изображения товаров в png, они тоже получают дополнительные поля на недостающую ширину или высоту, но не белые, а прозрачные. Недостатки способа: 1. цвет подложки в фенсибоксе — белый, поэтому сквозь прозрачные поля мы видим тот же белый, 2. окно фенсибокса имеет формат квадрата, тогда как изображение в нём — формат прямоугольника, что некрасиво, 3. самое же главное то, что изображения в png могут весить в 10-20 раз тяжелее, чем те же изображения в jpg при, примерно, равном качестве.
Если все наши изображения колеблются от горизонтального прямоугольного до квадратного, выбираем настройку «генерировать миниатюры по ширине». Если от вертикального прямоугольного до квадратного — выбираем «генерировать миниатюры по высоте». Всё! Теперь можем загружать картинки в jpg и никаких белых полос по краям. А формат фенсибокса всегда будет тем же, что формат изображения в нём... Бывает, что в магазине есть и вертикальные, и горизонтальные изображения, что тут делать? Переключать настройку «по ширине-по высоте». По опыту знаю, что переключать её часто не приходится. Если мы загружаем, например, партию сапог, так у нас весь комплект картинок к каждому товару — вертикальные изображения. К другим товарам они могут быть сплошь горизонтальными и квадратными. И крайне редко случается, чтобы с каким-то товаром шли картинки и горизонтального и вертикального формата. Так что часто переключать эту настройку не придётся.

Ещё часто спрашивают, как избавиться от белых полей по всем сторонам изображения в фенсибоксе. Очень просто! Если у нас установлена настройка «генерировать миниатюры по ширине», то ширина загружаемого прямоугольного или квадратного изображения должна быть не меньше ширины формата thickbox_default в нашем магазине. А он всегда должен быть квадратным, потому что высота горизонтального прямоугольника может колебаться от некой минимальной высоты до высоты, равной ширине, то есть, и квадрат в этом случае у нас максимально высокий горизонтальный прямоугольник. То же самое можно сказать и о ширине вертикального прямоугольника, и о квадрате, который в этом случае является максимально широким вертикальным прямоугольником.

Dimitri Yelquin · April 15, 2013

Когда порядковый номер выпуска серии достигает девятого, за ним следует нулевой выпуск следующей версии. Так и было всегда. И после девятого выпуска четвёртой серии (1.4.9) последовал нулевой выпуск пятой (1.5.0.1)... Но вчера я случайно нашёл это. Кстати, очень полезная ссылочка, где можно скачать любой выпуск ПрестаШопа из двух последних версий. Обратите внимание, уже после выхода пятой версии вышел 10-й выпуск четвёртой. Явно, кто-то из разработчиков не хочет забрасывать эту версию и видимо пытается сделать её самостоятельной веткой ПрестаШопа.

Dimitri Yelquin · April 29, 2013

Славный модуль выцепил на испанском форуме!.. Модуль для перерасположения вкладок стандартного меню ПрестаШопа.

Вы знаете, что если нам нужно поменять очередность вкладок, то для этого нужно сначала их выгрузить из правой колонки, а потом загрузить снова, уже в нужно порядке. С этим же модулем процесс перерасположения вкладок становится простым и приятным. После установки модуля на страницу настройки меню добавляются стрелочки (вверх-вниз). Выделяем нужную вкладку и двигаем её в нужное место!

Автор модуля — carlosmacias.

topMenuSort.zip

Dimitri Yelquin · May 11, 2013

Оставлять рекламу в чужих топиках — против правил. Фу! А вещь, Вы правы, реально хорошая. Этих братьев-мусульман (один индонезиец, другой араб из Франции) мы давно уважаем. И если кому-то всего и нужно-то, что тема оформления, здесь хороший выбор. И бесплатно, и художественным уровнем повыше многих двухсотдолларовых с Монстера. Тем более, что заплатил эти двести долларов и что? Вот он тебе дизайн? Это только фантик от него. Дизайн — внутри. А внутри-то — пусто! И осознание этого приходит с большим запозданием, когда с кого-то что-то требовать назад не получится. Здесь — другое дело. Никому ничего не платил, так и не обидно, когда поймёшь, что это — ещё не дизайн, а только тема для него. Если ко мне, например, кто-то обратится с одной из этих тем, мол, доделай недостающее, я за уже сделанное дам скидку не более одного процента. Потому что отрисовка кнопочек и микрографики на большее не тянет.

Dimitri Yelquin · June 6, 2013

Как добавить фон на главную

Решил продублировать свой пост здесь, чтоб не терялся.

Фон лучше оформлять не одной картинкой, если это нечто, что должно быть достаточно высокого качества. Много будет весить. Те более, что большая часть большой картинки будет спрятана под страницей (элемент page). Можно украсить фон несколькими картинками. Это можно сделать в css3 — сразу несколько фоновых изображений в одном слое, но не все браузеры это поддерживают. Поэтому лучше использовать универсальный способ размещения сложного фона в разных слоях: html, body, header, footer. Цвет боди, хедера и футера должен быть изменён на transparent (прозрачно), иначе вышележащий слой будет перекрывать своим цветом картинку нижележащего.

Расположение картинки может быть по углам (top left, top right, bottom left, bottom right), сверху по центру (top center) или снизу по центру (bottom center).

Чтобы, как Вы спрашиваете, сделать фон для главной страницы — то есть, чтобы на других он не показывался? — нужно вписать рядом с основными правилами для каждого слоя, куда Вы хотите добавить фон для главной, дополнительное правило с индексом (= главная страница).

Например:

html {
color: #666;
}
html #index {
background: url(../img/pattern.png) repeat fixed
}

Правила записи:

1. элементы без хеша пишуться перед индексом, причём html — с пробелом (html #index), body — без пробела (body#index)

2. элементы с хешем пишуться после индекса и, желательно, с пробелом, так как иначе в некоторых случаях не срабатывает — #index #header...

Dimitri Yelquin · June 6, 2013

Ещё раз о дизайне. Шоб знали!

Приходится снова и снова возвращаться к этой теме, потому что, ну, никак народ не поймёт, что это вообще такое — дизайн.

Если мы говорим о дизайне магазина, то это никак не художественная композиция из фонов и кнопок. Ну, купили Вы себе такую на ТемплейтМонстер и что дальше? Любоваться на неё? Магазин создаётся ради продаж. А дизайн ему нужен исключительно для увеличения продаж. И что Вы думаете? Шаблончик с Монстера именно то, что увеличит Ваши продажи?! Надеяться на это было бы очень наивно. Вы сами покупаете у того, у кого фасад магазина и его интерьеры выглядят более привлекательно, или у того, кто вызывает у Вас большее доверие? Вот, в нём-то всё и дело. Самый главный фактор, определяющий выбор посетителя, купить у Вас или не купить. Почему величайший авторитет в маркетинге, гений маркетинга Джей Абрахам говорит: «Графический дизайнер для коммерческого сайта — это даже хуже, чем технарь»? Потому что мышление технаря зациклено на технических фишках, которые по его мнению решают всё (для раскрутки сайта — покупка ссылок, для раскрутки рассылок — покупка списков имэйлов, для налаживания работы с покупателями — автоматика), ну, а для графического дизайнера его художества на сайте становятся чуть ли не самоцелью. Коммерческий дизайн — это концентрация самых разнообразных средств на одной единственной цели — на продажах. В это и расценки упираются. Ну, вбухали вы огромные силы в эту картинку или этот текст, только кого это волнует-то? Ну, заплатят Вам, чтобы с голоду не померли, символическую цену... А вот если Ваша картинка или текст реально продают, Вам за них заплатят любые деньги. У того же Джея Абрахама даже просто спросить совета по телефону, обсудить с ним какую-то проблему своего магазина стоит 5 тыс. долларов в час. И ведь платят! Платят потому что своим клиентам он написанием продажников и советами принёс суммарную прибыль более 8-ми миллиардов долларов! Кстати, и сам на этом заработав десятки миллионов...

Поэтому я давно уже отошёл от первоначальной идеи дизайна, который подразумевал оформить клиенту шаблон дизайна и расстаться. Сейчас у меня после оформления шаблона основная работа только начинается. И дело идёт тем лучше, чем лучше заказчик понимает суть такого подхода — работа дизайнера с действующим магазином, с его реальными товарами и живыми клиентами.

Edited August 5, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · June 29, 2013

Видали новый Яндекс?

Пока английская версия, но пишут, что скоро будет и на русском...

Edited August 5, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · August 5, 2013

Как написать клиентам эффективное письмо?

Почтовый маркетинг и тематические рассылки по-прежнему остаются очень актуальными в наши дни даже в современном «социально-ориентированном» сетевом мире. Почтовая рассылка как важный маркетинговый инструмент рекомендуется в качестве эффективной рекламы или средства продвижения продукта/ресурса многими специалистами, поэтому сегодня мы решили остановиться на этой теме подробней и рассмотреть в нашем обзоре ведущий мировой почтовый сервис — MailChimp. Уверен, даже специалисты по почтовому маркетингу будут удивлены возможностями MailChimp, обладателя «интернетовского Оскара» от 2006 года — Webby Award в номинации «Best IT/Hardware Web-site».

Основные возможности

Хочется сразу заметить, что MailChimp — это своего рода «швейцарский нож» почтового маркетинга и всевозможных почтовых сервисов. Поэтому, даже не пытаясь охватить все бесконечные возможности сервиса, попытаемся выделить лишь самые главные его черты, а также отчасти подчеркнуть те уникальные возможности, которые и делают его ведущим мировым маркетинговым инструментом по работе с электронной почтой.

Первое, что бросается в глаза — это готовые удобные решения по интеграции возможностей этого почтового сервиса в состав сторонних SaaS-платформ или популярных CMS. Так, подключить всю мощь MailChimp уже сейчас можно к любым своим приложениям Salesforce.com, к движкам WordPress, Drupal и др. Реализована полная интеграция с возможностями Facebook, когда панель управления подпиской MailChimp удобно встраивается в странички этой популярной социальной сети. Кроме этого открыт и прекрасно документирован API по взаимодействию с этой системой, разработчики которой говорят уже о сотнях удачных интеграций, когда крупные компании своими силами интегрируют MailChimp в свои корпоративные CRM и CMS. Более того реализована глубокая интеграция с популярными инструментами третьих сторон, например, с Google Analytics, Google Docs, Zoho Docs и т.д. Очень интересно смотрится возможность интеграции рассылок с ведущим сервисом по созданию «продающих страниц» — UnBounce, — позволяя создать законченный цикл по рекламе и продаже любых продуктов через рассылки.

Второе важное достоинство, что MailChimp имеет мощный онлайн редактор дизайна страничек для html-рассылок, используя который, даже обычный пользователь сможет самостоятельно подготовить оформление для письма любой сложности. На базе шаблонов реализован очень понятный и логичный способ создания ко-брэндинга — теперь менять индивидуальный вид форм, панелей подписки и внешнего вида рассылок стало возможным буквально одним щелчком мышки. Дополнительно к редактору, сервис предоставляет свой собственный встроенный хостинг изображений, у которого нет никаких ограничений по количеству, объему или сроку хранимых там фотоматериалов для платных клиентов компании.

Имеется также редактор форм и подробное объяснение, как можно разместить эти формы подписки на своем сайте или CMS. Среди множества возможностей очень интересен режим «Золотых обезьян» — это возможность ручного присвоения некоторым подписчикам статуса VIP, после чего по работе с ними открываются расширенные возможности. Это сводится к выводу мгновенных уведомлений и возможностей по контролю их почтовой активности на iPhone. Модуль «Комментарии» позволяет создать и управлять своего рода форумом на базе рассылки. Автоответчики, A/B тестирование рассылок, возможность автоматически генерировать рассылку на базе указанной ленты RSS, удаленное управление компаниями с iPhone, создание тематических групп, виртуальное тестирование вида вашего письма в более чем в 60 мировых почтовых клиентах, — все это и многое другое предлагает сервис MailChimp (с полным списком его возможностей можно ознакомиться здесь).

Расширенный трекинг

Эту сильную особенность сервиса хотелось бы обсудить отдельно и начнем мы с вопроса: как узнать, где проживают ваши подписчики? Отвечая на этот интересный вопрос, MailChimp решает две проблемы сразу: это и автоопределение месторасположения с геопривязкой каждого отдельного подписчика вашей рассылки, а также с помощью создания индивидуального дизайна или кастомизации рассылки для каждого отдельного региона или даже города, если вам это потребуется. Кроме сегментации рассылки по странам и регионам можно делать рассылки по допустимой степени близости подписчика к определенному городу — именно так проводилась реклама в музыкальных рассылках MailChimp мирового концерт-тура Стинга по городам его следования.

Другая интересная трэкинговая особенность сервиса — это различные независимые режимы подтверждения получения или прочтения письма подписчиком (используются сразу несколько патентованных решений от сторонних компаний для отслеживания активности подписчика), при этом дополнительно отслеживаются пересылки (форвардинг) писем из рассылки, их цитирование и повторные прочтения. Как уже упоминалось выше, сервис тесно интегрирован с Google Analytics, данные которого дополняются собственной статистической системой, что все вместе называется Analytics360.

Цены и условия оплаты

MailChimp — это сервис, у которого существует стартовый бесплатный план, который позволяет оценить его возможности и удобства перед тем, как оплачивать более масштабные кампании. В этом случае для постоянных пользователей сервиса дается бесплатная возможность испытать сервис на рассылке до 12000 писем в месяц на максимум 2000 контактов при этом доступны практически все возможности сервиса. Мы думаем, вы согласитесь, что условия для тестирования сервиса более чем либеральные.

Кроме бесплатного плана компания предлагает две ценовые схемы оплаты своих услуг. Первая схема базируется на фиксированной месячной плате в зависимости от количества контактов в рассылке: стоимость начинает расти, начиная с величины в $10 за 500 подписчиков, пошагово доходя до максимального значения в $240 за 50000 обслуживаемых контактов. Количество отправляемых писем при этом неограниченно.

Вторая ценовая схема привязана к количеству высылаемой почты в месяц и разработана она для случая, когда у вас нет более-менее постоянной клиентской базы рассылки (в обратном случае, более выгодной была бы первая схема). В этой схеме вы начинаете платить, начиная с $0.03 за каждое высланное письмо (в пределах первых отправленных 300 писем), и при каждом увеличении количества отправленных писем стоимость их отправки будет плавно понижаться, достигая в верхнем пределе этой ценовой схемы $0.005 за письмо при отправке свыше 500000 писем в месяц.

Кроме этих 2 платных предложений есть и третья, отдельная ценовая схема с ощутимыми скидками, предназначенная для крупных заказчиков, количество подписчиков у которых измеряется величинами от 500 тысяч до нескольких миллионов адресов рассылки. Кроме этого имеются более низкие цены и для некоммерческих рассылок: в среднем скидка в этом случае будет составлять 15%, также как и возможность партнерских скидок в аналогичные 15% для рекламных и маркетинговых агентств, которые консолидировано управляют рассылками своих клиентов.

Краткий вывод

За использование этого сервиса следующие аргументы:

достаточно низкие цены по рынку при высокой функциональности;
множество вспомогательной документации и обучающих видеороликов;
развитые инструменты по кастомизации компаний и геотрэкинг;
множество тем оформления контрольной панели на любой вкус;
наличие эксклюзивных технологий и решений, отсутствующих в других аналогичных продуктах;
наличие бесплатного режима для небольших почтовых компаний, скидки для некоммерческих рассылок;
наличие готовых решений по встраиванию в известные социальные сети, платформы и CMS.

Обнаруженные нами недостатки:

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

Источник — Интернетные штучки

От себя добавлю — делаю дизайн модулей подписки на МэйлЧимп под ПрестаШоп и ВордПресс. Уже имеются модули и плагины под это дело, но, практически, без дизайна.

Делаю дизайн всех форм, а также бланков самих писем.

Редактирую орфографию, типографику и стиль писем.

Пишу продающие письма.

Последнее — дорого и никак не для начинающих. Цены — от 30-ти до 750-ти евро за письмо, содержащее не менее тысячи печатных знаков. Если кому интересно, но Вы сомневаетесь в эффективности, можем обговорить кое-какие детали и попробовать, для начала, по сниженной цене.

Edited August 5, 2013 by Dimitri Yelquin (see edit history)

savvato · August 5, 2013

Вот чесно, почитал название темы, модули таблицы и шаблоны для престашопа... И где они? 8 страниц ниочем...

Ronaldo Perez · August 5, 2013

Вот чесно, почитал название темы, модули таблицы и шаблоны для престашопа... И где они? 8 страниц ниочем...

) ты просто не застал эпические события

(взял попкорн, сажусь смотреть)

Dimitri Yelquin · August 5, 2013

Вот чесно, почитал название темы, модули таблицы и шаблоны для престашопа... И где они? 8 страниц ниочем...

Кому не надо, для того и ни о чём. Кроме того, у меня сейчас минимальная стоимость дизайна — 450 евро, и я только за каждый второй берусь. Больше не потянуть. Отмотать 2-3 страницы назад в этом топике — выкладывал темы. Потому что искал клиентов. Сейчас не ищу.

savvato · August 5, 2013

тем не увидел, увидел работы(скрины и ссылки на работу).

Dimitri Yelquin · August 5, 2013

тем не увидел, увидел работы(скрины и ссылки на работу).

Ну, да... «Шоколадный бархат» — это тема. А моя полиграфическая тема «Напечатаем всё!», в стилистике бумажных альбомов по живописи и архитектуре — не тема.

ai.egorov · August 6, 2013

..display: none !important;..

Любой ненужный код, чтобы не отнимать наносекунды работы процессора на сервере, лучше просто комментировать: {* тут ненужный код *}, либо если у вас редактор с подсветкой и он плохо понимает smarty, php в tpl и т.д., то {*  *}, чтобы не светился зазря.

10 слайдов = 10 фраз в кэпшене, а это чаще всего главная страница.

PS: портфолио можете показать?

Edited August 6, 2013 by Andrey I. Egorov (see edit history)

Dimitri Yelquin · August 6, 2013

Любой ненужный код, чтобы не отнимать наносекунды работы процессора на сервере, лучше просто комментировать: {* тут ненужный код *}, либо если у вас редактор с подсветкой и он плохо понимает smarty, php в tpl и т.д., то {*  *}, чтобы не светился зазря.

Спасибо. Обычно я поступаю более радикально — ненужный код вообще выкидываю. Ведь если понадобится что-то вернуть — установочные пакеты всех версий всегда под рукой. Зачем же хранить в коде мусор? Я предпочитаю чистенький код, свободный от всего лишнего.

А здесь я предложил вариант отключения сопровождающего текста к слайду, более простой, чем лазание в tpl-файл, особенно для тех, кто в нём не ориентируется. Тем более, что кто-то попробует и захочет текстовку вернуть...

savvato · August 6, 2013

) ты просто не застал эпические события

(взял попкорн, сажусь смотреть)

заинтригованый этим постом, погуглив прочитал на одном ресурсе

Dimitri Yelquin – рОзрОботчик для мОгазина с ноля и просто самый лучший толстый тролль, обожаю его посты, если в теме пишет он это значит реального ответа в ней не будет. Нужно создавать новую тему.

наверное сие есть правда... .

Edited August 6, 2013 by savvato (see edit history)

Dimitri Yelquin · August 6, 2013

И что Вы тут нашли нашли такого? По-Вашему, о доме можно судить в самом начале его строительства?

Вот другой мой дизайн, блог к магазину (в общем готовый, осталось почистить код и сделать логотип):

Dimitri Yelquin · August 6, 2013

Запись с галереей в том же блоге:

Dimitri Yelquin · August 6, 2013

Тот же блог. Запись с рекламным проспектом:

Dimitri Yelquin · August 6, 2013

А вот обычнае запись:

Dimitri Yelquin · August 6, 2013

...

Edited May 11, 2014 by Dimitri Yelquin (see edit history)

savvato · August 6, 2013

Ну так и напишите в заголовке , что эта тема, типа портфолио или блога пользователя Dimitri Yelquin. И что тут кроме толстых скринов его работ, и упоминаний о том , что пользователь мега крут и делает дизы по 450 евро полезной инфы (правка кода, верстка, готовые шаблоны, оверрайд , бесплатные|платные модули, etc, все о чем вы громко говорите в названии темы) нет. Посмотрите ветки у буржуев, если написано шаблон, то там шаблон, если написано модуль, значит - модуль. А тут бла-бла-бла и тро-ло-ло. Свое мнение высказал, за сим позвольте с Вашего очень полезного блога-портфолио-темы откланяться.

Dimitri Yelquin · August 6, 2013

Вы правы. В заголовке топика, кроме шаблонов, обещаются ещё и модули, а модулей-то и нету... Исправляем!

Принимаются заявки:

на синхронизацию с сервисами 1C, «Мой Склад»;
на установку и отладку модулей;
на доработку блоков основной сборки ПрестаШопа;
на адаптацию дизайна модулей под вашу тему...

Исполнители — программисты, специализирующиеся на ПрестоШопе. Лучшие в Рунете!

Dimitri Yelquin · August 7, 2013

Если Вы последнее моё сообщение приняли за шуточный ответ назойливому гостю, уверяю вас, никаких шуток! Просто гость свежим взглядом заметил то, чего я не замечал своим «замыленным».

Кто исполнитель? Максим Беспечальных. Кто-нибудь станет спорить с тем, что он лучший на форуме? Он спец, каких форум давно уже не знал. Что лично мне особенно приятно наблюдать в его работе — это лёгкость и скорость, что, между прочим, немало говорит о глубоком знании ПрестаШопа и основательных навыках в программировании. Представьте себе, Вам хочется пить, и в вашем воображении всплывает образ стакана и бутылки с водой. Точно так же Максим читает задание и уже знает, какой файл откроет и что там сделает. Профи!

С любыми проблемами по части функционала вам лучше напрямик обращаться к Максиму (он же absent) в его собственную личку.

Принимаются заявки:

на синхронизацию с сервисами 1C, «Мой Склад»;
на установку и отладку модулей;
на доработку блоков основной сборки ПрестаШопа;
на адаптацию дизайна модулей под вашу тему...

Только с последним пунктом — ко мне.

absent · August 7, 2013

скайп в профиле обращайтесь.

Dimitri Yelquin · August 9, 2013

Осторожно, лохотрон!

Вот уж где не ожидал его встретить, так это в плагинах к ВордПрессу! Имеются в виду плагины продающих писем. Как заверяет автор, ничего ни знать, ни уметь не надо — заполнил шаблон, и готово «продающее» письмецо! Представьте себе, что все лохи рунета обзавелись этим плагином, и вот несчастные получатели «продающих» писем, вместо того, чтобы спокойно выбрасывать их в корзину, как они делали это всегда, вынуждены теперь читать весь этот спам... А куда деться? С картинками же!

Настоящие продающие письма требуют ума, знания психологии, прекрасного владения языком... Если у Вас всего этого нет, без помощи профессионала тут не обойтись. Только чем Вам поможет профессионал? Знает он Ваш товар так, как знаете его Вы? Нет. Заинтересован он в результате так, как заинтересованы в нём Вы? Нет. А стоимость? От 20-ти евро, и 750 — ещё не потолок. Означает ли это, что нанять специалиста — дело безнадёжное? Вовсе нет! Но найти ещё и добросовестного очень трудно... Какие выводы? Учиться никогда не поздно! И обучение этому становится всё более значимой частью моего «дизайна». Имеют ли подобные вещи какое-то к нему отношение? Нет. Но этим не умаляется ценность моей работы. Потому что для вас умение разговаривать с клиентом в сто раз ценнее самого роскошного дизайна.

Любые проблемы с функционалом!

С любыми проблемами по части функционала вам лучше напрямик обращаться к Максиму (он же absent) в его собственную личку. Скайп Максима: d-link570 Его последние работы: http://psstore.org/ Обменник модулями: http://prestashop-pl....org/resources/

Принимаются заявки:

на синхронизацию с сервисами 1C, «Мой Склад»;
на установку и отладку модулей;
на доработку блоков основной сборки ПрестаШопа;
на адаптацию дизайна модулей под вашу тему...

С последним пунктом — ко мне.

Edited August 10, 2013 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · August 22, 2013

Одноразовый покупатель или постоянный?

Ну, то, что постоянный выгоднее одноразового, — доказывать не надо. Это само собой разумеется. А вот насколько! Американские маркетологи исследовали этот вопрос, и по их подсчётам получается, что за всё время дружбы с вами постоянный клиент покупает, в среднем, на 60% больше одноразового. Я думал, гораздо больше... «Как!.. Всего?!» — была моя первая реакция, но выпив валерьянки и поразмыслив спокойно, я понял, что это вовсе не «всего». Прирост продаж даже и на 10% считается хорошим, а тут — 60%!..

Далее американцы выяснили, сколько рефералов приводит постоянный клиент и какой процент из них становятся постоянными клиентами. В итоге оказалось, что в среднем постоянный клиент вкупе со своими непосредственными рефералами покупает в 31 раз больше, чем одноразовый. То есть работать на лояльность своих клиентов и превращение их в постоянных оказывается делом чрезвычайно выгодным!

Любые проблемы с функционалом!

С любыми проблемами по части функционала вам лучше напрямик обращаться к Максиму (он же absent) в его собственную личку. Скайп Максима: d-link570 Его последние работы: http://psstore.org/ Обменник модулями: http://prestashop-pl....org/resources/

Принимаются заявки:

на синхронизацию с сервисами 1C, «Мой Склад»;
на установку и отладку модулей;
на доработку блоков основной сборки ПрестаШопа;
на адаптацию дизайна модулей под вашу тему...

С последним пунктом — ко мне.

Dimitri Yelquin · September 25, 2013

YotPo: звёздочки рейтинга в списках товаров

Здесь можно прочесть пошаговую инструкцию, как это дело настроить. Недавно на форуме обсуждалось. Но тогда разговор шёл о другом модуле, который ни в какое сравнение с YotPo не идёт. Списался с разработчиками — узнал, как это сделать в YotPo.

Любые проблемы с функционалом!

С любыми проблемами по части функционала вам лучше напрямик обращаться к Максиму (он же absent) в его собственную личку. Скайп Максима: d-link570 Его последние работы: http://psstore.org/ Обменник модулями: http://prestashop-pl....org/resources/

Принимаются заявки:

на синхронизацию с сервисами 1C, «Мой Склад»;
на установку и отладку модулей;
на доработку блоков основной сборки ПрестаШопа;
на адаптацию дизайна модулей под вашу тему...

С последним пунктом — ко мне.

Edited September 25, 2013 by Dimitri Yelquin (see edit history)

decorator · December 16, 2013

Встречайте — MinicSlider!

Открыл для себя слайдер разработанный в румынской МиникСтудио на базе Ниво. Лучший из всех, какие встречал для ПрестаШопа. Резиновый. Сам настраивается на ширину монитора любого устройства. Имеет многоязычную поддержку. Предельно удобно настраивается. Легко переключаются анимационные эффекты (их — 18). Может выводиться на выбор: в топе, в боковой колонке, в контенте. В случае, если выбрано расположение в топе, можно выбрать, показывать его на всех страницах или только на главной. Да и просто красиво сделан, наконец. Как спереди, так и сзади. Имеется подробное руководство для пользователя в пдф-формате. И такая роскошь... бесплатно! На Аддонсе — платная версия. С налогом — 35 евро. Уж что там наворочано, если бесплатный уже так хорош, не представляю себе.

Есть две особенности, о которых нужно знать:

1. В отличие от других слайдеров этот не демонстрирует нам процесс загрузки. Если первый слайд тяжёлый и враз не загружается, то страница открывается без слайдера, а он появляется лишь после полной загрузки первого слайда.

2. Если в магазине включено более одного языка, то и многоязычная поддержка у слайдера тоже должна быть включена. Под какой-то язык можно не грузить изображения; тогда слайдер при включении этого языка не будет показываться. Если же многоязычную поддержку не включить, то слайдер ведёт себя нестабильно. На одних сайтах показыватеся, на других — вообще никак, пока не включишь эту поддержку.

Скачать версию для ПШ 1.5 можно здесь. Версия для ПШ 1.4.9 — здесь. Версия для ПШ 1.3 — здесь. Руководство — здесь.

Подскажите где настраивается вывод - "Может выводиться на выбор: в топе, в боковой колонке, в контенте."??

И инструкцию не получается скачать....

Спасибо!

Dimitri Yelquin · May 11, 2014

Подскажите где настраивается вывод - "Может выводиться на выбор: в топе, в боковой колонке, в контенте."??

И инструкцию не получается скачать....

Спасибо!

Извиняюсь, долго на форум не заходил, не знаю, актуально ли ещё... Но кому-то информация пригодится...

Ссылка на руководство, видимо, устарела. Даю новую ссылку для скачивания.

Последняя версия слайдера для Престашопа 1.5.x.x — скачать

Последняя версия слайдера для Престашопа 1.4.9.x — скачать

Последняя версия слайдера для Престашопа 1.4.x.x — скачать

В отличие от платной версии слайдера бесплатную можно расположить где-то в одном месте. Для отображения слайдера в выбранном месте из прочих мест он должен быть удалён.

Разместить можно в топе (по выбору: только на главной или на всех страницах) — хук top, в контенте главной страницы — хук home, в боковой колонке.

На хуке home модуль может быть расположен на любой высоте. Он и выводиться будет соответственно. На хуке top модуль должен располагаться последним, чтобы все прочие блоки и модули шапки страницы располагались над ним.

Edited May 11, 2014 by Dimitri Yelquin (see edit history)

Dimitri Yelquin · May 11, 2014

Сделал мебельную тему (не только что, но это последняя до перерыва в работе)... На этих двух скриншотах страница записей блог и страница записи. На странице записи внизу — картинка к тексту, вверху — ссылка на галерею, для прасмотра всех изображений в фенсибоксе.

Блог не на вордпрессе, как я обычно делаю, а встроен прямо в магазин.

Dimitri Yelquin · May 11, 2014

Забыл сказать, все картинки кликабельны!

Dimitri Yelquin · May 11, 2014

Главная страница и список товаров:

Dimitri Yelquin · May 11, 2014

Страница товара, фенсибокс (кликабельно):

Dimitri Yelquin · May 11, 2014

Состояние корзины, быстрое оформление заказа (кликабельно):

Модули, таблицы и шаблоны для ПрестаШопа

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment