0 Пользователей и 1 Гость просматривают эту тему.
  • 32 Ответов
  • 13704 Просмотров
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
« Последнее редактирование: 18.01.2012, 12:13:43 от xaocbozzz »
*

dim66

  • Осваиваюсь на форуме
  • 49
  • 4 / 0
Молодец! Давно хотел прикрутить такую фичу на сайт. Щас буду разбираться
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Название топика афигительное :)
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Плюсиков хоть бы наставили )
*

beliyadm

  • Легенда
  • 9629
  • 1658 / 66
  • Севастополь == Россия
xaocbozzz - а вы демку сделайте, я поставлю, не жалко, хоть лично мне задача неинтересна :)
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Записки нетрезвого кодера
Skype: beliyadm_pb
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
А как быстро сделать демку без денежных затрат? Просто я не думал раньше об этом.
И еще - подскажите как убрать лишний код из js скрипта (пока не силен в js)?
Нужно убрать не используемые slick
*

beliyadm

  • Легенда
  • 9629
  • 1658 / 66
  • Севастополь == Россия
А как быстро сделать демку без денежных затрат? Просто я не думал раньше об этом.
Сделайте поддомен с сайтом и магазином (с демо контентом) и внедрите туда хак - будет демо

Нужно убрать не используемые slick
Ну так уберите все slick, кроме того номера, что используется у вас, slick 2
Код: javascript
<script type="text/javascript">
$(document).ready(function($){
$('#slick-2').dcSlick({
location: 'right',
align: 'top',
offset: '250px',
speed: 'fast',
tabText: 'Оформить вашу покупку',
autoClose: true
});
});
</script>
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Записки нетрезвого кодера
Skype: beliyadm_pb
*

Fedor Vlasenko

  • Живу я здесь
  • 3844
  • 730 / 7
  • Все начинается с Value
Ну плавающая я так понял плавать должна по сайту. В Вашем же случае порнография. Ваше решение
Цитировать
чтобы она всегда была на глазах и при прокручивании страницы оставалась на одном и том же месте
делается стилями CSS.
Сделайте демку посмотрим.  Просить денег не стоит.
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Ну плавающая я так понял плавать должна по сайту. В Вашем же случае порнография. Ваше решение делается стилями CSS.
Сделайте демку посмотрим.  Просить денег не стоит.
Плавающая - именно так народ ищет решение именно такой задачи. Если вам нужна порнография, то вы сможете посмотреть вот тут - porntube.ru. "Решение делается стилями CSS" - пока я не пнул сообщество - никаких дельных советов ни один форумчанин не дал. Если у вас есть решение - выкладывайте и нечего тут выкаблучиваться. А манию величия я давно заметил у многих жителей этого форума. Если проф. в своем деле - помоги другим. Именно для этого создаются подобные форумы. Никого не хотел обидеть. И при чем тут "Просить денег не стоит"?? Где я лично с вас попросил денег?
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Ну так уберите все slick, кроме того номера, что используется у вас, slick 2
Поправлено.

Демо делать не буду - вот тут все понятно http://www.designchemical.com/lab/jquery-slick-plugin/examples/
*

Fedor Vlasenko

  • Живу я здесь
  • 3844
  • 730 / 7
  • Все начинается с Value
Плавающая - именно так народ ищет решение именно такой задачи. Если вам нужна порнография, то вы сможете посмотреть вот тут - porntube.ru. "Решение делается стилями CSS" - пока я не пнул сообщество - никаких дельных советов ни один форумчанин не дал. Если у вас есть решение - выкладывайте и нечего тут выкаблучиваться. А манию величия я давно заметил у многих жителей этого форума. Если проф. в своем деле - помоги другим. Именно для этого создаются подобные форумы. Никого не хотел обидеть. И при чем тут "Просить денег не стоит"?? Где я лично с вас попросил денег?
Выскальзывающая панель на чистом CSS http://ruseller.com/lessons.php?rub=2&id=1082
Выезжающая панель для сайта на Mootools http://ruseller.com/lessons.php?rub=33&id=333
yoo-toppanel, VTEM SlideNote и т. д.
Ребят, вопрос ей-Богу из области фантастики "для начинающих". zmancer прав. Но, привожу решение. Минут 7-8 ушло с учётом того, что чуток усложнил задачу с ховером  ^-^ :
templates/шаблон/index.php:
Код: html4strict
<div id="floated">
    Превед! Йа плавающий блок!
    <jdoc:include type="modules" name="" style="" />
