Прикрутим lightbox к магазину?
19 апреля 2010 г.
24 апреля 2010 г.
В предыдущем немного общыбся. Копи-паст сюда, а не то. Конечно же {image} и {small_image}. {image/@width} - Покажет ширину.
Но я хочу сейчас поделиться другим интересным примером.
При наполнении новостей, я столкнулся с тем, что больших картинок, для которых требуется сделать превью иногда не бывает. Либо есть средненькая картинка, которая, вполне хорошо смотрелась бы прижавшись вправо и обтекаясь текстом.
Ну для чего же тогда в визинге открывать диалог вставки картинки, закачивать ее с помощью файлового менеджера, делать ей выравнивание, указывать титлу и альтернативный текст? Видите как много телодвижений. Как это трудоемко! (Хи-хи
)
Итак, если вы только решили поставить highslide к себе на сайт (кто поставил - просто позевайте до следующего абзаца), то идем в редактирование вашего макета и где нибудь перед тегом
Можно там же, а можно в самом низу (Яха рекомендует) перед
Ну все. Хватит зевать.
Пора идти в информационные системы, войти в нужную и создать два дополнительных свойства. Первое это "Файл" и второе "Строка" Я их обозвал - "dop_img_inf" и "dop_text_inf" Они нам понадобятся, когда надобности в highslide не будет. Просто будет вставляться картинка и Альтернативный текст к ней какой сами захотите.
Теперь открываем xsl-шаблон, отвечающий за вывод информационного материала и в нужном месте вставляем этот код
Ну вот и все!
Но я хочу сейчас поделиться другим интересным примером.
При наполнении новостей, я столкнулся с тем, что больших картинок, для которых требуется сделать превью иногда не бывает. Либо есть средненькая картинка, которая, вполне хорошо смотрелась бы прижавшись вправо и обтекаясь текстом.
Ну для чего же тогда в визинге открывать диалог вставки картинки, закачивать ее с помощью файлового менеджера, делать ей выравнивание, указывать титлу и альтернативный текст? Видите как много телодвижений. Как это трудоемко! (Хи-хи
)Итак, если вы только решили поставить highslide к себе на сайт (кто поставил - просто позевайте до следующего абзаца), то идем в редактирование вашего макета и где нибудь перед тегом
<body>
вставляем <style type="text/css" media="all">@import "/highslide/highslide.css";</style>
Можно там же, а можно в самом низу (Яха рекомендует) перед
</body>
вставить <script type="text/javascript" src="/highslide/highslide.js"></script>
естественно если у вас эти файлики в директорию "highslide" распакованы и уложены. Не забываем проверить пути к картинкам в "highslide.css" Иначе красоты не получится.Ну все. Хватит зевать.
Пора идти в информационные системы, войти в нужную и создать два дополнительных свойства. Первое это "Файл" и второе "Строка" Я их обозвал - "dop_img_inf" и "dop_text_inf" Они нам понадобятся, когда надобности в highslide не будет. Просто будет вставляться картинка и Альтернативный текст к ней какой сами захотите.
Теперь открываем xsl-шаблон, отвечающий за вывод информационного материала и в нужном месте вставляем этот код
<!-- Фотография к информационному элементу -->
<xsl:choose>
<xsl:when test="item_small_image != ''">
<!-- Когда есть ли маленькое изображение из основных свойств -->
<div style="float: right; {item_small_image/@width}px; margin: 0 10px; color: #aaaaaa;border: 0px; ">
<a class="highslide" onclick="return hs.expand (this)" href="{item_image}" alt="{item_name}" title="{item_name}" width="{item_image/@width}" height="{item_image/@height}">
<img src="{item_small_image}" title="{name}" style="border: 0px; margin:0 5px;" />
</a>
<!-- Заголовок информационного материала выведем в капители рисунка -->
<div class="highslide-caption">
<xsl:value-of disable-output-escaping="yes" select="item_name"/>
</div>
</div>
</xsl:when>
<xsl:otherwise>
<!-- Если стандартного свойства с картинкой не нашлось, то протестим на наличие дополнительной-->
<xsl:if test="item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path/node()and item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path != ''">
<img src="{item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path}" alt="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" title="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" style="float:right; border: 0px; margin:10px 0 0 15px;" />
</xsl:if>
</xsl:otherwise>
</xsl:choose>
<!-- Конец фотографии к ИЭ -->
<xsl:choose>
<xsl:when test="item_small_image != ''">
<!-- Когда есть ли маленькое изображение из основных свойств -->
<div style="float: right; {item_small_image/@width}px; margin: 0 10px; color: #aaaaaa;border: 0px; ">
<a class="highslide" onclick="return hs.expand (this)" href="{item_image}" alt="{item_name}" title="{item_name}" width="{item_image/@width}" height="{item_image/@height}">
<img src="{item_small_image}" title="{name}" style="border: 0px; margin:0 5px;" />
</a>
<!-- Заголовок информационного материала выведем в капители рисунка -->
<div class="highslide-caption">
<xsl:value-of disable-output-escaping="yes" select="item_name"/>
</div>
</div>
</xsl:when>
<xsl:otherwise>
<!-- Если стандартного свойства с картинкой не нашлось, то протестим на наличие дополнительной-->
<xsl:if test="item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path/node()and item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path != ''">
<img src="{item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path}" alt="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" title="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" style="float:right; border: 0px; margin:10px 0 0 15px;" />
</xsl:if>
</xsl:otherwise>
</xsl:choose>
<!-- Конец фотографии к ИЭ -->
Ну вот и все!
24 апреля 2010 г.
24 апреля 2010 г.
24 апреля 2010 г.
26 апреля 2010 г.
<!-- Если стандартного свойства с картинкой не нашлось, то протестим на наличие дополнительной-->
<xsl:if test="item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path/node()and item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path != ''">
<a href="{item_path}" class="news_title" title="{item_name}"><img src="{item_propertys/item_property[@xml_name='dop_img_inf']/small_image/property_file_path}" alt="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" title="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" style="float:left; border: 0px; margin:10px 15px 0 0;" /></a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path/node()and item_propertys/item_property[@xml_name='dop_img_inf']/property_file_path != ''">
<a href="{item_path}" class="news_title" title="{item_name}"><img src="{item_propertys/item_property[@xml_name='dop_img_inf']/small_image/property_file_path}" alt="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" title="{item_propertys/item_property[@xml_name='dop_text_inf']/value}" style="float:left; border: 0px; margin:10px 15px 0 0;" /></a>
</xsl:if>
То есть в списке новостей должна быть маленькая картинка из дополнительных свойств. Исходим из того - раз есть большая, должна быть и маленькая. В предыдущем примере выводилась большая дополнительная картинка в списке новостей. Это по сельски как-то
5 сентября 2010 г.
5 сентября 2010 г.
5 сентября 2010 г.
1 июля 2011 г.
