Joomla суффикс модулей в Artisteer 4.1 -4.2

Опубликовано: 2019-07-21
Редактировалось: 8 раз — последний 18 апреля 2016
Просмотров: 649
Настроение: отличное
+11
: 11
Так как многих давно интересовало как сделать суффиксы модулей для Джумла в Artisteer 4.1-4.2 то выкладываю решение в виде блога.

Перед прочтением внимательно изучите эту статью, так как принцип создания взят из неё:
Скрытый текст виден только зарегистрированным пользователям


К делу...

Задача нужно сделать в Joomla два (или 10) непохожих друг на друга модуля:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Открываем файл шаблона functions.php и находим в нем строки:
Код PHP:
  1.  
  2. function artxBlock($caption, $content, $classes = '')
  3. {
  4. $hasCaption = ($GLOBALS['artx_settings']['block']['has_header']
  5. && null !== $caption && strlen(trim($caption)) > 0);
  6. $hasContent = (null !== $content && strlen(trim($content)) > 0);
  7. if (!$hasCaption && !$hasContent)
  8. return '';
  9. artxFragmentBegin("<div class="block clearfix" . $classes . "">");
  10. artxFragmentBegin("<div class="blockheader"><h3 class="t">");
  11. artxFragmentContent($caption);
  12. artxFragmentEnd("</h3></div>");
  13. artxFragmentBegin("<div class="blockcontent">");
  14. artxFragmentContent(artxPostprocessBlockContent($content));
  15. artxFragmentEnd("</div>");
  16.  
  17. return artxFragmentEnd("</div>", '', true);
  18.  
  19. }
  20.  
  21.  


""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Берем это " . $classes . " (ОБРАТИТЕ НА СИНТАКСИС, КОВЫЧКИ И ПР,) вырезаем и вставляем перед стилями так:


Код PHP:
  1.  
  2. function artxBlock($caption, $content, $classes = '')
  3. {
  4. $hasCaption = ($GLOBALS['artx_settings']['block']['has_header']
  5. && null !== $caption && strlen(trim($caption)) > 0);
  6. $hasContent = (null !== $content && strlen(trim($content)) > 0);
  7. if (!$hasCaption && !$hasContent)
  8. return '';
  9. artxFragmentBegin("<div class="" . $classes . "block clearfix">");
  10. artxFragmentBegin("<div class="" . $classes . "blockheader"><h3 class="t">");
  11. artxFragmentContent($caption);
  12. artxFragmentEnd("</h3></div>");
  13. artxFragmentBegin("<div class="" . $classes . "blockcontent">");
  14. artxFragmentContent(artxPostprocessBlockContent($content));
  15. artxFragmentEnd("</div>");
  16.  
  17. return artxFragmentEnd("</div>", '', true);
  18.  
  19. }
  20.  
  21.  
Правка: В этой строке (на картинке, в коде поправлено)
Код PHP:
  1.  
  2. artxFragmentBegin("<div class="" . $classes . "blockheader"><h3 class="t">");
  3.  
в <h3 class="t"> добавлять " . $classes . " не надо.


""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


С файлом functions.php закончено. Теперь займемся стилями и делаем все то же что в статье:

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


для версии 3.1, то есть меняем в настройках и ставим нужный суффикс (я поставил now) делаем в артистире
Вид нового блока, затем делаем экспорт, и берем получившиеся стили для блока:
Код PHP:
  1.  
  2.  
  3. .nowblock
  4. {
  5. background: #D9DEE3;
  6. -webkit-border-radius: 4px;
  7. -moz-border-radius: 4px;
  8. border-radius: 4px;
  9. -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  10. -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  11. box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
  12. border: 1px solid #FA681E;
  13. padding: 3px;
  14. margin: 3px;
  15. }
  16.  
  17. div.nowblock img
  18. {
  19. border: 1px dotted #9CAFC4;
  20. margin: 12px;
  21. }
  22.  
  23. .nowblockheader
  24. {
  25. background: none;
  26. padding: 12px 7px;
  27. margin: 0 auto;
  28. }
  29.  
  30. .nowblockheader .t, .nowblockheader .t a, .nowblockheader .t a:link, .nowblockheader .t a:visited, .nowblockheader .t a:hover
  31. {
  32. color: #E2341D;
  33. font-size: 20px;
  34. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  35. font-weight: normal;
  36. font-style: normal;
  37. margin: 0 5px;
  38. }
  39.  
  40. .nowblockcontent
  41. {
  42. background: none;
  43. padding: 7px;
  44. margin: 0 auto;
  45. color: #24303D;
  46. font-size: 13px;
  47. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  48. line-height: 175%;
  49. }
  50.  
  51. .nowblockcontent table, .nowblockcontent li, .nowblockcontent a, .nowblockcontent a:link, .nowblockcontent a:visited, .nowblockcontent a:hover
  52. {
  53. color: #24303D;
  54. font-size: 13px;
  55. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  56. line-height: 175%;
  57. }
  58.  
  59. .nowblockcontent p
  60. {
  61. margin: 0 5px;
  62. }
  63.  
  64. .nowblockcontent a, .nowblockcontent a:link
  65. {
  66. color: #DC4C04;
  67. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  68. }
  69.  
  70. .nowblockcontent a:visited, .nowblockcontent a.visited
  71. {
  72. color: #869DB6;
  73. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  74. text-decoration: none;
  75. }
  76.  
  77. .nowblockcontent a:hover, .nowblockcontent a.hover
  78. {
  79. color: #AA3B03;
  80. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  81. text-decoration: none;
  82. }
  83.  
  84. .nowblock ul>li:before
  85. {
  86. content: url('../images/blockbullets.png');
  87. margin-right: 6px;
  88. bottom: 2px;
  89. position: relative;
  90. display: inline-block;
  91. vertical-align: middle;
  92. font-size: 0;
  93. line-height: 0;
  94. margin-left: -10px;
  95. }
  96.  
  97. .opera .nowblock ul>li:before
  98. {
  99. bottom: 0;
  100. }
  101.  
  102. .nowblock li
  103. {
  104. font-size: 13px;
  105. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  106. line-height: 175%;
  107. color: #3F5369;
  108. margin: 5px 0 0 10px;
  109. }
  110.  
  111. .nowblock ul>li, .nowblock ol
  112. {
  113. padding: 0;
  114. }
  115.  
  116. .nowblock ul>li
  117. {
  118. padding-left: 10px;
  119. }
  120.  
  121. .nowbreadcrumbs
  122. {
  123. background: none;
  124. margin: 0 auto;
  125. }
  126.  
  127. a.nowbutton, a.nowbutton:link, a:link.nowbutton:link, body a.nowbutton:link, a.nowbutton:visited, body a.nowbutton:visited, input.nowbutton, button.nowbutton
  128. {
  129. text-decoration: none;
  130. font-size: 13px;
  131. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  132. font-weight: normal;
  133. font-style: normal;
  134. position: relative;
  135. display: inline-block;
  136. vertical-align: middle;
  137. white-space: nowrap;
  138. text-align: center;
  139. color: #FFFFFF;
  140. margin: 0 5px 0 0 !important;
  141. overflow: visible;
  142. cursor: pointer;
  143. text-indent: 0;
  144. line-height: 24px;
  145. -webkit-box-sizing: content-box;
  146. -moz-box-sizing: content-box;
  147. box-sizing: content-box;
  148. }
  149.  
  150. .nowbutton img
  151. {
  152. margin: 0;
  153. vertical-align: middle;
  154. }
  155.  
  156. .firefox2 .nowbutton
  157. {
  158. display: block;
  159. float: left;
  160. }
  161.  
  162. input, select, textarea, a.nowsearch-button span
  163. {
  164. vertical-align: middle;
  165. font-size: 13px;
  166. font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  167. font-weight: normal;
  168. font-style: normal;
  169. }
  170.  
  171. .nowblock select
  172. {
  173. width: 96%;
  174. }
  175.  
  176. input.nowbutton
  177. {
  178. float: none !important;
  179. -webkit-appearance: none;
  180. }
  181.  
  182. .nowbutton.active, .nowbutton.active:hover
  183. {
  184. background: #A1ADBA;
  185. -webkit-border-radius: 3px;
  186. -moz-border-radius: 3px;
  187. border-radius: 3px;
  188. border-width: 0;
  189. padding: 0 21px;
  190. margin: 0 auto;
  191. }
  192.  
  193. .nowbutton.active, .nowbutton.active:hover
  194. {
  195. color: #FFFFFF !important;
  196. }
  197.  
  198. .nowbutton.hover, .nowbutton:hover
  199. {
  200. background: #8A99A8;
  201. -webkit-border-radius: 3px;
  202. -moz-border-radius: 3px;
  203. border-radius: 3px;
  204. border-width: 0;
  205. padding: 0 21px;
  206. margin: 0 auto;
  207. }
  208.  
  209. .nowbutton.hover, .nowbutton:hover
  210. {
  211. color: #FFFFFF !important;
  212. }
  213.  
  214.  
  215.  




""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


и добавляем их в конец файла template.css

Теперь открываем нужный нам модуль в аминке, и ставим в параметрах наш суффикс:

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.


Все сохраняем и пользуемся. v
Комментарии (7)
Goricin #
: 0
Спасибо большое, очень нужно. Наконец дождался, буду пробовать v v v
Levoch #
: 0
Нужно не так часто, но теперь можно будет использовать. Респект.
sabrina #
: 0
Недавно было очень нужно. Пришлось обойтись cry
Теперь буду знать, что есть. angel
bambino #
: 0
А как можно сделать разные вертикальные меню?
samson #
: 0
С ним все как раз проще. Делаете дополнительный экспорт шаблона с другим префиксом и забираете из файлов стилей все что относится к вертикальному меню в файл стилей основного шаблона. Дальше просто нужному вертикальному меню делаете нужный суффикс. Пилить в коде ничего не нужно. joke
mars18 #
: 0
И для 4,3 такой же принцип?
samson #
: 0
Такой же.

Случайное из блогов

samson
Доля покупок и оказания услуг в интернете все увеличивается. Нам все больше приходится платить он лайн....
3 - +8
skaz
Как подключить к Joomla не стандартный слайдер новостей, слайд шоу картинок. В интернете очень много...
9 - +6
samson
Так как многих давно интересовало как сделать суффиксы модулей для Джумла в Artisteer 4.1-4.2 то выкладываю...
7 - +11
artnikov
Пока "есть еще" время, продолжу, с вашего разрешения... Данная тема посвещена-измененнию логина ADMIN,...
1 - +6
artnikov
Доброго здоровья. В интернете МИЛЛИОН статей на тему, как вывести сайт за кратчайший срок в ТОП 3 или ТОП...
11 - +7