Эффект добавления в корзину

[Sanyo]

Привет!
  Может кто встречал или натыкался на какие-нибудь эффекты при добавлении в корзину?
  Вот нашел отличный пример http://divine-light.ru/katalog/category/65/aktsii-i-rasprodagi.html
  "Легко" добавляется в корзину, "легко" открывается фотография - отличное решение!

Решенее найдено, архив прилогается.
Спасибо danik.html за файл
Описание по установки взял у loginbox

[loginbox]

прочитай 22 ответ

[dreamark]

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

[yevrowl]

прочитай 22 ответ

http://joomlaforum.ru/index.php/topic,115278.msg636913.html#msg636913

[Timofey]

Помогите всё перепробывал не чего не выходит   Товар просто добавляеться в корзину а эффекта полёта нету что можно поменять подскажите.

[Timofey]

Блин я понял это из за шаблона JA_Purity_II на других работает но я его уже подогнал под себя подскажите где ковырять.

[One]

Эффект добавления вещь симпатичная, но что-т ребят не совсем корректно она написана... Когда заходишь в описание товара, при добавлении рисунок не летит и не показывает в корзине, что товар добавился....разве, что после обновление страницы. Как это бы пофиксить?

[Ambi]

Что-же всётаки прописать в flypage.tpl.php, чтобы и оттуда фотки улетали?

[ettikib]

Что-же всётаки прописать в flypage.tpl.php, чтобы и оттуда фотки улетали?

+1
Как сделать, чтоб full_image родительского товара  из garden_flypage улетало в корзину, по добавлению дочернего товара и никаких сообщений не появлялось, а только изменялось колличество товаров в корзине и их стоимость.

[Geks]

Долго разбирался с этим эффектом...
В итоге сделал так:
в файле theme.js (который в первом сообщении)
заменил image на browseProductImage поэтому browse_1.php остался без изменений. И все работает.
Надо окончательно добить этот эффект и сделать его на странице просмотра товара. Пока копаю в flypage.tpl.php но чет результата нет.
Кстати, вот тут все реализовал ПаЛыЧ http://shopingoff.com/

[Geks]

Готов заплатить небольшую сумму за решение вопроса =)

[Steb_Go]

сделал как написано - все работает, но работает со стандартной корзиной, в сторонние чего то не летит,
но это не важно.

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

что нужно исправить в theme.js

[chakivetal]

Отлично! Всем спасибо за наставления! Но... эффект не работает когда входишь в просмотр товара и при покупке через "купить" в модулях. Как победить? (VM 1.1.8, Joom 1.5.22, тест по адресу - rv.piratelab.info)

[SnowMan]

Народ делал кто анимацию для Joomla 1.5 VM 1.1.6? По всем действиям что описаны выше пробовал, не получается анимации добавления в корзину. Или сразу перебрасывает в корзину или просто ничего не происходит.

[alex213]

Есть готовое бесплатное решение plg_vmaddtocarteffect_ck_j15 http://www.joomlack.fr/Extensions-Joomla-1-5/Plugins/VM-AddToCart-Effect/

[GTpro]

Кто нибудь проверял? Как он работает?

[Andrew_vitebsk]

Кто нибудь проверял? Как он работает?

Я попробовал - у меня никаких эффектов не появилось, зато допилил решение, чтоб из карточки товара картинка летела..... если еще актуально - могу поделиться решением

[Andrew_vitebsk]

Кто нибудь проверял? Как он работает?

Я попробовал - у меня никаких эффектов не появилось, зато допилил решение, чтоб из карточки товара картинка летела..... если еще актуально - могу поделиться решением

[chakivetal]

Конечно актуально!

[Andrew_vitebsk]

Конечно актуально!

Итак, поехали...
Во-первых установил J1.5.22 + VM1.1.9 с демо-данными. Далее делаем все, что написано в ReadMe-файле, который прикреплен в первом сообщении от Sanyo этой темы. Только я не делал пункт №4, а поменял в самом файле theme.js строки

Код:

currentProductDiv = document.getElementById(productId).parentNode.parentNode;
if (currentProductDiv.getElementsByClassName)
{
currentProductDiv = currentProductDiv.getElementsByClassName('image')[0];
}
else
{
currentProductDiv = $(currentProductDiv).getElement(" .image");
}
currentXPos = shoppingCart_getLeftPos(currentProductDiv);

