Расширенный вид материала "Интернет магазин" - Скрипты и коды для юкоз - Форум аццкого кодера
Страница 1 из 11
Модератор форума: Admin, Cибиря4ка, Komoff, Diana 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Расширенный вид материала "Интернет магазин" (Разместить все имеющиеся изображения материала.)
Расширенный вид материала "Интернет магазин"
Дата: Вторник, 18.02.2014, 14:10 |
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


В шаблон "Вид материала" на модуле "Интернет магазин" нужно разместить все имеющиеся изображения.

Коды $PHOTO_1,2...N$, $THUMB_1,2...N$, $SMALL_1,2...N$ в данной настройки шаблонов не работают по этому обращаюсь за помощью к Вам.
Сам не силен ява скрипте.

Но некоторые моменты от которых можно плясать нашел в исходном коде.
На каждой странице(Раздел, категория и.т.д) модуля формируется скрипт следующего содержания.
Код

<script type="text/javascript">
//------------UCOZ-JS-DATA----------
var uCoz = {"sh_curr":{"2":{"rate":1,"name":"Рубли","default":1,"code":"RUR","dpos":0,"disp":" руб."}},"mf":"earyan","shop_price_f":["%01.2f",""],"sh_curr_def":2,"ver":1,"sh_goods":{"240":{"old_price":"0.00","imgs":["/_sh/2/240m.jpg","/_sh/2/240m_1.jpg","/_sh/2/240m_2.jpg","/_sh/2/240m_3.jpg","/_sh/2/240m_4.jpg","/_sh/2/240m_5.jpg","/_sh/2/240m_6.jpg","/_sh/2/240m_7.jpg","/_sh/2/240m_8.jpg","/_sh/2/240m_9.jpg","/_sh/2/240m_10.jpg","/_sh/2/240m_11.jpg","/_sh/2/240m_12.jpg"],"price":"0.00"},"261":{"old_price":"0.00","imgs":["/_sh/2/261m.jpg","/_sh/2/261m_1.jpg","/_sh/2/261m_2.jpg","/_sh/2/261m_3.jpg","/_sh/2/261m_4.jpg","/_sh/2/261m_5.jpg","/_sh/2/261m_6.jpg","/_sh/2/261m_7.jpg"],"price":"0.00"},"241":{"old_price":"0.00","imgs":["/_sh/2/241m.jpg","/_sh/2/241m_1.jpg","/_sh/2/241m_2.jpg","/_sh/2/241m_3.jpg","/_sh/2/241m_4.jpg","/_sh/2/241m_5.jpg","/_sh/2/241m_6.jpg","/_sh/2/241m_7.jpg","/_sh/2/241m_8.jpg","/_sh/2/241m_9.jpg","/_sh/2/241m_10.jpg","/_sh/2/241m_11.jpg","/_sh/2/241m_12.jpg","/_sh/2/241m_13.jpg"],"price":"0.00"},"263":{"old_price":"0.00","imgs":["/_sh/2/263m.jpg","/_sh/2/263m_1.jpg","/_sh/2/263m_2.jpg","/_sh/2/263m_3.jpg","/_sh/2/263m_4.jpg","/_sh/2/263m_5.jpg","/_sh/2/263m_6.jpg","/_sh/2/263m_7.jpg","/_sh/2/263m_8.jpg","/_sh/2/263m_9.jpg","/_sh/2/263m_10.jpg"],"price":"0.00"},"262":{"old_price":"0.00","imgs":["/_sh/2/262m.jpg","/_sh/2/262m_1.jpg","/_sh/2/262m_2.jpg","/_sh/2/262m_3.jpg","/_sh/2/262m_4.jpg","/_sh/2/262m_5.jpg","/_sh/2/262m_6.jpg","/_sh/2/262m_7.jpg"],"price":"0.00"},"249":{"old_price":"0.00","imgs":["/_sh/2/249m.jpg","/_sh/2/249m_1.jpg","/_sh/2/249m_2.jpg","/_sh/2/249m_3.jpg","/_sh/2/249m_4.jpg","/_sh/2/249m_5.jpg","/_sh/2/249m_6.jpg","/_sh/2/249m_7.jpg","/_sh/2/249m_8.jpg","/_sh/2/249m_9.jpg","/_sh/2/249m_10.jpg","/_sh/2/249m_11.jpg","/_sh/2/249m_12.jpg"],"price":"0.00"},"243":{"old_price":"0.00","imgs":["/_sh/2/243m.jpg","/_sh/2/243m_1.jpg","/_sh/2/243m_2.jpg","/_sh/2/243m_3.jpg","/_sh/2/243m_4.jpg","/_sh/2/243m_5.jpg","/_sh/2/243m_6.jpg","/_sh/2/243m_7.jpg","/_sh/2/243m_8.jpg","/_sh/2/243m_9.jpg","/_sh/2/243m_10.jpg","/_sh/2/243m_11.jpg","/_sh/2/243m_12.jpg","/_sh/2/243m_13.jpg"],"price":"0.00"},"244":{"old_price":"0.00","imgs":["/_sh/2/244m.jpg","/_sh/2/244m_1.jpg","/_sh/2/244m_2.jpg","/_sh/2/244m_3.jpg","/_sh/2/244m_4.jpg","/_sh/2/244m_5.jpg","/_sh/2/244m_6.jpg","/_sh/2/244m_7.jpg","/_sh/2/244m_8.jpg","/_sh/2/244m_9.jpg","/_sh/2/244m_10.jpg","/_sh/2/244m_11.jpg","/_sh/2/244m_12.jpg"],"price":"0.00"},"264":{"old_price":"0.00","imgs":["/_sh/2/264m.jpg","/_sh/2/264m_1.jpg","/_sh/2/264m_2.jpg","/_sh/2/264m_3.jpg","/_sh/2/264m_4.jpg","/_sh/2/264m_5.jpg","/_sh/2/264m_6.jpg","/_sh/2/264m_7.jpg"],"price":"0.00"},"260":{"old_price":"0.00","imgs":["/_sh/2/260m.jpg","/_sh/2/260m_1.jpg","/_sh/2/260m_2.jpg","/_sh/2/260m_3.jpg","/_sh/2/260m_4.jpg","/_sh/2/260m_5.jpg","/_sh/2/260m_6.jpg","/_sh/2/260m_7.jpg","/_sh/2/260m_8.jpg","/_sh/2/260m_9.jpg","/_sh/2/260m_10.jpg"],"price":"0.00"},"270":{"old_price":"0.00","imgs":["/_sh/2/270m.jpg","/_sh/2/270m_1.jpg","/_sh/2/270m_2.jpg","/_sh/2/270m_3.jpg","/_sh/2/270m_4.jpg","/_sh/2/270m_5.jpg","/_sh/2/270m_6.jpg","/_sh/2/270m_7.jpg","/_sh/2/270m_8.jpg","/_sh/2/270m_9.jpg"],"price":"0.00"},"242":{"old_price":"0.00","imgs":["/_sh/2/242m.jpg","/_sh/2/242m_1.jpg","/_sh/2/242m_2.jpg","/_sh/2/242m_3.jpg","/_sh/2/242m_4.jpg","/_sh/2/242m_5.jpg","/_sh/2/242m_6.jpg","/_sh/2/242m_7.jpg","/_sh/2/242m_8.jpg","/_sh/2/242m_9.jpg","/_sh/2/242m_10.jpg","/_sh/2/242m_11.jpg","/_sh/2/242m_12.jpg"],"price":"0.00"}}};
</script>


Где видно к какому ID материала соответствуют вложенные картинки.

Вопрос в следующем как из этих данных составить скрипт для "Вида материалов".
Спасибо за внимание. Буду признателен за помощь.


 
Дата: Вторник, 18.02.2014, 20:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9094
Награды: 23
Репутация: 457
Статус: Unknown


4rvard,
Добрый.
Цитата 4rvard, Вт, 18.02.2014, 14:10:01
В шаблон "Вид материала" на модуле "Интернет магазин" нужно разместить все имеющиеся изображения.

Грамотно оформлю скрипт за .. 20$

А так, принцип такой:
Код
<script type="text/javascript">
(function(){
var id=825; // ID материала
if(typeof uCoz.sh_goods[id]!='undefined'){var o=uCoz.sh_goods[id];
  for(i=0,j=o.imgs.length;i<j;i++){
   document.write('<img src="'+o.imgs[i]+'" alt="" />');
  };  
};
})();
</script>

--

Цитата 4rvard, Вт, 18.02.2014, 14:10:01
Где видно к какому ID материала соответствуют вложенные картинки.

Да, все верно)

Цитата 4rvard, Вт, 18.02.2014, 14:10:01
Вопрос в следующем как из этих данных составить скрипт для "Вида материалов".

Я бы сделал так, написал бы функцию, в которую передавался бы ID и а результатом выполнения был бы код картинок.
Серединка функции чуть выше. Не функция, а сама суть.
---


 
Дата: Вторник, 18.02.2014, 22:23 |
Рядовой
Группа: Зарегистрированные
Сообщений: 2
Награды: 0
Репутация: 0
Статус: Offline


Добрый вечер, likbezz.
Очень помог. От души спасибо, скрипт додумал сам. Рад как слон.

Дай бог здоровья!!!

Сделал бы: пожертвовать проекту) кинул бы копеечку =)


 
Дата: Вторник, 18.02.2014, 23:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9094
Награды: 23
Репутация: 457
Статус: Unknown


4rvard,
Цитата 4rvard, Вт, 18.02.2014, 22:23:29
Сделал бы: пожертвовать проекту) кинул бы копеечку =)

Все реквизиты на главной, в левом блоке


 
Дата: Суббота, 05.04.2014, 17:16 |
bulken
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


По той же теме!
На "странице товара" есть такой стандартный укозовский код

Код
var uCoz ={"sh_curr":{"2":{"rate":1,"name":"Рубли","default":1,"code":"RUR","dpos":0,"disp":"  
руб."}},"mf":"0gotodress","shop_price_f":["%01.0f",""],"sh_curr_def":2,"ver":1,"sh_goods":{"93":{"old_price":"0.00","imgs":["/_sh/00/93m.jpg","/_sh/00/93m_1.jpg","/_sh/00/93m_2.jpg","/_sh/00/93m_3.jpg"],"price":"1509.75"},"94":{"old_price":"0.00","imgs":["/_sh/00/94m.jpg","/_sh/00/94m_1.jpg","/_sh/00/94m_2.jpg"],"price":"1678.05"}}};


1) как мне с этого кода обратиться к imgs с id 93?
пишу:
Код
idarray = uCoz.sh_goods.93.imgs


2)а далее на странице "каталог товаров" при клике на товар с id 93 показать лайтбокс c перемоткой фото?
Я пишу

Код
<script type="text/javascript">  
function _bld1(id, indx) {  
idarray = uCoz.sh_goods.93.imgs;  
imgar = [];  
for (var i=0;i<eval(idarray).length;i++) {  
imgar [i]= eval(idarray)[i][0];  
}  
$.fancybox(imgar,{index: indx, padding: 3, preload: 5, openEffect: openEf, closeEffect: 'elastic', nextEffect: 'fade', prevEffect: 'fade', openEasing: 'linear', nextEasing: 'linear', prevEasing: 'linear', fixed: fixedFlag, helpers: {title: null, overlay : {opacity: 0.1, speedIn: 0, speedOut: 0}, buttons: {}}};);  
}  
</script>     

<img alt="" src="$THUMB$" class="gphoto" onclick="_bld1($ID$, this.getAttribute('idx'));" id="ipreview" idx="0" title="Кликните для увеличения изображения">


 
Дата: Суббота, 05.04.2014, 20:41 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9094
Награды: 23
Репутация: 457
Статус: Unknown


bulken,
Цитата bulken, Сб, 05.04.2014, 17:16:29
Я пишу

И что происходит?

Цитата bulken, Сб, 05.04.2014, 17:16:29
idarray = uCoz.sh_goods.93.imgs;
imgar = [];
for (var i=0;i<eval(idarray).length;i++) {
imgar [i]= eval(idarray)[i][0];


правильный код выше.

Код
var idarray = uCoz.sh_goods['93'].imgs;   
var imgar = [];   
for (var i=0;i<idarray.length;i++) {   
imgar.push(idarray[i]);
}

---


 
Дата: Воскресенье, 06.04.2014, 10:25 |
bulken
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Класс!! помогло
напишите свой вебмани, кину копеечку)
а еще вопрос можно?
Вот открывается теперь у меня $.fancybox при щелчке на товар - это хорошо)
А как теперь вывести в этот лайтбокс еще цену товара ну и кнопочку перехода на товар


 
Дата: Воскресенье, 06.04.2014, 10:37 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9094
Награды: 23
Репутация: 457
Статус: Unknown


bulken,
Цитата bulken, Вс, 06.04.2014, 10:25:01
А как теперь вывести в этот лайтбокс еще цену товара ну и кнопочку перехода на товар

Непросто.
А зачем? кнопка на странице же есть..


 
Дата: Воскресенье, 06.04.2014, 11:15 |
bulken
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Только не подумайте, что я хочу засунуть в лайтбокс весь сайт) Но такая функция "быстрого просмотра" реализована на многих ведущих интернет-магазинах.
1) это все реализуется на странице "каталог товаров" а не на "странице товара" и поэтому кнопка перехода на товар - маленькая и его приходится искать.
2) лайтбокс будет открываться почти на весь экран и если захотят купить товар, то придется закрывать лайтбокс и снова искать глазами этот товар и кнопку перехода на товар
3) можно еще как в контакте засунуть в лайтбокс комментарии к товару

Зы: естественно, что все это за денюжку


 
Дата: Понедельник, 07.04.2014, 23:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9094
Награды: 23
Репутация: 457
Статус: Unknown


bulken,
Цитата bulken, Вс, 06.04.2014, 11:15:07
Только не подумайте, что я хочу засунуть в лайтбокс весь сайт) Но такая функция "быстрого просмотра" реализована на многих ведущих интернет-магазинах.

Я понял о чем вы.
Для этого нужно организовывать просмотр не как изображение, а как блоки с контентом.

http://likbezz.ru/_example/_rest/_2014/p1/1396900507.html

Не знаю только есть там функция группировки блоков для перелистывания.

Цитата bulken, Вс, 06.04.2014, 11:15:07
можно еще как в контакте засунуть в лайтбокс комментарии к товару

В принципе, можно.

Цитата bulken, Вс, 06.04.2014, 11:15:07
Зы: естественно, что все это за денюжку

Естественно, не просто так.
Ибо это не три строчки кода, а серьезный функционал типа: http://likbezz.ru/forum/38-1359-1 ..


 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Расширенный вид материала "Интернет магазин" (Разместить все имеющиеся изображения материала.)
Страница 1 из 11
Поиск: