Обновление плагина 2.0 возможность добавлять фотографии
В версии 2.0 появилась возможность добавлять фотографии к отзыву.
Если вы не настраивали шаблон вывода отзывов, то вам ничего больше делать не нужно.
Если же шаблон менялся, то в него необходимо добавить новый код.
Откройте настройки плагина (Магазин - Плагины - Отзывы) и возле настройки "Шаблон вывода на витрине на странице отзывы" нажмите редактировать.
1. Перед строчкой </style> добавьте:
.reviews .images { clear: left; } .reviews .images .image { vertical-align: middle; text-align: center; display: inline-block; width: 200px; /* максимальная ширина картинки при отображении */ } .reviews .images .image img { max-width: 100%; max-height: 200px; /* максимальная ширина картинки при отображении */ }
2. Далее после кода:
<p class="review-field"> <label for="review-text">{_w('Review')}</label> <textarea id="review-text" name="text" rows="10" cols="45"></textarea> </p>
добавьте код:
{if !empty($reviews_settings.enable_photos_upload)} <p class="review-field"> <label for="review-text">[`Photos`]</label> <input class="review-images-input" type="file" name="images[]" accept="image/gif,image/jpeg,image/png" multiple> <span class="hint">Можно выбрать несколько файлов удерживая кнопку CTRL</span> </p> {/if}
3. После кода:
{if $review.text} <p itemprop="description">{$review.text}</p> {/if}
добавьте код:
{if !empty($review.images)} <div class="images"> {foreach $review.images as $_img} <div class="image"> <img alt="" src="{$wa_url}wa-data/public/shop/reviews/{$review.id}_{$_img}"> </div> {/foreach} </div> {/if}
Если у вас что-то криво отображается или вы не смогли разобраться, просто напишите нам на info@wa-apps.ru
1 comment
Спасибо что прислушались и реализовали этот очень полезный функционал! Хотелось бы дать совет по его улучшению:
1. Возможность в отзыв выводить миниатюры фотографий, задавать размер обрезки миниатюр, (но оставить возможность вывода полноразмерных фото для использования в fancybox), так как покупатели будут загружать фото по несколько мегабайт, а это сильно нагрузит страницу.
2. Ограничивать размер загружаемых фото, чтобы не грузили многомегабайтные фото.
3. Реализовать выбор фото поочередно, а не выделением через Ctrl. На мой взгляд неопытные пользователи не смогут таким способом выбрать несколько фото. Круто конечно было бы сделать это на ajax: загрузил фото, появилась кнопка добавления еще одного фото и т.д.
Буду рад совершенствованию ваших продуктов! Желаю больших продаж!