Перейти к содержанию
Форум поддержки пользователей VamShop
VamShop Смотреть Скачать Купить

Как вставить java скрипт в магазине

Roman Sovalov

Автор Roman Sovalov,
в Установка и настройка

 Share Подписчики 1

Рекомендуемые сообщения

Roman Sovalov

Roman Sovalov 0

Опубликовано
Опубликовано

Добрый день.

Вопрос собственно в названии темы: как ставить java-скрипт. По описанию скрипта он должен вставляться после тега <body>

Скрипт создают эффект падающих снежинок.

Вот сам скрипт:


<script type="text/javascript">

    //Configure below to change URL path to the snow image
    var snowsrc="snow.gif"
    // Configure below to change number of snow to render
    var no = 10;
    // Configure whether snow should disappear after x seconds (0=never):
    var hidesnowtime = 0;
    // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
    var snowdistance = "pageheight";

    ///////////Stop Config//////////////////////////////////

    var ie4up = (document.all) ? 1 : 0;
    var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var i, doc_width = 800, doc_height = 600;

    if (ns6up) {
        doc_width = self.innerWidth;
        doc_height = self.innerHeight;
    } else if (ie4up) {
        doc_width = iecompattest().clientWidth;
        doc_height = iecompattest().clientHeight;
    }

    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
    snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
    for (i = 0; i < no; ++ i) {
        dx[i] = 0; // set coordinate variables
        xp[i] = Math.random()*(doc_width-50); // set position variables
        yp[i] = Math.random()*doc_height;
        am[i] = Math.random()*20; // set amplitude variables
        stx[i] = 0.02 + Math.random()/10; // set step variables
        sty[i] = 0.7 + Math.random(); // set step variables
        if (ie4up||ns6up) {
            if (i == 0) {
                document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
            } else {
                document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
            }
        }
    }

    function snowIE_NS6() { // IE and NS6 main animation function
        doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
        for (i = 0; i < no; ++ i) { // iterate for every dot
            yp[i] += sty[i];
            if (yp[i] > doc_height-50) {
                xp[i] = Math.random()*(doc_width-am[i]-30);
                yp[i] = 0;
                stx[i] = 0.02 + Math.random()/10;
                sty[i] = 0.7 + Math.random();
            }
            dx[i] += stx[i];
            document.getElementById("dot"+i).style.top=yp[i]+"px";
            document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
        }
        snowtimer=setTimeout("snowIE_NS6()", 10);
    }

    function hidesnow(){
        if (window.snowtimer) clearTimeout(snowtimer)
        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }


    if (ie4up||ns6up){
        snowIE_NS6();
        if (hidesnowtime>0)
        setTimeout("hidesnow()", hidesnowtime*1000)
    }
</script>
[/code]


на статической странице всё работает. В магазине у меня на странице отображается закоментированный текст находящийся между 

[code]<!-- и -->

подскажите, куда поместить скрипт, чтобы он заработал, или порекомендуйте другой скрипт :-)

Спасибо.

Ссылка на сообщение
Поделиться на другие сайты
support

support 447

Опубликовано
Опубликовано

Да наверное необязательно в body, если хотите именно после body, вставляйте в /includes/header.php

А можно попробовать и в /templates/шаблон/index.php вставить, только используйте literal тэг, вот так:


{literal}
здесь скрипт
{/literal}
[/code]
Ссылка на сообщение
Поделиться на другие сайты
DJONERD

DJONERD 0

Опубликовано
Опубликовано

Здравствуйте!

А куда картинку"snow.gif " класть,для этого сайта?

Спрашиваю разрешение на использование этого скрипта у создателя этой темы!Можно использовать?

Ссылка на сообщение
Поделиться на другие сайты
mosquito

mosquito 0

Опубликовано
Опубликовано

>А как обойтись без literal?

а чем смущает literal?=) это синтаксис смарти.. вроде в следующей версии уже можно будет и без него обходится но пока так..

Ссылка на сообщение
Поделиться на другие сайты
  • 4 years later...
mariolast

mariolast 4

Опубликовано
Опубликовано

А через /templates/шаблон/index.php должно работать? А то через header работает нормально, а вот через index.php ничего не происходит. По умолчанию в шаблоне index.php нету.

Ссылка на сообщение
Поделиться на другие сайты
YuraS

YuraS 4

Опубликовано
Опубликовано

через header работает нормально, а вот через index.php ничего не происходит.

 

Сидит программист глубоко в отладке.

Подходит сынишка:

– Папа, почему солнышко каждый день встает на востоке, а садится на западе?

– Ты это проверял?

– Проверял.

– Хорошо проверял?

– Хорошо.

– Работает?

– Работает.

– Каждый день работает?

– Да, каждый день.

– Тогда ради бога, сынок, ничего не трогай, ничего не меняй!!!

Ссылка на сообщение
Поделиться на другие сайты
support

support 447

Опубликовано
Опубликовано

В принципе должен, но не ясен сам смысл этого скрипта.

Это ж лет 10-20 назад можно было такие скрипты вставлять, но не сейчас ведь, уже никто не использует такие скрипты.

Ссылка на сообщение
Поделиться на другие сайты
mariolast

mariolast 4

Опубликовано
Опубликовано

Я использовал этот.

http://usefulscript.ru/snowfall.php

Вставлял поочередно в header и в index.

В первом работает, во втором ничего.

Есть еще скрипт такой

http://usefulscript.ru/falling_snowflakes.php

С помощью jQuery

Но что то не заработало, может надо доустанавливать jQuery, хотя вроде он и так уже есть.

Ссылка на сообщение
Поделиться на другие сайты
support

support 447

Опубликовано
Опубликовано

Найдите какой-нибудь рабочий вариант.

 

Не забудьте использвать тэг literal при вставке, как выше написано.

Ссылка на сообщение
Поделиться на другие сайты
mariolast

mariolast 4

Опубликовано
Опубликовано

Если я правильно понял, добавляем в index.html

JavaScript код:

 

<literal>

<script type="text/javascript">
window.onload=function(){snow(1);}

function snow(id){
 var png_sh=Math.floor(Math.random()*5)+1;
 var pos_x=Math.floor(Math.random()*98)+1;
 var step=Math.floor(Math.random()*30)-15;

 var end_x=pos_x+step;
 var img="<img id='snow_"+id+"' style='left:"+pos_x+"%; top:-10%; position:fixed;'
 src='img/snow/flake"+png_sh+".gif'>";
 $("#snow").append(img);
 move_show(id,end_x);
 id++;
 setTimeout("snow("+id+");",150);
}
function move_show(id,end_x){
 $("#snow_"+id).animate({top:"120%",left:""+end_x+"%"},20000,function(){
  $("#snow_"+id).empty().remove();
 });
}
</script>

</literal>

 

В этом же файле делаем <div id="snow"></div>.

 

Но не работает. jQuery не устанавливал.

Ссылка на сообщение
Поделиться на другие сайты
KoVaLsKy

KoVaLsKy 59

Опубликовано
Опубликовано

Если я правильно понял, добавляем в index.html

JavaScript код:

 

<literal>

<script type="text/javascript">

window.onload=function(){snow(1);}

function snow(id){

 var png_sh=Math.floor(Math.random()*5)+1;

 var pos_x=Math.floor(Math.random()*98)+1;

 var step=Math.floor(Math.random()*30)-15;

 var end_x=pos_x+step;

 var img="<img id='snow_"+id+"' style='left:"+pos_x+"%; top:-10%; position:fixed;'

 src='img/snow/flake"+png_sh+".gif'>";

 $("#snow").append(img);

 move_show(id,end_x);

 id++;

 setTimeout("snow("+id+");",150);

}

function move_show(id,end_x){

 $("#snow_"+id).animate({top:"120%",left:""+end_x+"%"},20000,function(){

  $("#snow_"+id).empty().remove();

 });

}

</script>

</literal>

 

В этом же файле делаем <div id="snow"></div>.

 

Но не работает. jQuery не устанавливал.

 

не 

<literal>

а

{litaral}

Ссылка на сообщение
Поделиться на другие сайты
KoVaLsKy

KoVaLsKy 59

Опубликовано
Опубликовано

Я использовал этот.

http://usefulscript.ru/snowfall.php

Вставлял поочередно в header и в index.

В первом работает, во втором ничего.

Есть еще скрипт такой

http://usefulscript.ru/falling_snowflakes.php

С помощью jQuery

Но что то не заработало, может надо доустанавливать jQuery, хотя вроде он и так уже есть.

 

Мужик, если ты на Интернет магазин хочешь поставить снежинки..... Блин... 

Тем ли ты занимаешься?

Ссылка на сообщение
Поделиться на другие сайты
KoVaLsKy

KoVaLsKy 59

Опубликовано
Опубликовано

А еще деда мороза просят. С мешком.

:mrtroll: Prikolnye_dedy_Morozy_19.jpg

на фон поставь и скажи владельцам что можно тематически украсить сайт под новый год, и не надо лепить всякой дури на сайт. Продаж это не прибавит а скорее наоборот

Ссылка на сообщение
Поделиться на другие сайты
  • 3 months later...
mariolast

mariolast 4

Опубликовано
Опубликовано

Хочу попробовать сделать переключение картинок как вот здесь

http://twins.ua/product/avtokreslo-hektor-silver/

Вызывается оно там как то так

<a class="current" href="javascript: void(0)"><img src="/img/img-product/mini_020140129001101.png"></a>

Сами файлы для Джавы лежат в папке js в корне того магазина.

там их два всего configPage.js и jquery-2.0.3.js

Посоветуйте куда смотреть, как прописать эти скрипты в магазине,чтобы можно было их использовать?

Ссылка на сообщение
Поделиться на другие сайты
support

support 447

Опубликовано
Опубликовано

В /templates/шаблон/module/product_info/product_info-v1.html

Это шаблон карточки товара, всё делается там, больше никуда лазить не нужно.

Ссылка на сообщение
Поделиться на другие сайты
mariolast

mariolast 4

Опубликовано
Опубликовано

configPage.js и jquery-2.0.3.js

а эти скрипты подключать что то типа

<script src="../../js/jquery-2.0.3.js"></script>
<script src="../../js/jquery-migrate-1.2.1.js"></script>
<script src="../../js/configPage.js"></script>
<script src="../../js/jquery.mCustomScrollbar.js"></script>
<script src="../../fancybox/source/jquery.fancybox.pack.js@v=2.0.6"></script>
<script src="../../fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script src="../../fancybox/source/helpers/jquery.fancybox-buttons.js@v=1.0.2"></script>
<script src="../../fancybox/source/helpers/jquery.fancybox-media.js@v=1.0.0"></script>
<script src="../../fancybox/source/helpers/jquery.fancybox-thumbs.js@v=2.0.6"></script>

?

Ссылка на сообщение
Поделиться на другие сайты
 Share
Подписчики 1
Перейти к списку тем
×
×
  • Создать...