How does AnQiCMS manage image resources and display them by category for easy front-end calling?

In website content operation, images are indispensable elements that attract users and convey information.Effectively manage these image resources and be able to flexibly call them on the front-end page, which is crucial for enhancing the user experience and operational efficiency of the website.AnQiCMS provides a comprehensive and flexible solution in this regard, making the management and calling of image resources simple and orderly.

Unified management and categorization of image resources

AnQiCMS provides a centralized management platform for website image resources, where you can easily upload, store, and organize all visual content.In the background management interface, by accessing the "Page Resources" menu under the "Image Resource Management" entry, you will find an intuitive image library.

This image library not only displays all uploaded images and video resources, but also provides powerful classification features.You can create various custom categories based on actual operational needs, such as "product display images", "news illustrations", "special theme banners", "team photos", and so on.After creating a category, you can directly assign the newly uploaded images to the corresponding category, and you can also adjust the classification of existing images on the image detail page.Moreover, AnQiCMS also supports batch operations, allowing you to select multiple images at once for batch deletion, or to move them in batches to specific categories, which greatly improves management efficiency.

On the image detail page, you can view all the detailed information of the image, including the filename, file type, upload time, file size, resolution, and the most critical image address (URL).It is worth mentioning that when you need to update an image, AnQiCMS allows you to perform a 'image replacement' operation.This feature is very practical because it keeps the original image URL unchanged after replacing the image, which means you do not need to modify all the code on the front-end page that refers to this image. Just update the image content in the background, and the front-end page will automatically display the new image. This effectively avoids link failure or front-end changes due to image updates.

Front page call: multiple scenarios and flexible display

The purpose of picture resource management is to facilitate the call and display of the front-end page.AnQiCMS provides various ways for you to flexibly display images on your website according to different scenarios.

Image call in document/article

When editing articles, product details, news and other content, the built-in rich text editor allows you to directly select and insert images from the image library. In addition to the images in the main content of the document, AnQiCMS also sets a special image field for the document:

• Cover main image (Logo) and thumbnail (Thumb)On the document editing page, you can specify a cover image and a thumbnail for each document. These images are often used for visual presentation on list pages, such as in article lists or product lists, by means of{{item.Logo}}or{{item.Thumb}}This template tag can be easily called, providing users with an overview of the content.
• Group Image (Images)If a document needs to display multiple images, such as product details from different angles, event highlights, or a set of travel photos, AnQiCMS supports the "Group Image Display" feature. You can upload multiple images while editing the document and proceed through{% for item in archiveImages %}<img src="{{item}}" />{% endfor %}Such a loop tag, it can be used to implement a carousel or gallery effect on the front-end page.
• Image in a custom fieldThe content model of AnQiCMS is highly flexible.You can add custom image fields for specific content models (such as "real estate model" or "car model"), such as floor plans, interior images, and so on.In this way, you can provide structured management and invocation methods for images according to the unique needs of the content type.

Image call in category and single page

The category pages of the website (such as product category pages, news category pages) and single pages (such as "About Us", "Contact Us") also support rich image display. You can upload or select images on the editing interface of these pages.Banner image (Images)andThumbnail (Thumb)For example, by{% categoryDetail with name="Images" %}you can get the Banner image group of the category, used for the visual decoration at the top of the page, or by{% pageDetail with name="Thumb" %}Get a thumbnail of the single page for easy reference in navigation or other blocks.

Advanced usage of template tags and filters.

AnQiCMS's template system provides powerful flexibility for image calls. You can accessarchiveDetail/categoryDetail/pageDetailDetails label, accurately obtain the image field of a specific document, category, or single page by ID or URL alias, such as{% archiveDetail with name="Logo" id="1" %}.

In the list loop, such asarchiveListYou can also directly access through the loop variable (item) access{{item.Logo}}/{{item.Thumb}}and `{{item.Images