Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
На странице, куда попадаешь по определённому тегу (не через поисковый модуль), картинки некоторых блоков не отображаются.
Пример: В блоге к материалу указан тег , и в каталоге файлов к материалу указан тег 2019.
Нажимаем на тег 2019
Материал из каталога файлов показан с картинкой, а материал из блога-без картинки.
И картинки наложены одна на другую.
Подскажите в чем причина?
На примере материала https://hot-music.org/juice_wrld_bandit там не прикрелено фото с помощью доп поля Изображения, просто всталено ссылкой с файлового менеджера. В этом причина. Крепите фото с помощью доп поля и фото будут отображаться при поиске по тегам и вообще при поиске по сайту. Проблем с наложением не увидел, у вас просто код к фото дублируется по два раза, это уже конкретно вопрос к автору шаблона почему дублируется.
А почему сразу к автору шаблона. Я ведь не прошу скрипт мне поправить или SEO продвижение сайта устроить.
Автор давно забросил поддержку шаблона.
А если бы я использовал стандартный ucoz шаблон (они тоже не без греха), вы бы тоже Yuri, к автору мифическому отправляли?
Пэтому я прошу помощи специалистов системы юкоз по устранению багов, вполне вероятно допущеных мной при установки покупного шаблона.
За подсказку по поводу прикрепления фото с помощью доп поля - спасибо Yuri_Geruk, за подсказку о дублировании кода изображения, спасибо.
Это как же можно так в коде Ucoz "нашалить" что он дублируется. Где искать причину
Хотел еще спросить по поводу вылезшего за экран поля поисковой формы, как отредактировать и не нарушить ничего? Есть мнения?
Ответы на вопросы Yuri_Geruk:
3. код вида материалов модуля поиск: <!-- item --> <div class="item"> <div style="left:45px;top:10px;position:absolute;z-index:10;font-size:10px;" class="color">$TITLE$</div> <a href="$ENTRY_URL$" class="thumb project-thumb tip phlink"> <!-- title and opacity mask --> <div class="inner"> <h6>$TITLE$<span>($SAVING_DATE$)</span></h6> </div> <!-- /title and opacity mask --> <!-- image --> <div class="searchimg"></div> <!-- tooltip --> <div class="tip-content animate hidden"> <span class="tip-title">$TITLE$</span> <span class="tip-genre">$ENTRY_DEPTH$</span> <span class="tip-date">$SAVING_DATE$</span> </div> <!-- /tooltip --> </a> </div> <!-- /item -->
Подскажите?
4. Разрешение экрана 1920:1080 и в итоге входит такая картинка: И в низу скрола нет
Разговор о форме поиска на странице найденых материалов.
3. Как видно у вас фото как-то подгружаются скриптом в код <div class="searchimg"></div> так как не видно условия которое бы выводило фото, только див внутри которого у вас при поиске выводятся фото. В данном случае нужно дорабатывать скрипт (конкретно что и как дописать, увы, не знаю):
<script type="text/javascript"> $(document).ready(function(){ $('#portfolio-items div.item a.thumb').each(function(){ var el=$(this),$this=el.parents('div.item'),url=el.attr('href'); if(/load|board/i.test(url.toLowerCase())){ $.get(url,{},function(data){ var src=$(data).find('.phlink img:eq(0)').attr('src')||'undefined'; if(src!=='undefined'){ $this.find('.searchimg').prepend($('<img/>').attr('data-src', src).attr('src', src).addClass('lazy').attr('alt', 'Изображение')); }; if(src=='undefined'){ $this.find('.searchimg').prepend($('<img/>').attr('data-src', '/img/no-img.jpg').attr('src', '/img/no-img.jpg').addClass('lazy').attr('alt', 'Изображение')); }; });};}); }); </script>
4. Проверил на разных разрешениях, увы, не смог зафиксировать именно эту проблему с поиском.