</div>
templates/шаблон/css/template.css:
Код: css
#floated {
position:fixed; top:50px; width:100px; padding:10px;
right:-80px; background:#aaa;
}
#floated:hover {
cursor:pointer; color:#fff;
right:0; background:#080;
}
Плавный выезд и прочие свистелки это + 1-2 строчки jQuery написать.
Распространяя ссылки на порно сайты вам наверно не место здесь? xaocbozzz
Цитировать
пока я не пнул сообщество
кого вы ногами здесь пинаете?
Цитировать
А как быстро сделать демку без денежных затрат?
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Распространяя ссылки на порно сайты вам наверно не место здесь?
Ничего не распространял - выдумал с ходу.
А пнул сообщество - естественно не в буквальном смысле. Зато сразу зашевелились ) И вообще зачем сраться сориться. Хотел помочь жаждующим, а вы меня облажали. Не хорошо это.
*

NightGuard

  • Живу я здесь
  • 2932
  • 378 / 7
  • вжжж-вжжж
Цитировать
Если у вас не подключен jquery - то подключаем.
Мозг! Вкурсе что VirtueMart юзает mootools? Т.е. ради одного эффекта тянем вторую библиотеку, весом под 100-150кБ - гениально!

-------------------------------

"Решение делается стилями CSS" - пока я не пнул сообщество - никаких дельных советов ни один форумчанин не дал. Если у вас есть решение - выкладывайте и нечего тут выкаблучиваться.
Какое решение? Там решать то нечего, идем в Google и спрашиваем - mootools slider panel - профит блин! Кому надо тот ищет, кому не надо, тот сидит и ждет.
« Последнее редактирование: 18.01.2012, 10:00:17 от NightGuard »
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма

skype: nightguardsrussia - только по рабочим вопросам, любые консультации - платные!
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Конечно в курсе. 100 кБ. - копейки, тем более браузеры уже научились не подгружать повторно библиотеку, если она стянута хоть с одного сайта.
И еще мне необходим jquery для работы других не менее важных функций.
----------------------------------------------------------------------------
Обновил. Теперь jquery-1.7.1.min - 96 кБ + 4,5 кБ
*

NightGuard

  • Живу я здесь
  • 2932
  • 378 / 7
  • вжжж-вжжж
100 кБ. - копейки, тем более браузеры уже научились не подгружать повторно библиотеку, если она стянута хоть с одного сайта.
1. 100кБ это не копейки.
2. Только если библиотека берется из какого-либо репозитория.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма

skype: nightguardsrussia - только по рабочим вопросам, любые консультации - платные!
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Короче, тема создана не для этого.
Обсудите, например, тут http://joomlaforum.ru/index.php/topic,189017.0.html
И по поводу репозитория тоже можно долго спорить.
"Не бойся направить другого по ложному пути, ты ли знаешь, какой - истинный?" (Дань Шэнь)
« Последнее редактирование: 18.01.2012, 11:26:46 от xaocbozzz »
*

NightGuard

  • Живу я здесь
  • 2932
  • 378 / 7
  • вжжж-вжжж
И по поводу репозитория тоже можно долго спорить.
А нечего здесь спорить, возьмите и проверьте ))

Тема создана, вам указывают ваши ошибки, вы используете jQ и тянете 2 библиотеки, но может переписали часть функционала и используете одну, укажите это! Укажите что данное решение для jQ и сделайте альтернативу на mootools, хотя нафига оно надо - ХЗ, этих скриптов панелей как грязи, прикрутить на уровне шаблона не проблема. Дело ваше, но вот тупые копипастеры так и будут ради одной панели прикручивать вторую библиотеку.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма

skype: nightguardsrussia - только по рабочим вопросам, любые консультации - платные!
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Да проверял я уже..
Оглянитесь - многие тянут "дополнительные библиотеки" и что теперь?
Перепишите часть функционала и выложите решение. Я в этом пока не силен.
Для многих на этом форуме даже фраза "прикрутить на уровне шаблона" вызывает эпилептический припадок. Некоторые учатся разбирая готовый код, используют его как пример. Слово "тупые" оскорбительно для них. Думаю, что вы тоже в начале своего обучения использовали функции "копировать" и "вставить". Или вы сразу родились таким и уже все знали?
По вашей просьбе добавил информацию о дополнительных 100 кб.

Уважаемый beagler, прошу либо удалить эту тему, если она не соответствует правилам форума, либо не допускать оффтопа и оскорблений по отношению к другим участникам форума.
*

serado

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
ссылка на скрипт не работает( пытался найти через поисковик, но ничего не вышло. можете прислать на мыло скрипт?
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Странно, но ссылка у меня работает. Выслал на почту
*

serado

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
xaocbozzz, огромное человеческое спасибо)))
*

Amid1210

  • Осваиваюсь на форуме
  • 35
  • 0 / 0
Сделал все как написанно ничего не появилось на сайте. в моем шаблоне в фале index.php вообще нету тега HEAD так только php код. Через поиск нашел файл с тегом HEAD (componetn.php) вставлял в него между тегами HEAD.
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
А что у вас за шаблон?
*

Amid1210

  • Осваиваюсь на форуме
  • 35
  • 0 / 0
А что у вас за шаблон?
Движок Joomla шаблон ShopFront. После установки этот шаблон создает две папки в templates. zenshopfront и zengridframework часть файлов находится в одной папке часть в другой. Index.php нашел в папке zengridframework. Сделал все как написано выше. В итоге на сайте появилась надпись(т.е. ссылка) "Ссылка на корзину". Но при наведении\клике ничего не происходит - это просто ссылка обычным текстом.

В div'e используется id "slick-2", но в файле dcslick.css нету такого id.

Пробовал делать вот это:
http://ruseller.com/lessons.php?rub=2&id=1082
http://ruseller.com/lessons.php?rub=33&id=333
все работает нормально.

