' . $icon_inner . '
';
- $title = trim((string) $args['title']);
- $desc = trim((string) $args['desc']);
- $text = '';
- if ($title !== '') {
- $text .= '' . esc_html($title) . '
';
- }
- if ($desc !== '') {
- $text .= '' . esc_html($desc) . '
';
- }
+ $icon_fa = trim((string) $args['icon']);
+ // custom_icon (SPA) + customize_icon (zibll) + icon_image URL.
+ $custom_src = (string) ($args['custom_icon'] !== '' ? $args['custom_icon'] : $args['customize_icon']);
+ $icon_img = esc_url_raw(trim((string) ($args['icon_image'] !== '' ? $args['icon_image'] : '')));
+ $custom_html = '';
+ if ($icon_img === '' && $custom_src !== '' && str_contains($custom_src, '<')) {
+ $custom_html = wp_kses($custom_src, [
+ 'i' => ['class' => true, 'aria-hidden' => true],
+ 'img' => ['src' => true, 'alt' => true, 'class' => true, 'loading' => true, 'width' => true, 'height' => true],
+ 'span' => ['class' => true],
+ 'svg' => ['class' => true, 'viewbox' => true, 'viewBox' => true, 'width' => true, 'height' => true, 'fill' => true, 'xmlns' => true, 'aria-hidden' => true],
+ 'path' => ['d' => true, 'fill' => true, 'stroke' => true, 'stroke-width' => true],
+ 'use' => ['href' => true, 'xlink:href' => true],
+ ]);
+ } elseif ($icon_img === '' && $custom_src !== '' && filter_var($custom_src, FILTER_VALIDATE_URL)) {
+ $icon_img = esc_url_raw($custom_src);
+ }
+ if ($icon_fa === '' && $icon_img === '' && $custom_html === '') {
+ return '';
+ }
- $html = '';
- if ($url !== '') {
- $html .= '';
- }
- $html .= '';
- $html .= $icon;
- $html .= $text !== '' ? '
' . $text . '
' : '';
- $html .= '
' . $icon_inner . '
';
+
+ // zibll allows HTML in title/desc (admin stores badges etc.).
+ $title = (string) $args['title'];
+ $desc = (string) $args['desc'];
+ $allow = [
+ 'badge' => ['class' => true],
+ 'span' => ['class' => true],
+ 'i' => ['class' => true, 'aria-hidden' => true],
+ 'em' => ['class' => true],
+ 'strong' => ['class' => true],
+ 'b' => [],
+ 'small' => ['class' => true],
+ 'br' => [],
+ ];
+ $text = '';
+ if (trim(wp_strip_all_tags($title)) !== '' || str_contains($title, '<')) {
+ $text .= ' ' . wp_kses($title, $allow) . '
';
+ }
+ if (trim(wp_strip_all_tags($desc)) !== '' || str_contains($desc, '<')) {
+ $text .= ' ' . wp_kses($desc, $allow) . '
';
+ }
+
+ $html = '';
+ if ($url !== '') {
+ // zibll: ';
+ }
+ $html .= '';
+ $html .= $icon;
+ $html .= $text !== '' ? '
' . $text . '
' : '';
+ $html .= '
' . $icon_html . '
';
+ $icon_html = $custom_icon !== ''
+ ? wp_kses_post((string) $custom_icon)
+ : '';
- if ($title) {
- $text_html .= '
' . wp_kses_post($title) . '
';
- }
- if ($desc) {
- $text_html .= '
' . wp_kses_post($desc) . '
';
- }
- $text_html .= '
' . $icon_html . '
';
- // 卡片内容
- $card_inner = $icon_container . $text_html;
+ $text_html = '';
+ if ($title !== '') {
+ $text_html .= '
' . wp_kses_post((string) $title) . '
';
+ }
+ if ($desc !== '') {
+ $text_html .= '
' . wp_kses_post((string) $desc) . '
';
+ }
+ $text_html .= '
' . $card_inner . '
';
- }
+ $card_inner = $icon_container . $text_html;
+ $cls = 'icon-cover-card flex ac ' . esc_attr((string) ($card['class'] ?? 'zib-widget'));
- return $html;
-}
+ if ($url !== '') {
+ return '' . $card_inner . '
';
+ }
endif;
// ============================================================
diff --git a/templates/parts/home-modules/module-hero.php b/templates/parts/home-modules/module-hero.php
index 46822d59..1b8e1806 100644
--- a/templates/parts/home-modules/module-hero.php
+++ b/templates/parts/home-modules/module-hero.php
@@ -152,33 +152,52 @@ $render_icon_cards = static function () use ($show_cards, $icon_cards, $card_bg_
if (!$show_cards || empty($icon_cards)) {
return;
}
+ /**
+ * Overlay icon cards — 1:1 zibll zib_header_slide() card module.
+ *
+ * show_widget_bg (shared) → outer .zib-widget.padding-10 + each card class=padding-10 in .relative-h
+ * individual (default) → outer empty div + each card class=zib-widget in .flex1
+ * Row: .flex.jse.flex-row.gutters-5.flex-col-sm-2
+ */
+ $show_widget_bg = ($card_bg_mode === 'shared');
+ $icon_radius4 = ($card_icon_shape === 'square');
+ $slider_card_html = '';
+ foreach ($icon_cards as $raw) {
+ if (!is_array($raw)) {
+ continue;
+ }
+ $card = $raw;
+ $card['class'] = $show_widget_bg ? 'padding-10' : 'zib-widget';
+ $extra = trim((string) ($card['icon_class'] ?? ''));
+ if ($icon_radius4 && !str_contains($extra, 'radius4')) {
+ $extra = trim($extra . ' radius4');
+ }
+ $card['icon_class'] = $extra;
+ unset($card['icon_shape']);
+
+ $wrap_class = $show_widget_bg ? 'relative-h' : 'flex1';
+ $inner = function_exists('aksrt_icon_cover_card')
+ ? aksrt_icon_cover_card($card)
+ : (function_exists('aksrt_render_icon_cover_card') ? aksrt_render_icon_cover_card($card) : '');
+ if ($inner === '') {
+ continue;
+ }
+ $slider_card_html .= '' . $inner . '
';
+ }
+ if ($slider_card_html === '') {
+ return;
+ }
?>