Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как проверить почему пропадают миниатюры в шаблоне?

Как проверить почему пропадают миниатюры в шаблоне?


     15.08.2016    Общие вопросы, Общие вопросы по вёрстке, Шаблоны (TPL)    741

вопрос
На главной сайта http://gotovim.dp.ua/ вывожу новости посредством кастомов:


<div class="htitle"><a href="/myaso/" >Мясо</a></div>
       {custom category="2" template="custom-1" aviable="main" from="0" limit="1"   cache="yes" order="rand"}  
       {custom category="2" template="custom-2" aviable="main" from="0" limit="4"   cache="yes" order="rand"}
</div>


Почему-то при обновлении/переходе страницы миниатюры с этих кастомов могут пропадать. ЦСС через хром посмотришь, поправишь ширину и появляются. Ставил/убирал кэширование - не помогает. Такое ощущение, что не успевает загрузится фулстори, что бы с нее взялась {image-1} в миниатюру, ну или я не так понимаю принцип прогрузки. В самой фулстори данная проблема не наблюдается. Хранил фото в вк, думал из-за этого проблема, слил все на хост - проблема осталась. Помогите разобраться.

Код с template="custom-2":

<div class="custom-2">
<div align="top">
<a href="{full-link}" title="{title}">
<img src="{image-1}" >
[full-link]{title limit="40"}[/full-link]
</a>
</div>
</div>


Как проверить почему пропадают миниатюры в шаблоне?

Ответа пока нет


9 комментариев

irrwisch
Юзер

irrwisch - 15 августа 2016 13:02 -


У вас сначала прогружается весь html, затем js и только потом css, не удивительно что миниатюр не видно. Плюс у Вас дважды подключена библиотека jQuery, один раз v1.11.1 из шаблона, а второй раз v1.11.3 подключено самой cms. Перенесите весь js к тегу </body> и удалите ту библиотеку, которая подключена из шаблона. Должно помочь.

Marwin4ik
Юзер

Marwin4ik - 15 августа 2016 13:52 -

irrwisch,
jQuery удалил, весь js перенес вниз, да и без него вообще - все равно пропадает.

hakypuhbiu
Юзер

hakypuhbiu - 15 августа 2016 14:29 -

Все подключенные JS файлы и {AJAX} поместите вниз страницы перед тегом </body>, а css стили между <head> </head>.

Пример:

<head>
<link href="/templates/Pisces/style/styles.css" type="text/css" rel="stylesheet" />
<link href="/templates/Pisces/style/engine.css" type="text/css" rel="stylesheet" />
</head>



{AJAX}
<script type="text/javascript" src="/engine/classes/js/jquery.js"></script>
<script type="text/javascript" src="/engine/classes/js/jqueryui.js"></script>
<script type="text/javascript" src="/engine/classes/js/dle_js.js"></script>
</body>


И проверьте.

irrwisch
Юзер

irrwisch - 15 августа 2016 14:37 -

а если так?

<div class="custom-2">
    <div align="top">
        <a href="{full-link}" title="{title}">
        <img src="{image-1}" alt="{title}" width="80">
        [full-link]{title limit="40"}[/full-link]
        </a>
    </div>
</div>

Marwin4ik
Юзер

Marwin4ik - 15 августа 2016 14:51 -

hakypuhbiu,
без изменений :(


irrwisch,
дублирование ширины не дало результата тоже

irrwisch
Юзер

irrwisch - 15 августа 2016 15:57 -


<div class="custom-2">
    <div align="top">
        <a href="{full-link}" title="{title}">
        <img src="{image-1}" alt="{title}" width="80" height="34">
        [full-link]{title limit="40"}[/full-link]
        </a>
    </div>
</div>

так должно сработать

Marwin4ik
Юзер

Marwin4ik - 15 августа 2016 16:15 -

Цитата: irrwisch
<div class="custom-2">
    <div align="top">
        <a href="{full-link}" title="{title}">
        <img src="{image-1}" alt="{title}" width="80" height="34">
        [full-link]{title limit="40"}[/full-link]
        </a>
    </div>
</div>

не помогло, чую надо копать глубже чем правка размеров

irrwisch
Юзер

irrwisch - 15 августа 2016 16:28 -

В css у тебя конфликт стилей, для класса custom-2

.custom-2 {
    overflow: hidden;
    position: relative;
    width: 230px;
    height: 40px;
    padding: 4px 0;
    margin: 0 10px 0 0;
    font-size: 12px;
    color: #909090;
    border-bottom: 1px dashed #ccc;
}


для height: 40px; пропиши !important, что бы получилось

.custom-2 {
    overflow: hidden;
    position: relative;
    width: 230px;
    height: 40px !important;
    padding: 4px 0;
    margin: 0 10px 0 0;
    font-size: 12px;
    color: #909090;
    border-bottom: 1px dashed #ccc;
}

Marwin4ik
Юзер

Marwin4ik - 15 августа 2016 17:21 -

irrwisch,

хух, благодарю. С прошлого шаблона было закомментировано похожее, видимо когда баловался шириной в % забыл про высоту...

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх