+0.78
Рейтинг
2.17
Сила

Никита

Поделитесь секретом, как организовали мобильную версию?
  • avatar kovinev
  • 0
Не понял куда вставить имя шаблона мобильной версии. Или допилить надо его до вставки?
  • avatar kovinev
  • 0
Извиняюсь, не догнал. Данное творение организует приложение для ios/android для сайта на LS?
  • avatar kovinev
  • 0
Решилась проблема с загрузчиком?

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

Может стоит прикрутить другой загрузчик?
  • avatar kovinev
  • 0
Согласен, идея хорошая.
  • avatar kovinev
  • 0
Спасибо, работает.
Еще вопрос. Как запихнуть туда описание в формате html?
  • avatar kovinev
  • 0
Смотрел уже данный топик.
Ничего дельного по тому, как заменить стандартный фотосет не было.
  • avatar kovinev
  • -2
Ну так она доступна для скачивания. Проблема с лицензией это уже проблема хозяина сайта.
  • avatar kovinev
  • 0
Короче говоря. Для начала:
1. Скачиваем архив отсюда.
2. Заливаем файл fotorama.css в папку со стилями нашего шаблона (css).
3. Заливаем файл fotorama.js в папку со скриптами нашего шаблона (js).
4. В header.tpl вставляем:

	<link rel="stylesheet" href="/css/fotorama.css">
	<script src="/js/fotorama.js"></script>

5. Редактируем шаблон topic_photoset.tpl.
Вот с этим проблема возникает. Что здесь как заменять?
Мой файл здесь стандартный для фотосета шаблона simple.

    <div class="topic-photo-preview" onclick="window.location='{$oTopic->getUrl()}#photoset'" id="photoset-main-preview-{$oTopic->getId()}">
        {assign var=oMainPhoto value=$oTopic->getPhotosetMainPhoto()}
		<div class="topic-photo-count" id="photoset-photo-count-{$oTopic->getId()}"><span>{$oTopic->getPhotosetCount()}</span></div>
		{if $oMainPhoto->getDescription()}
			<div class="topic-photo-desc" id="photoset-photo-desc-{$oTopic->getId()}">{$oMainPhoto->getDescription()}</div>
		{/if}
		<img src="{$oMainPhoto->getWebPath(500)}" alt="image" id="photoset-main-image-{$oTopic->getId()}" />
	</div>

    {assign var=iPhotosCount value=$oTopic->getPhotosetCount()}
	<div class="content">
	{if $bTopicList}
        {$oTopic->getTextShort()}
        {if $oTopic->getTextShort()!=$oTopic->getText()}
          <a href="{$oTopic->getUrl()}#cut" title="{$aLang.topic_read_more}">
          {if $oTopic->getCutText()}
              {$oTopic->getCutText()}
          {else}
            {$aLang.topic_photoset_show_all|ls_lang:"COUNT%%`$iPhotosCount`"} →
          {/if}
          </a>
        {/if}
    {else}
        {$oTopic->getText()}
    {/if}
	</div>


	{if !$bTopicList}
		<script type="text/javascript" src="{cfg name='path.root.engine_lib'}/external/prettyPhoto/js/prettyPhoto.js"></script>
		<link rel='stylesheet' type='text/css' href="{cfg name='path.root.engine_lib'}/external/prettyPhoto/css/prettyPhoto.css" />
		<script type="text/javascript">
		    jQuery(document).ready(function($) {
		        $('.photoset-image').prettyPhoto({
		               social_tools:'',
		               show_title: false,
		               slideshow:false,
		               deeplinking: false
		        });
		    });
		</script>

		<div class="topic-photo-images">
			<h2>{$oTopic->getPhotosetCount()} {$oTopic->getPhotosetCount()|declension:$aLang.topic_photoset_count_images}</h2>
			<a name="photoset"></a>
			<ul id="topic-photo-images" >
				{assign var=aPhotos value=$oTopic->getPhotosetPhotos(0, $oConfig->get('module.topic.photoset.per_page'))}
				{if count($aPhotos)}
					{foreach from=$aPhotos item=oPhoto}
						<li><a class="photoset-image" href="{$oPhoto->getWebPath(1000)}" rel="[photoset]"  title="{$oPhoto->getDescription()}"><img src="{$oPhoto->getWebPath('50crop')}" alt="{$oPhoto->getDescription()}" /></a></li>
						{assign var=iLastPhotoId value=$oPhoto->getId()}
					{/foreach}
				{/if}
				<script type="text/javascript">
					ls.photoset.idLast='{$iLastPhotoId}';
				</script>
			</ul>
			{if count($aPhotos)<$oTopic->getPhotosetCount()}
				<a href="javascript:ls.photoset.getMore({$oTopic->getId()})" id="topic-photo-more" class="topic-photo-more">{$aLang.topic_photoset_show_more} ↓</a>
			{/if}
		</div>
	{/if}

Я так понимаю собака зарыта в этом коде. Не подскажете что чем здесь заменять?
  • avatar kovinev
  • 0
так давайте всё в одной ветке обсуждать, как это сделать.
  • avatar kovinev
  • 0
Кто-нибудь уже организовал у себя такое?
  • avatar kovinev
  • 0
Как запилить фотораму вместо стандартного фотосета?
  • avatar kovinev
  • 0
Ну к примеру, если все столбцы заполнились, то продолжать добавлять снизу.
А как будет один столбец, если по три в строку добавляется?
  • avatar kovinev
  • 0
Да, я готов оплатить.
  • avatar kovinev
  • 0
Да, этот вариант подойдёт.