Скажите в панель (кот. вот здесь описана http://ruseller.com/lessons.php?rub=2&id=1082) как вставить модуль входа на сайт? и можно сделать что бы она выезжала сверху вниз, как меню?
« Последнее редактирование: 07.03.2012, 23:24:11 от Amid1210 »
*

Shustry

  • Гуру
  • 6436
  • 743 / 3
Можно обойтись без плагина для jQuery. Как-то так:
Код: javascript
//Сперва напишем суперпростую фукнцию для переключения ширины блока корзины
$.fn.widthToggle = function(speed, easing, callback){
  return this.animate({width: 'toggle'}, speed, easing, callback);
};
//теперь повесим её:
$('#knopka').click(function(){
  $('#korzina').widthToggle('350');
});
#knopka - кнопка;
#kirzina - корзина. По-умолчанию нулевой ширины, оверфлоу:хайден;
350 - скорость анимации в миллисекундах.
А если ещё добавить jQuery.easing, то всяких прикольных няшечек можно добавлять.
А если ещё добавить jQuery.cookies, то корзина не будет исчезать при переходе на другую страницу.
*

Amid1210

  • Осваиваюсь на форуме
  • 35
  • 0 / 0
Вставил ваш код не помогла, т.е. в панели и выводит ваш код. Вот скрины.


Вот что получилось:


Панель брал вот от сюда: http://ruseller.com/lessons.php?rub=2&id=1082
Кто знает как в это панель вставить форму\модуль входа VirtueMart ??
Заранее спасибо.
« Последнее редактирование: 09.03.2012, 02:58:31 от Amid1210 »
*

xaocbozzz

  • Захожу иногда
  • 205
  • 8 / 0
  • Котэ просит! Не обижайте котэ!
Amid1210, возможно вы неправильно подключаете jquery. Если у вас есть другие подключенные js скрипты, то jquery подключайте до них. И после всех js скриптов нужно исключить конфликт между mootools и jquery:
Код
<script type="text/javascript">jQuery.noConflict();</script>
И попробуйте сначала на каком-нибудь стандартном шаблоне Joomla, возможно все дело в вашем шаблоне.
*

niggatub

  • Захожу иногда
  • 205
  • 2 / 3
Думаю, что вы тоже в начале своего обучения использовали функции "копировать" и "вставить". Или вы сразу родились таким и уже все знали?
Ранил
Плавающая - именно так народ ищет решение именно такой задачи.
Ранил.
Я именно по такому запросу и гуглил.
Если у вас есть решение - выкладывайте и нечего тут выкаблучиваться. А манию величия я давно заметил у многих жителей этого форума. Если проф. в своем деле - помоги другим. Именно для этого создаются подобные форумы.
Убил.
Все верно. Не понимаю, что на этом форуме делают такие "гуру", раз все знают и умеют.

*

kefla

  • Захожу иногда
  • 88
  • 4 / 0
  • Учусь, учусь, все время учусь, а края не видно...
Да проверял я уже..
Оглянитесь - многие тянут "дополнительные библиотеки" и что теперь?
Перепишите часть функционала и выложите решение. Я в этом пока не силен.
Для многих на этом форуме даже фраза "прикрутить на уровне шаблона" вызывает эпилептический припадок. Некоторые учатся разбирая готовый код, используют его как пример. Слово "тупые" оскорбительно для них. Думаю, что вы тоже в начале своего обучения использовали функции "копировать" и "вставить". Или вы сразу родились таким и уже все знали?
По вашей просьбе добавил информацию о дополнительных 100 кб.

Уважаемый beagler, прошу либо удалить эту тему, если она не соответствует правилам форума, либо не допускать оффтопа и оскорблений по отношению к другим участникам форума.


Уважаемый xaocbozzz, я Вас полностью поддерживаю, поскольку являюсь именно ламером-"копипастером", как нас - учащихся на своих ошибках тут назвали. И как раз для таких "копипастеров" нужно разжевать и в рот положить, чтобы в дальнейшем смогли сделать это и самостоятельно.
А Ваше решение попробую реализовать у себя на сайте, который с полным отсутствием первичных знаний ваяю уже пол-года, стучась лбом о каждый угол :). Спасибо за то, что не только делаете, но делитесь опытом.
*

Jonny05

  • Новичок
  • 4
  • 0 / 0
Плавающая корзина для вашего магазина!
-------------------------------------------------
Искал на форуме, не нашел. Многие тоже ищут.
Решил разобраться в этом вопросе и помочь другим.
-------------------------------------------------
Цель: получить плавающую корзину, чтобы она всегда была на глазах и при прокручивании страницы оставалась на одном и том же месте.
Важно! (по просьбе NightGuard)
Спойлер
[свернуть]

Шаг 01
********************************************
Идем сюда http://www.designchemical.com/lab/jquery-slick-plugin/examples/ и смотрим какие возможности можно получить используя волшебный скрипт.
Скрипт можно скачать отсюда http://efimov.ws/assets/files/develop/2011/07/jquery-slick.1.2.zip.
У меня, без особых стараний, получилось так:

Спойлер
[свернуть]

Обратите внимание на Slick 2 - будем работать с ней.
Берем с архива dcslick.css и кладем сюда: ВАШ_САЙТ/templates/ВАШ_ШАБЛОН/css/
Берем с архива jquery.slick.1.2.min.js и кладем сюда: ВАШ_САЙТ/js/
Естественно можете пихать их куда угодно. Только запомните путь.

