Jump to content
kredit24

Индикатор загрузки страницы

Recommended Posts

Вчера пытался сделать индикатор загрузки страницы в магазине, в принципе инструкций полно в интернетах, НО почему то иконка загрузки появляется в последний момент, когда страница уже практически загрузилась, а мне нужно, что бы иконка загрузки появлялась сразу, т.к. мне как раз и нужно показать посетителю сайта, что выбрав какие то параметры в фильтре и нажав "показать" не нужно тыкать по 10 раз в кнопку, а что загрузка уже началась.

Подскажите кто сталкивался с этим моментом, это именно на опенкарте такая фигня или в принципе все эти индикаторы так работают?

Share this post


Link to post
Share on other sites

Так вы кнопку в disabled отправляйте, а вместо текста в ней, поиск или искать, пишите ищем. или вообще можно кнопку скрывать, а вместо нее прелоадер отображать

Share this post


Link to post
Share on other sites
Только что, Jurgen сказал:

Так вы кнопку в disabled отправляйте, а вместо текста в ней, поиск или искать, пишите ищем. или вообще можно кнопку скрывать, а вместо нее прелоадер отображать

 

Вы меня переоцениваете, всё что я могу в программировании, это по инструкции сделать так:

ctrl+c

ctrl+v

:-D

Share this post


Link to post
Share on other sites
38 минут назад, kredit24 сказал:

 

Вы меня переоцениваете, всё что я могу в программировании, это по инструкции сделать так:

ctrl+c

ctrl+v

:-D


в  catalog/view/theme/НАЗВАНИЕ ВАШЕГО ШАБЛОНА/template/common/header.tpl
до </head>

<script type="text/javascript">$(window).on('load', function () {
    var $preloader = $('#p_prldr'),
        $svg_anm   = $preloader.find('.svg_anm');
    $svg_anm.fadeOut();
    $preloader.delay(200).fadeOut('slow');
});</script>

после </head>
или  перед <body....

<div id="p_prldr">
<div class="contpre">
<span class="svg_anm"></span>
<br>
<?php if ($logo) { ?>
<img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" />
<?php } ?>
<br><small>идет загрузка</small>
</div>
</div>

вместо прелоадера будет отображаться логотип Вашего сайта

Edited by Pascha
  • +1 1

Share this post


Link to post
Share on other sites
35 минут назад, Pascha сказал:

вместо прелоадера будет отображаться логотип Вашего сайта

Подгружается в верхней левой части сайта..

 

img-2020-09-16-12-34-18.png

Share this post


Link to post
Share on other sites
Только что, kredit24 сказал:

Подгружается в верхней левой части сайта.

стили на что? 
пропишите 
для <div id="p_prldr"> фон
для <div class="contpre"> позиционирование

Share this post


Link to post
Share on other sites
1 минуту назад, Pascha сказал:

стили на что? 

Если бы молодость знала, если бы старость могла...:geek:

Share this post


Link to post
Share on other sites
Только что, kredit24 сказал:

Если бы молодость знала, если бы старость могла...:geek:

старость напишет к примеру так 
 

#p_prldr img{margin-right:auto;margin-left:auto}
#p_prldr{position:fixed;left:0;top:0;right:0;bottom:0;background:#F2F3F7;z-index:30}
.contpre small{font-size:18px}
.contpre{width:250px;height:100px;position:absolute;left:50%;top:48%;margin-left:-125px;margin-top:-75px;color:#444;font-size:32px;letter-spacing:-2px;text-align:center;line-height:35px}

а молодость забанили в Гугл? 

Edited by Pascha
  • +1 1

Share this post


Link to post
Share on other sites
2 минуты назад, Pascha сказал:

а молодость забанили в Гугл? 

 

Да нет, молодая уже давно не молода, в том то и дело, что маразм подошёл в плотную, новая инфа никак не хочет усваиваться...

За код низкий поклон, работает!

Share this post


Link to post
Share on other sites

аааа...молодость - это я? ))) спасибо... приятно услышать в свои 48 )))) пойду выброшу клюку в камин ))))

Share this post


Link to post
Share on other sites
Только что, Pascha сказал:

аааа...молодость - это я? ))) спасибо... приятно услышать в свои 48 )))) пойду выброшу клюку в камин ))))

 

Да, я поцан 47 летний по сравнению с вами))

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.