Kategorieansicht auf der Startseite anpassen

[Niels]

Hi,

wir haben die neuste Version 3.2.5.
Wir haben uns die Ansicht der Hauptseite wieder angepasst.
Leider ist es mir aber nicht mehr verständlich wie ich die Kategorien anpassen kann.

Code: Select all

[startPageCategories]
	{{ startPageCategoryDecks }}
[/startPageCategories]

Der Block ist klar jedoch ging es vorher noch die einzelnen Blocks zu ziehen wie "URL/Image" etc.
Geht das nun nicht mehr oder gibt es da andere Befehle? bzw wie kann ich das anpassen?

Zwischenablage_02-23-2024_01.jpg

MfG

[Thorsten]

Hi,

kannst mir alle Änderungen mitteilen, dann kann ich mir das ansehen.

bye
Thorsten

[Niels]

Habe lediglich die startpage.html angepasst.
Die ist jetzt wie folgt.

Code: Select all

<!-- Header -->
<div class="row">
  <div class="col-12">
    <h1>{{ pageHeader }}</h1>
  </div>
</div>

<!-- Start page content -->
<div class="row masonry-grid">

  <!-- Kategorien -->
  <div class="col-sm-6 col-lg-4 mb-4">
    <div class="card">
      [startPageCategories]
        {{ startPageCategoryDecks }}
	  [/startPageCategories]
    </div>
  </div>

  <!-- News -->
  <div class="col-sm-6 col-lg-4 mb-4">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title">{{ writeNewsHeader }}</h5>
        <p class="card-text">{{ writeNews }}</p>
        <p class="card-text">
          <small class="text-muted">{{ showAllNews }}</small>
        </p>
      </div>
    </div>
  </div>
  
  <!-- Sticky FAQs -->
  <div class="col-sm-6 col-lg-4 mb-4">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title text-center">{{ stickyRecordsHeader }}</h5>
        <ul class="list-unstyled">
          [stickyRecordsList]
          <li class="mb-1">
            <a
              class="sticky-faqs"
              title="{{ stickyTitle }}"
              href="{{ stickyUrl }}"
              data-bs-toggle="tooltip"
              data-bs-placement="top"
            >
              {{ stickyPreview }}
            </a>
          </li>
          [/stickyRecordsList]
        </ul>
      </div>
    </div>
  </div>

  <!-- Latest FAQs -->
  <div class="col-sm-6 col-lg-4 mb-4">
    <div class="card">
      <div class="card-body">
        <h5 class="card-title text-center">{{ writeNewestHeader }}</h5>
        <ol class="list-unstyled">
          [latestEntriesList]
          <li class="mb-1">
            <a
              class="latest-entries"
              data-bs-toggle="tooltip"
              data-bs-placement="top"
              title="{{ latestEntriesPreview }}"
              href="{{ latestEntriesUrl }}"
              >{{ latestEntriesTitle }}</a
            >
            <small>({{ latestEntriesDate }})</small>
          </li>
          [/latestEntriesList] [latestEntriesListError]
          <li>{{ errorMsgLatest }}</li>
          [/latestEntriesListError]
        </ol>
      </div>
    </div>
  </div>

  
</div>

[Thorsten]

Hi,

ich sehe es... du müsstest in dieser Zeile:

https://github.com/thorsten/phpMyFAQ/bl ... er.php#L92

evtl noch die CSS-Klasse mb-2 hinzufügen, also:

Code: Select all

            $decks .= '<div class="col mb-2">';

bye
Thorsten

[Niels]

Hi Thorsten,

jetzt habe ich einen kleinen abstand zwischen den Decks, was schön aussieht aber ich wollte eigentlich z.B. nur die Kategorieüberschrift anzeigen
und diese mit der Kategorie verlinken.
Vorher ging das noch und sah ja so aus:

kategorie.jpg

Wenn das nicht mehr geht würde ich für mich die Kategorien dann ausblenden.

Gruß Niels