на

Код:

currentProductDiv = document.getElementById(productId).parentNode.parentNode;
var s = currentProductDiv.tagName;
if (currentProductDiv.getElementsByClassName)
{
currentProductDiv = currentProductDiv.getElementsByClassName('browseProductImage')[0];
}
else
{
currentProductDiv = $(currentProductDiv).getElement(" .browseProductImage");
}
if (s == "TD") {
currentProductDiv = $(document.body).getElement(" .browseProductImage");
}
currentXPos = shoppingCart_getLeftPos(currentProductDiv);

Потом в файлике components/com_virtuemart/themes/default/templates/product_details/flypage.tpl.php(у меня в строке 26) код

Код:

<?php echo urldecode( $product_image )?>

меняем на код

Код:

<?php echo '<div class="browseProductImage">'.urldecode( $product_image ).'</div>' ?>

Чистим кэш браузера и обновляем страницу.... Все работает. Мое решение в файле theme.js через лес, поэтому не ругайте. Всем удач)

[SnowMan]

Там также все зависит от количества обертывающих дивов твою картинку.
parentNode = кол-ву дивов до картинки и тогда все заработает

[Ambi]

Спасибо Andrew_vitebsk всё работает)

[ruslanaka]

Работает в browse при детальном просмотре не работает. Кидает в корзину. В фаербаге дает ошибку
inputObj is undefined
var returnValue = inputObj.offsetLeft;
Помогите советом
details

Показать текстовый блок

<?php if( !defined( '_VALID_MOS' ) && !defined( '_JEXEC' ) ) die( 'Direct Access to '.basename(__FILE__).' is not allowed.' );
mm_showMyFileName(__FILE__);
 ?>

<?php echo $buttons_header // The PDF, Email and Print buttons ?>

<?php
if( $this->get_cfg( 'showPathway' )) {
   echo "<div class=\"pathway\">$navigation_pathway</div>";
}
if( $this->get_cfg( 'product_navigation', 1 )) {
   if( !empty( $previous_product )) {
      echo '<a class="previous_page" href="'.$previous_product_url.'">'.shopMakeHtmlSafe($previous_product['product_name']).'</a>';
   }
   if( !empty( $next_product )) {      
      echo '<a class="next_page" href="'.$next_product_url.'">'.shopMakeHtmlSafe($next_product['product_name']).'</a>';
   }
}
?>
<br style="clear:both;" />

<div class="lot">

                           <div class="line_in_top"></div>
                              
                              <div class="line_in">

                                 <div class="blok_one">
                                 <div class="img_lot">


<?php echo '<div class="browseProductImage">'.urldecode( $product_image ).'</div>' ?>
</div>
                                 <span class="txt_r">Цена: &nbsp;</span><span><strong><?php echo $product_price ?></strong></span>
                        <div class="clear"></div>
                      <!--  <span class="txt_r" style="margin-left: 55px;">Оптом:&nbsp;</span><span>1500 руб.</span>-->
                        <div class="clear"></div>
                  <div class="more_in"><?php echo $addtocart ?></div>
                                 </div>
                                 
                                 <div class="blok_two">
                                 <h1><?php echo $product_name ?></h1>
                                       <div class="desk">
<?php echo $product_description ?>
                                       </div>
                                 </div>
                                 
                                 
                                 
                                 
                              </div>   
                              
                              <div class="line_bottom">
                                 <div class="blok_thre">
                                 <?php echo $ask_seller ?>
                                 </div>
                              
                              </div>
                        </div>




<?php
if( !empty( $recent_products )) { ?>
   <div class="vmRecent">
   <?php echo $recent_products; ?>
   </div>
<?php
}
if( !empty( $navigation_childlist )) { ?>
   <?php echo $VM_LANG->_('PHPSHOP_MORE_CATEGORIES')?><br />
   <?php echo $navigation_childlist ?><br style="clear:both"/>
<?php
} ?>

theme.js

Показать текстовый блок

/**
 * This file holds javscript functions that are used by the templates in the Theme
 *
 */

 // AJAX FUNCTIONS
