Advertisement
Igor150195

Перелинковка категорий

Jun 22nd, 2021
398
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.33 KB | None | 0 0
  1. Перелинковка категорий
  2. -стили:
  3. _folder_links.scss
  4. -скрипты и html:
  5.  
  6. для блока с категориями добавляем проверку {if $folder.folder_id == $e.folder_id} active_folder{/if} http://prntscr.com/16aihvz
  7.  
  8. добавляем дата-атрибут data-f-name="{$e.folder_name}" http://prntscr.com/16aiahi
  9.  
  10.  
  11. добавляем див, куда будем вставлять перелинковку http://prntscr.com/16ainmy
  12. {if $mode == "folder" && $page.plugin_id == 16}
  13. <div class="folders-submenu"></div>
  14. {/if}
  15.  
  16. добавляем скрипт http://prntscr.com/16arwx8
  17. {literal}
  18. <script>
  19. $(function(){
  20. if (shop2.mode == 'folder') {
  21. var $active_folder = $('.shop-folders .active_folder'),
  22. prev_href = $active_folder.prev().find('>a').attr('href'),
  23. next_href = $active_folder.next().find('>a').attr('href'),
  24. prev_text = $active_folder.prev().data('f-name'),
  25. next_text = $active_folder.next().data('f-name');
  26.  
  27. if (prev_text) {
  28. $(".folders-submenu").addClass('no_prev_btn');
  29. };
  30.  
  31.  
  32. if (next_text) {
  33. $(".folders-submenu").addClass('no_next_btn');
  34. };
  35.  
  36. var prev_icon = '<i><svg class="gr-svg-icon"><use xlink:href="#icon_shop_card_prev"></use></svg><svg class="gr-svg-icon gr_small_icon"><use xlink:href="#icon_shop_card_prev_small"></use></svg></i>';
  37. var next_icon = '<i><svg class="gr-svg-icon"><use xlink:href="#icon_shop_card_next"></use></svg><svg class="gr-svg-icon gr_small_icon"><use xlink:href="#icon_shop_card_next_small"></use></svg></i>';
  38.  
  39. if (prev_href) {
  40. var prev_btn = `<a href="${prev_href}" class="folders-submenu__prev"><span>${prev_text}${prev_icon}</span></a>`;
  41. $(".folders-submenu").append(prev_btn);
  42. };
  43.  
  44. if (next_href) {
  45. var next_btn = `<a href="${next_href}" class="folders-submenu__next"><span>${next_text}${next_icon}</span></a>`;
  46. $(".folders-submenu").append(next_btn);
  47. };
  48. };
  49. });
  50. </script>
  51. {/literal}
  52.  
  53. вот что получим в итоге https://prnt.sc/16as7nv
  54. и нужно будет проверить адаптацию
  55.  
  56. тут можно посмотреть http://gr-shop2-2-130.oml.ru/magazin/folder/pitstsa
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement