Перейти к содержимому


Фотография
* * * * * 1 Голосов

[Рецепт] Вид Модуля Корзины - Basket

basket

Сообщений в теме: 17

#1 CB9TOIIIA

CB9TOIIIA

Отправлено 12 October 2016 - 13:22

*
Популярное сообщение!

Всем привет! Верстал вид модуля корзины, решил запостить - вдруг кому понадобится.

Uikit частично.

 

 
GIFsdf324234.gif

 

 

Создаем файл в: modules\mod_jbzoo_basket\tmpl

 

Назвал: topheadbasket

  1. <?php
  2. /**
  3. * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
  4. * @package jbzoo
  5. * @version 2.x Pro
  6. * @author JBZoo App http://jbzoo.com
  7. * @copyright Copyright (C) JBZoo.com, All rights reserved.
  8. * @license http://jbzoo.com/license-pro.php JBZoo Licence
  9. * @coder Denis Smetannikov <denis@jbzoo.com>
  10. */
  11.  
  12. // no direct access
  13. defined('_JEXEC') or die('Restricted access');
  14.  
  15. $cart = JBCart::getInstance();
  16. $order = $modHelper->getOrder();
  17. $currency = $modHelper->getCurrency();
  18. $items = $modHelper->getBasketItems(array(
  19. 'class' => array(
  20. 'image' => 'uk-thumbnail'
  21. )
  22. ));
  23.  
  24. ?>
  25. <div class="jbzoo jbcart-module jsJBZooCartModule" id="<?php echo $modHelper->getModuleId(); ?>">
  26.  
  27. <div class="cartmodtop"><i class="uk-icon-shopping-cart"></i></div>
  28.  
  29. <?php if (empty($items)) : ?>
  30. <div class="jbcart-module-empty clearfix"> <span class="yourcarisemptypllles"><?php echo JText::_('JBZOO_CART_MODULE_EMPTY'); ?></span> </div>
  31. <?php else: ?>
  32.  
  33. <?php if ((int)$params->get('jbcart_items', 1)) : ?>
  34. <div class="jbcart-module-items">
  35.  
  36. <?php foreach ($items as $itemKey => $cartItem) :
  37. $attrs = array(
  38. 'data-key' => $itemKey,
  39. 'data-jbprice' => $cart->get($itemKey . '.element_id') . '-' . $cart->get($itemKey . '.item_id'),
  40. 'class' => array(
  41. $itemKey,
  42. 'jsCartItem',
  43. 'jbcart-module-item',
  44. 'clearfix'
  45. ),
  46. );
  47. ?>
  48.  
  49. <div <?php echo $modHelper->attrs($attrs);?>>
  50.  
  51. <?php if ((int)$params->get('jbcart_item_delete', 1)) : ?>
  52. <span class="uk-button uk-button-danger uk-button-small round jsDelete jbcart-item-delete">
  53. <i class="uk-icon-trash-o"></i>
  54. </span>
  55. <?php endif; ?>
  56.  
  57. <?php if ((int)$params->get('jbcart_item_image', 1)) {
  58. echo $cartItem['image'];
  59. } ?>
  60.  
  61. <?php echo $cartItem['name']; ?>
  62.  
  63. <?php if ((int)$params->get('jbcart_item_price', 1)) : ?>
  64. <div class="jbcart-item-price">
  65. <?php echo $cartItem['price4one']; ?>
  66.  
  67. <?php if ((int)$params->get('jbcart_item_quantity', 1)) : ?>
  68. <span class="jbcart-item-price-multiple">x</span>
  69. <?php echo $cartItem['quantity']; ?>
  70. <?php endif; ?>
  71.  
  72. </div>
  73.  
  74. <?php elseif ((int)$params->get('jbcart_item_quantity', 1)): ?>
  75. <?php echo $cartItem['quantity']; ?>
  76. <?php endif; ?>
  77.  
  78. <?php if ((int)$params->get('jbcart_item_total', 1)) {
  79. echo $cartItem['totalsum'];
  80. } ?>
  81.  
  82. <?php if ((int)$params->get('jbcart_item_params', 1)) {
  83. echo $cartItem['params'];
  84. } ?>
  85. </div>
  86. <?php endforeach; ?>
  87.  
  88. </div>
  89. <?php endif; ?>
  90.  
  91. <?php if ((int)$params->get('jbcart_count_items', 1)) : ?>
  92. <div class="jbcart-module-line">
  93. <span class="jbcart-module-total-items circle">
  94. <?php echo $order->getTotalCount(); ?>
  95. </span>
  96. </div>
  97. <?php endif ?>
  98.  
  99.  
  100. <?php if ((int)$params->get('jbcart_count_sku', 1)) : ?>
  101. <div class="jbcart-module-line">
  102. <?php echo JText::_('JBZOO_CART_MODULE_TOTAL_SKU'); ?>:
  103. <span class="jbcart-module-total-items">
  104. <?php echo $order->getTotalCountSku() . ' ' . JText::_('JBZOO_CART_COUNT_ABR'); ?>
  105. </span>
  106. </div>
  107. <?php endif ?>
  108.  
  109.  
  110. <?php if ((int)$params->get('jbcart_totalsum', 1)) : ?>
  111. <div class="jbcart-module-line">
  112.  
  113. <span class="jbcart-module-total-value"><?php echo $order->getTotalSum()->html($currency); ?> руб.</span>
  114. </div>
  115. <?php endif ?>
  116.  
  117.  
  118. <?php if ((int)$params->get('jbcart_button_empty', 1) || (int)$params->get('jbcart_button_gotocart', 1)) : ?>
  119.  
  120. <div class="jbcart-module-buttons clearfix">
  121.  
  122. <?php if ((int)$params->get('jbcart_button_empty', 1)): ?>
  123. <span class="uk-button uk-button-danger jbcart-module-empty jsEmptyCart">
  124. <i class="uk-icon-shopping-cart"></i>
  125. <span class="yourcarisemptypllles"> <?php echo JText::_('JBZOO_CART_MODULE_EMPTY_BUTTON'); ?> </span>
  126. </span>
  127. <?php endif ?>
  128.  
  129. <?php if ((int)$params->get('jbcart_button_gotocart', 1)): ?>
  130. <a rel="nofollow" class="gocartgogreenmodtop jbcart-module-gotocart"
  131. href="<?php echo $modHelper->getBasketUrl(); ?>">
  132.  
  133. <span>Оформить заказ</span>
  134. </a>
  135. <?php endif ?>
  136.  
  137. </div>
  138. <?php endif ?>
  139.  
  140. <?php endif; ?>
  141.  
  142. </div>
  143.  
  1.  
  2. .korzina {
  3. line-height: 1;
  4. margin-top: 12px;
  5. position: relative;
  6. }
  7.  
  8. .korzina .jbcart-module-buttons.clearfix {
  9. float: left;
  10. }
  11.  
  12. .korzina .jbcart-module {
  13. background-color: #455674;
  14. display: inline-block;
  15. min-width: 200px;
  16. padding: 10px 15px;
  17. }
  18.  
  19.  
  20. .frontpage.alias-table-app {
  21. margin: 0px;
  22. padding: 0px;
  23. }
  24.  
  25. span.jbcart-module-total-items.circle {
  26. position: absolute;
  27. background-color: #DA314B;
  28. padding: 10px;
  29. border-radius: 100%;
  30. min-width: 12px;
  31. display: inline-block;
  32. top: 0px;
  33. text-align: center;
  34. font-size: 0.7em;
  35. ;
  36. }
  37.  
  38. .cartmodtop i.uk-icon-shopping-cart {
  39. transform: scale(-1, 1);
  40. font-size: 4em;
  41. color: #8CC14C;
  42. }
  43. .yourcarisemptypllles {
  44. line-height: 2;
  45. }
  46. .cartmodtop {
  47. float: left;
  48. margin-right: 15px;
  49. }
  50.  
  51.  
  52. a.gocartgogreenmodtop {
  53. color: #8cc14c;
  54. border-bottom: 1px dashed #8cc14c;
  55. line-height: 1.5;
  56. margin-top: -5px;
  57. }
  58.  
  59. a.gocartgogreenmodtop:hover {
  60. border: 0px;
  61. text-decoration: none;
  62. }
  63.  
  64. .yourcarisemptypllles {
  65. line-height: 1;
  66. position: absolute;
  67. top: 30px;
  68. ;
  69. }
  70.  