function loadNewPage( el, url ) {

   var theEl = $(el);
   var callback = {
      success : function(responseText) {
         theEl.innerHTML = responseText;
         if( Lightbox ) Lightbox.init();
      }
   }
   var opt = {
       // Use POST
       method: 'get',
       // Handle successful response
       onComplete: callback.success
    }
   new Ajax( url + '&only_page=1', opt ).request();
}

function handleGoToCart() { document.location = live_site + '/index.php?option=com_virtuemart&page=shop.cart&product_id=' + formCartAdd.product_id.value ; }

var flyingSpeed = 20;
var shopping_cart_id = 'vmCartModule';
var shopping_cart_div = false;
var flyingDiv = false;
var currentProductDiv = false;
var shopping_cart_x = false;
var shopping_cart_y = false;
var slide_xFactor = false;
var slide_yFactor = false;
var diffX = false;
var diffY = false;
var currentXPos = false;
var currentYPos = false;

function shoppingCart_getTopPos(inputObj)
{
   var returnValue = inputObj.offsetTop;
   while((inputObj = inputObj.offsetParent)!= null){
      if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
   }
   return returnValue;
}

function shoppingCart_getLeftPos(inputObj)
{
   var returnValue = inputObj.offsetLeft;
   while((inputObj = inputObj.offsetParent)!= null){
      if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
   }
   return returnValue;
}

function addToBasket(productId) //productId - id of HTML element to move to cart
{
   if(!shopping_cart_div)
      shopping_cart_div = document.getElementById(shopping_cart_id); // id of cart
   if(!flyingDiv){
      flyingDiv = document.createElement('DIV');
      flyingDiv.style.position = 'absolute';
      document.body.appendChild(flyingDiv);
   }
   shopping_cart_x = shoppingCart_getLeftPos(shopping_cart_div);
   shopping_cart_y = shoppingCart_getTopPos(shopping_cart_div);
   currentProductDiv = document.getElementById(productId).parentNode.parentNode;
   var s = currentProductDiv.tagName;
   if (currentProductDiv.getElementsByClassName)
   {
      currentProductDiv = currentProductDiv.getElementsByClassName('browseProductImage')[0];
   }
   else
   {
      currentProductDiv = $(currentProductDiv).getElement(" .browseProductImage");
   }
   if (s == "TD") {
      currentProductDiv = $(document.body).getElement(" .browseProductImage");
   }      
   currentXPos = shoppingCart_getLeftPos(currentProductDiv);
   currentYPos = shoppingCart_getTopPos(currentProductDiv);
   diffX = shopping_cart_x - currentXPos;
   diffY = shopping_cart_y - currentYPos;
   var shoppingContentCopy = currentProductDiv.cloneNode(true);
   shoppingContentCopy.id='';
   flyingDiv.innerHTML = '';
   flyingDiv.id = 'flying';
   flyingDiv.style.left = currentXPos + 'px';
   flyingDiv.style.top = currentYPos + 'px';
   flyingDiv.style.opacity = 0.5;
   flyingDiv.appendChild(shoppingContentCopy);
   flyingDiv.style.display='block';
   flyToBasket();
}

function flyToBasket()
{
   var maxDiff = Math.max(Math.abs(diffX),Math.abs(diffY));
   fSpeed = maxDiff/1000 * flyingSpeed;
   var moveX = (diffX / maxDiff) * fSpeed;
   var moveY = (diffY / maxDiff) * fSpeed;
   currentXPos = currentXPos + moveX;
   currentYPos = currentYPos + moveY;
   flyingDiv.style.left = Math.round(currentXPos) + 'px';
   flyingDiv.style.top = Math.round(currentYPos) + 'px';
   if(moveX>0 && currentXPos > shopping_cart_x){
      flyingDiv.style.display='none';
   }
   if(moveX<0 && currentXPos < shopping_cart_x){
      flyingDiv.style.display='none';
   }
   if(flyingDiv.style.display=='block')
      setTimeout('flyToBasket()',20);
   else
      flyingDiv.innerHTML = '';
}

function handleAddToCart( formId, parameters ) {
   formCartAdd = document.getElementById( formId );
   addToBasket(formId)
   var callback = function(responseText) {
      updateMiniCarts();
      // close an existing mooPrompt box first, before attempting to create a new one (thanks wellsie!)
//      if (document.boxB) {
//         document.boxB.close();
////         clearTimeout(timeoutID);
//      }
//
//      document.boxB = new MooPrompt(notice_lbl, responseText, {
//            buttons: 2,
//            width:400,
//            height:150,
//            overlay: false,
//            button1: ok_lbl,
//            button2: cart_title,
//            onButton2:    handleGoToCart
//         });
//
//      setTimeout( 'document.boxB.close()', 3000 );
   }

   var opt = {
       // Use POST
       method: 'post',
       // Send this lovely data
       data: $(formId),
       // Handle successful response
       onComplete: callback,

       evalScripts: true
   }

   new Ajax(formCartAdd.action, opt).request();
}
/**
* This function searches "vmCartModule" and
* updates with the contents of the page "shop.basket_short" after a cart modification event
*/
function updateMiniCarts() {
   var callbackCart = function(responseText) {
      carts = document.getElementById( 'vmCartModule' );
      if( carts ) {
         try {
               carts.innerHTML = responseText;

               try {
                  color = carts.getStyle( 'color' );
                  bgcolor = carts.getStyle( 'background-color' );
                  if( bgcolor == 'transparent' ) {
                     // If the current element has no background color, it is transparent.
                     // We can't make a highlight without knowing about the real background color,
                     // so let's loop up to the next parent that has a BG Color
                     parent = carts.getParent();
                     while( parent && bgcolor == 'transparent' ) {
                        bgcolor = parent.getStyle( 'background-color' );
                        parent = parent.getParent();
                     }
                  }
                  //var fxc = new Fx.Style(carts, 'color', {duration: 1000});
                  //var fxbgc = new Fx.Style(carts, 'background-color', {duration: 1000});

                  //fxc.start( '#222', color );
                  //fxbgc.start( '#fff68f', bgcolor );
                  if( parent ) {
                  //   setTimeout( "carts.setStyle( 'background-color', 'transparent' )", 1000 );
                  }
               } catch(e) {}
         } catch(e) {}
      }
   }
   var option = { method: 'post', onComplete: callbackCart, data: { only_page:1,page: "shop.basket_short", option: "com_virtuemart" } }
   new Ajax( live_site + '/index2.php', option).request();
}
/**
* This function allows you to present contents of a URL in a really nice stylish dhtml Window
* It uses the WindowJS, so make sure you have called
* vmCommonHTML::loadWindowsJS();
* before
*/
function fancyPop( url, parameters ) {

   parameters = parameters || {};
   popTitle = parameters.title || '';
   popWidth = parameters.width || 700;
   popHeight = parameters.height || 600;
   popModal = parameters.modal || false;

   window_id = new Window('window_id', {className: "mac_os_x",
                              title: popTitle,
                              showEffect: Element.show,
                              hideEffect: Element.hide,
                              width: popWidth, height: popHeight});
   window_id.setAjaxContent( url, {evalScripts:true}, true, popModal );
   window_id.setCookie('window_size');
   window_id.setDestroyOnClose();
}

[dishan]

Есть готовое бесплатное решение plg_vmaddtocarteffect_ck_j15 http://www.joomlack.fr/Extensions-Joomla-1-5/Plugins/VM-AddToCart-Effect/

Плагин работает, но только в карточке товара

[Tokyo]

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

[tefun]

на JEDе видел, ставил бесплатно работает, только немного по другому

[tefun]

Привет!
  Может кто встречал или натыкался на какие-нибудь эффекты при добавлении в корзину?
  Вот нашел отличный пример http://divine-light.ru/katalog/category/65/aktsii-i-rasprodagi.html
  "Легко" добавляется в корзину, "легко" открывается фотография - отличное решение!

Решенее найдено, архив прилогается.
Спасибо danik.html за файл
Описание по установки взял у loginbox

мне бы сделать как этом сайте Сортировку по производиткля в категории

[dimon7772]

Плагин работает, но только в карточке товара

У меня не работает joo 1.5.25 VirtueMart 1.1.9