תמונות קטגוריית ערכות נושא של Horizon

Hello, I posted yesterday on the horizon theme topic but I suspect that is not really being monitored.

In short, I think the theme is missing a bit of code to show the uploaded images. I spent a while looking via dev tools and in the settings to no avail. Any help would be much appreciated.

Thanks

<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;"><span data-category-id="5" data-drop-close="true" class="badge-category restricted --style-square" title="The OPDC Core Materials Category will host discussions, FAQ, and related resources for Geoff’s Online Permaculture Design Course."><svg class="fa d-icon d-icon-category.restricted svg-icon svg-string" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#lock"></use></svg><span class="badge-category__name">OPDC Core Materials</span></span></span>

I think this is the relevant section. The Style shown here is

<span class="badge-category__wrapper " style="--category-badge-color: #82c14a;--category-badge-text-color: #FFFFFF;">

So I think the style= needs to also have a “category-image” option. Maybe I can achieve this with CSS? But it seems like we should be able to toggle that within the theme / settings.

I am not proficient in coding so I could be off base, but this is based on the Intro to Components docs and guides you provided (thanks for that!)

מישהו שם בחוץ? מוסיף פוסט כדי להקפיץ.

A similar issue is occurring with subcategory images as well. The image is uploaded, it is clearly shown once you load into a category or subcategory in the upper part of the main container. But from the homepage, we do not see the images for the Categories, and from the category view, we do not see images for the subcategories.

Seen below:

Homepage:

Category view:

Subcategory view:

לייק 1

@chapoi אני רואה שהיית מעורב רבות בנושא Horizon. יש לך מידע לגבי הבעיה שאני רואה למעלה?

שלום, רק הערה לנסות לא להזעיק חברי צוות. תודה!

לייק 1

בסדר, אתה יכול לעזור עם הבעיה שלמעלה אז? נראה שלקהילה כאן אין תשובות, וזו הסיבה שסימנתי איש צוות שראיתי מעורב בפיתוח הנושא הזה אחרי 10+ ימים. מה הצעד הבא שלי עכשיו?

היי ניק! מתנצל על שתיקת הרדיו בנושא זה מצד הצוות. היינו בפגישתנו השנתית העולמית ועדיין מתארגנים לאחר חזרתנו.

נקבל תשובה לשאלתך בהקדם האפשרי.

לא הייתי מעורב ביצירת הנושא הזה, אך אני יודע שהוא נועד להיות פשוט יותר, כך שייתכן שתמונות הקטגוריות אינן מיועדות להצגה בעמוד הבית. אני יכול לראות איך זה יהיה נחמד, למרות זאת!

לייק 1

Thanks Tobias, and no sweat! I’m glad your team got away for some time- much deserved. Take your time on looking into it. It’s good to hear that someone on the staff has seen it at least :slight_smile:

לייק 1

This above is most likely the correct answer here.

It’s never going to appear in the topic list, as that is a completely custom component on Horizon and does not take customisations into account. That won’t change soon.

I had expected it to still show up in the category-homepage view though, I’ll take a look at that; I can’t remember what we decided there – perhaps we also omitted.

תודה על התגובה ועל הבדיקה.

אני לא מצפה שזה יופיע ברשימת הנושאים, אבל חשבתי שזה יופיע גם בתצוגת דף הבית של הקטגוריה, וגם בתצוגת הקטגוריה עבור תתי-הקטגוריות. הייתי חושב שזה יחליף את הריבוע הקטן עם צבע הדגש של הנושא כאשר העלית תמונת קטגוריה. בהתחלה חשבתי שזה בגלל שהעליתי רק תמונה של ערכת נושא בהירה, אבל כשגם הוספתי תמונה של ערכת נושא כהה, זה עדיין לא הופיע.

אני מעריך את הזמן שלקחת לבדוק.

לייק 1

Hi @Nick-Permaculture

Thanks for your patience.

We did omit these category logos as they didn’t fit the direction we’re choosing with Horizon. We want to focus on our new icon/emoji options instead, which look like

So I’m afraid I won’t be adjusting this in the theme itself.

You can however add this custom snippet to your site, and it should replace the boxes with your category logos.

.category-box:has(.category-logo .aspect-image) {
  .category-logo {
    display: block;

    .aspect-image img {
      margin-left: 0;
    }
  }

  .category-box-heading .badge-category.--style-square::before {
    display: none;
  }
}
3 לייקים

מוערך מאוד צ’רלי, ותודה על החריצות שלך. רק רציתי להופיע כאן כדי לאשר שה-CSS המותאם אישית עבד וכעת מציג את תמונות הקטגוריות אם הן הועלו בכל הדפים. תודה שוב!

לייק 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.