14489769.gif


  • 15

#2 Tunga

Tunga

Отправлено 12 October 2016 - 13:38

Как давно его не хватало -СУПЕР!!!

Кстати было бы не плохо вместо текста "Ваша корзина пуста" вывести число 0, что соответствует общей логике отображения заказов в корзине. Как тут https://ru.aliexpress.com


Сообщение отредактировал Tunga: 07 February 2017 - 19:04

  • 2

JBZoo это круто!


#3 usersJbzoo

usersJbzoo

Отправлено 12 October 2016 - 15:50

Здорово!


  • 1

#4 annaaa

annaaa

Отправлено 07 June 2018 - 20:24

Второй код вставляем в template шаблона? 

Сделала все, как написано, но почему-то все совсем не так выглядит.

Слева наверху.

http://gspland.ru/images/GGG/


  • 0

#5 annaaa

annaaa

Отправлено 07 June 2018 - 23:09

Второй код вставляем в template шаблона? 

Сделала все, как написано, но почему-то все совсем не так выглядит.

Слева наверху.

http://gspland.ru/images/GGG/

 

CB9TOIIIA сказал(а) 12 Окт 2016 - 12:22:

Всем привет! Верстал вид модуля корзины, решил запостить - вдруг кому понадобится.

Uikit частично.

 

 

 

 

