Collect all used assets
Easily manage and showcase image credits on your website with Asset Credit Collector. This addon helps you collect all assets used on a page, allowing you to display image credits and other information effortlessly. Primarily designed for displaying image credits, Asset Collector can also be used to manage any list of assets on your site.
You can install the addon using composer:
composer require alpshq/statamic-asset-collector
Alternatively you can install the addon by navigating to Statamic's marketplace within your Control Panel and searching there for Asset Collector
.
There is no configuration or setup needed. Everytime an asset's URL is requested, the asset is memorized.
You can get all these assets by using the collected_assets
tag:
{{ collected_assets }}
<!-- Do something with your assets. -->
{{ /collected_assets }}
If you want to get only some of the assets you've used you can use the collected_assets:some
tag.
The tag supports the following parameters which help you filter the assets you need:
Parameter Name | Type | Default Value | Explanation |
---|---|---|---|
image |
bool |
false |
Whether or not to include images. |
svg |
bool |
false |
Whether or not to include SVGs. |
video |
bool |
false |
Whether or not to include videos. |
audio |
bool |
false |
Whether or not to include audios. |
pdf |
bool |
false |
Whether or not to include PDFs. |
{{ collected_assets:some image="true" }}
<-- Do something with the images which were placed on the current page -->
{{ /collected_assets:some }}
{{ collected_assets:some image="true" svg="true" }}
<-- You can also combine filters. -->
{{ /collected_assets:some }}
Display credits at the end of your page for all images placed on the current page.
{{ used_assets = { collected_assets:some image="true" svg="true" } }}
{{ if used_assets }}
<div>
Image Credits:
<ul>
{{ used_assets }}
<li>
<a href="{{ url }}" target="_blank">{{ title | lowercase }}</a>
© by
<a href="{{ credit_link }}" target="_blank">{{ credit }}</a>
</li>
{{ /used_assets }}
</ul>
</div>
{{ /if }}
Generating a gallery or carousel of images used on the page.
{{ collected_assets:some image="true" }}
<!-- Create an image gallery or carousel -->
<img src="{{ url }}" alt="{{ alt }}" title="{{ title }}" />
{{ /collected_assets:some }}
Displaying a list of downloadable files (e.g., PDFs or other documents) used on the page.
<ul>
{{ collected_assets:some pdf="true" }}
<li><a href="{{ url }}" download>{{ title }}</a></li>
{{ /collected_assets:some }}
</ul>
If you encounter any security related issues, please email directly [email protected] instead of opening an issue. All security related issues will be promptly addressed.
This is commercial software. You may use the package for your sites. Each site requires its own license.