Шаг 02
********************************************
Подключаем CSS и скрипт js к основному файлу шаблона. Ищем в папке с шаблоном (ВАШ_САЙТ/templates/ВАШ_ШАБЛОН/) index.php и между тегами <head> и </head> вписываем:
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/dcslick.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/js/jquery.slick.1.2.min.js"></script>


Если у вас не подключен jquery - то подключаем.
Спойлер
[свернуть]

Шаг 03
********************************************
Файлы распиханы, скрипты подключены? Тогда идем дальше. Если вы закрыли index.php - самое время его открыть снова.
Опять же, между тегами <head> и </head> вставляем:
Код
<script type="text/javascript">
$(document).ready(function($){
$('#slick-2').dcSlick({
location: 'right',
align: 'top',
offset: '250px',
speed: 'fast',
tabText: 'Оформить вашу покупку',
autoClose: true
});
});
</script>
Вот в этом блоке наш slick 2 и часть его настроек:
 
Код
 $('#slick-2').dcSlick({
location: 'right',
align: 'top',
offset: '250px',
speed: 'fast',
tabText: 'Оформить вашу покупку',
autoClose: true
Вот это offset: '250px', например - отступ сверху страницы
Вот это tabText: 'Оформить вашу покупку', - текст на закладке
autoClose: true - автозакрытие
Поэксперементируйте сами.

Шаг 03
********************************************
Теперь идем в наш dcslick.css, который мы закинули в каталог сайта ранее:
Приведу часть настроек, которые я изменял (отмечено зеленым). Вы можете использовать и другие настройки.

.dc-slick {
width: 260px; /* Ширина контента */
height: none;
background: #f70; /* Цвет контента */
padding: 10px; /* Отступ от краев */
font-family: Arial;
*****
.dc-slick .dc-slick-content {
overflow: auto; /* Required for content that may exceed browser width/height */
color: #fff; /* Цвет текста в контенте */
height: 160px; /* высота контента */
*****
.dc-slick .tab {
cursor: pointer;
font-size: 14px; /* Размер шрифта текста закладки */
line-height: 12px;
background: #f70; /* Цвет закладки */
padding: 10px;
color: #fff; /* Цвет текста на закладке */
font-weight: bold;
}
.dc-slick, .dc-slick .tab {
border: 3px solid #000; /* Цвет границы */

Думаю ясно что закладка - это то, что видно в начале. А контент - это то, что появляется при нажатии на закладку.

Шаг 03
********************************************
Осталось воткнуть div на сайт.
И снова здравствуй index.php
Сначала думал куда же воткнуть этот злощастный код?
Воткнул перед footer. У меня шаблон собран в artisteer, поэтому нашел:
Код
<div class="art-footer">
и сразу после него вставил еще один div:
Код
<div id="slick-2"><a href="">Ссылка на корзину</a>
</div>
Внутри него можете понапихать чего угодно. Но мы условились на добавлении ссылки на корзину. Открываем корзину в браузере. Копируем ссылку и вставляем между кавычками a href=""

FINISH
********************************************
Проверяем работу
Если у вас остались файлы скрипта скине пожалуйста на почту Jonny05@bk.ru одна из ссылок не работает
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать, чтобы пустая и полная корзина были бы в строго в одинаковом месте?

Автор satmas

Ответов: 2
Просмотров: 1493
Последний ответ 02.08.2014, 15:26:17
от fixbob
VirtueMart -как убрать слово "КАТЕГОРИИ" на первой странице магазина

Автор stalker828

Ответов: 12
Просмотров: 8502
Последний ответ 30.07.2014, 11:51:16
от ZAIRA
Выбор и настройка внешнего вида магазина

Автор ecolora

Ответов: 224
Просмотров: 71145
Последний ответ 08.11.2013, 14:15:20
от balvanchik
Корзина товара в категории как в карточке товара

Автор Mordawkin

Ответов: 1
Просмотров: 900
Последний ответ 19.06.2013, 10:58:44
от Mordawkin
Вывод подкатегорий на главную страницу магазина

Автор debugger

Ответов: 57
Просмотров: 24357
Последний ответ 18.05.2013, 23:18:55
от sania8585