Создаем файл в: modules\mod_jbzoo_basket\tmpl

 

Назвал: topheadbasket

  1. <?php
  2. /**
  3. * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
  4. * @package jbzoo
  5. * @version 2.x Pro
  6. * @author JBZoo App http://jbzoo.com
  7. * @copyright Copyright (C) JBZoo.com, All rights reserved.
  8. * @license http://jbzoo.com/license-pro.php JBZoo Licence
  9. * @coder Denis Smetannikov <denis@jbzoo.com>
  10. */
  11.  
  12. // no direct access
  13. defined('_JEXEC') or die('Restricted access');
  14.  
  15. $cart = JBCart::getInstance();
  16. $order = $modHelper->getOrder();
  17. $currency = $modHelper->getCurrency();
  18. $items = $modHelper->getBasketItems(array(
  19. 'class' => array(
  20. 'image' => 'uk-thumbnail'
  21. )
  22. ));
  23.  
  24. ?>
  25. <div class="jbzoo jbcart-module jsJBZooCartModule" id="<?php echo $modHelper->getModuleId(); ?>">
  26.  
  27. <div class="cartmodtop"><i class="uk-icon-shopping-cart"></i></div>
  28.  
  29. <?php if (empty($items)) : ?>
  30. <div class="jbcart-module-empty clearfix"> <span class="yourcarisemptypllles"><?php echo JText::_('JBZOO_CART_MODULE_EMPTY'); ?></span> </div>
  31. <?php else: ?>
  32.  
  33. <?php if ((int)$params->get('jbcart_items', 1)) : ?>
  34. <div class="jbcart-module-items">
  35.  
  36. <?php foreach ($items as $itemKey => $cartItem) :
  37. $attrs = array(
  38. 'data-key' => $itemKey,
  39. 'data-jbprice' => $cart->get($itemKey . '.element_id') . '-' . $cart->get($itemKey . '.item_id'),
  40. 'class' => array(
  41. $itemKey,
  42. 'jsCartItem',
  43. 'jbcart-module-item',
  44. 'clearfix'
  45. ),
  46. );
  47. ?>
  48.  
  49. <div <?php echo $modHelper->attrs($attrs);?>>
  50.  
  51. <?php if ((int)$params->get('jbcart_item_delete', 1)) : ?>
  52. <span class="uk-button uk-button-danger uk-button-small round jsDelete jbcart-item-delete">
  53. <i class="uk-icon-trash-o"></i>
  54. </span>
  55. <?php endif; ?>
  56.  
  57. <?php if ((int)$params->get('jbcart_item_image', 1)) {
  58. echo $cartItem['image'];
  59. } ?>
  60.  
  61. <?php echo $cartItem['name']; ?>
  62.  
  63. <?php if ((int)$params->get('jbcart_item_price', 1)) : ?>
  64. <div class="jbcart-item-price">
  65. <?php echo $cartItem['price4one']; ?>
  66.  
  67. <?php if ((int)$params->get('jbcart_item_quantity', 1)) : ?>
  68. <span class="jbcart-item-price-multiple">x</span>
  69. <?php echo $cartItem['quantity']; ?>
  70. <?php endif; ?>
  71.  
  72. </div>
  73.  
  74. <?php elseif ((int)$params->get('jbcart_item_quantity', 1)): ?>
  75. <?php echo $cartItem['quantity']; ?>
  76. <?php endif; ?>
  77.  
  78. <?php if ((int)$params->get('jbcart_item_total', 1)) {
  79. echo $cartItem['totalsum'];
  80. } ?>
  81.  
  82. <?php if ((int)$params->get('jbcart_item_params', 1)) {
  83. echo $cartItem['params'];
  84. } ?>
  85. </div>
  86. <?php endforeach; ?>
  87.  
  88. </div>
  89. <?php endif; ?>
  90.  
  91. <?php if ((int)$params->get('jbcart_count_items', 1)) : ?>
  92. <div class="jbcart-module-line">
  93. <span class="jbcart-module-total-items circle">
  94. <?php echo $order->getTotalCount(); ?>
  95. </span>
  96. </div>
  97. <?php endif ?>
  98.  
  99.  
  100. <?php if ((int)$params->get('jbcart_count_sku', 1)) : ?>
  101. <div class="jbcart-module-line">
  102. <?php echo JText::_('JBZOO_CART_MODULE_TOTAL_SKU'); ?>:
  103. <span class="jbcart-module-total-items">
  104. <?php echo $order->getTotalCountSku() . ' ' . JText::_('JBZOO_CART_COUNT_ABR'); ?>
  105. </span>
  106. </div>
  107. <?php endif ?>
  108.  
  109.  
  110. <?php if ((int)$params->get('jbcart_totalsum', 1)) : ?>
  111. <div class="jbcart-module-line">
  112.  
  113. <span class="jbcart-module-total-value"><?php echo $order->getTotalSum()->html($currency); ?> руб.</span>
  114. </div>
  115. <?php endif ?>
  116.  
  117.  
  118. <?php if ((int)$params->get('jbcart_button_empty', 1) || (int)$params->get('jbcart_button_gotocart', 1)) : ?>
  119.  
  120. <div class="jbcart-module-buttons clearfix">
  121.  
  122. <?php if ((int)$params->get('jbcart_button_empty', 1)): ?>
  123. <span class="uk-button uk-button-danger jbcart-module-empty jsEmptyCart">
  124. <i class="uk-icon-shopping-cart"></i>
  125. <span class="yourcarisemptypllles"> <?php echo JText::_('JBZOO_CART_MODULE_EMPTY_BUTTON'); ?> </span>
  126. </span>
  127. <?php endif ?>
  128.  
  129. <?php if ((int)$params->get('jbcart_button_gotocart', 1)): ?>
  130. <a rel="nofollow" class="gocartgogreenmodtop jbcart-module-gotocart"
  131. href="<?php echo $modHelper->getBasketUrl(); ?>">
  132.  
  133. <span>Оформить заказ</span>
  134. </a>
  135. <?php endif ?>
  136.  
  137. </div>
  138. <?php endif ?>
  139.  
  140. <?php endif; ?>
  141.  
  142. </div>
  143.  
  1.  
  2. .korzina {
  3. line-height: 1;
  4. margin-top: 12px;
  5. position: relative;
  6. }
  7.  
  8. .korzina .jbcart-module-buttons.clearfix {
  9. float: left;
  10. }
  11.  
  12. .korzina .jbcart-module {
  13. background-color: #455674;
  14. display: inline-block;
  15. min-width: 200px;
  16. padding: 10px 15px;
  17. }
  18.  
  19.  
  20. .frontpage.alias-table-app {
  21. margin: 0px;
  22. padding: 0px;
  23. }
  24.  
  25. span.jbcart-module-total-items.circle {
  26. position: absolute;
  27. background-color: #DA314B;
  28. padding: 10px;
  29. border-radius: 100%;
  30. min-width: 12px;
  31. display: inline-block;
  32. top: 0px;
  33. text-align: center;
  34. font-size: 0.7em;
  35. ;
  36. }
  37.  
  38. .cartmodtop i.uk-icon-shopping-cart {
  39. transform: scale(-1, 1);
  40. font-size: 4em;
  41. color: #8CC14C;
  42. }
  43. .yourcarisemptypllles {
  44. line-height: 2;
  45. }
  46. .cartmodtop {
  47. float: left;
  48. margin-right: 15px;
  49. }
  50.  
  51.  
  52. a.gocartgogreenmodtop {
  53. color: #8cc14c;
  54. border-bottom: 1px dashed #8cc14c;
  55. line-height: 1.5;
  56. margin-top: -5px;
  57. }
  58.  
  59. a.gocartgogreenmodtop:hover {
  60. border: 0px;
  61. text-decoration: none;
  62. }
  63.  
  64. .yourcarisemptypllles {
  65. line-height: 1;
  66. position: absolute;
  67. top: 30px;
  68. ;
  69. }
  70.  

14489769.gif


  • 0

#6 mmth

mmth

Отправлено 07 June 2018 - 23:15

annaaa сказал(а) 07 Июн 2018 - 22:09:

Второй код вставляем в template шаблона? 

Сделала все, как написано, но почему-то все совсем не так выглядит.

Слева наверху.

http://gspland.ru/images/GGG/

а в модуле mod_jbzoo_basket выбрали "Альтернативный макет" на созданный Вами?


  • 0

#7 Mirotvoretz

Mirotvoretz

Отправлено 10 June 2018 - 21:40

Спасибо, супер! Уже применил на сайте: https://freza93.ru/

Screenshot_4.jpg

"руб." только убрал из вёрстки, т.к. в настройках уже стояло и дублировалось. Ну и стили чуть поправил.


Сообщение отредактировал Mirotvoretz: 10 June 2018 - 21:42

  • 1

Выгрузки из keys.so


#8 annaaa

annaaa

Отправлено 12 June 2018 - 21:45

mmth сказал(а) 07 Июн 2018 - 22:15:

а в модуле mod_jbzoo_basket выбрали "Альтернативный макет" на созданный Вами?

Да, конечно


  • 0

#9 Sandmansss

Sandmansss

Отправлено 04 March 2019 - 11:57

Mirotvoretz сказал(а) 10 Июн 2018 - 20:40:

Спасибо, супер! Уже применил на сайте: https://freza93.ru/

attachicon.gifScreenshot_4.jpg

"руб." только убрал из вёрстки, т.к. в настройках уже стояло и дублировалось. Ну и стили чуть поправил.

 

И где именно вы убрали дублирование? У меня тоже дублируется и я не пойму где править.


  • 0

#10 mmth

mmth

Отправлено 07 March 2019 - 05:04

Sandmansss сказал(а) 04 Мар 2019 - 10:57:

И где именно вы убрали дублирование? У меня тоже дублируется и я не пойму где править.

что именно у вас дублируется?


  • 0





Темы с аналогичным тегами basket

Click to return to top of page in style!