Understanding Resource Library (RL)

AbanteCart equipped with flexible and convenient way to store, manage and map media resources.

System can handle media files or any other files or HTML codes that needs too have association to product, category, brand or any other data resource in the application. Simple example of the resource is image that can be mapped to one or many products or categories. Additionally you can use Resource Library to add image to the product or banner descriptions.
Resource library can handle files or HTML/Javascript codes that can be uploaded in case of file or saved in case of the code. Uploaded files are automatically processed to create thumbnails.

To access Resource Library

Media or Resource Library can be accessed from any product, category etc. Also you can access it in Admin > Catalog > Media Manager. On this page you can add/edit media types allowed for download and directory where resources stored.

Upload with Resource Library (RL)

  • 1

    Upload images or single image via Drag-n-Drop

    Drag an image from your desktop on to the drop zone to upload automatically files to server and map to products, categories, brands.. etc.
    Note on browser support: Microsoft Edge has a bug which stops drag and drop from working. It sounds like they are aware of it and hope to fix it.
  • 2

    upload files via Add Resource buttons

    Sometimes dragging & dropping files is not very comfortable way for selecting files for upload. Especially when a user is in front of a small screen size computer. Therefore it would be nice to let users choose the method they prefer. AbanteCart users will be able to upload files via upload button
  • 3

    use same file in different instances

    If You want Map (Link) to the product already existent media just click on "Resource library" Tab when you edit product in the appeared RL window. Here You can navigate or search for any already uploaded media objects.

Add Images with HTML as resource

Images needs to be included as HTML tag (not just URL):
<img alt="Ideal Open Source eCommerce Solution" src="http://www.abantecart.com/templates/abantecart/images/shopping_cart_logo.png">

Next add image code to your product using Resource Library in Media Tab.

Add YouTube video as resource to product

go to YouTube and grab video Embed code. YouTube generate it for you in the Share Tab:
<iframe src="http://www.youtube.com/embed/IQ5SLJUWbdA" frameborder="0" width="640" height="360"> </iframe>

Next add video embed code to your product using Resource Library in Media Tab. Make sure to select 'video' resource type, see screenshot

Next You need to create Data Listing Block with Media and enable it in default products layout.

* To create block go to Admin > Design > Blocks. Use Data Listing Block type. Make sure to select Listing Data Source: Media and Media Type: Video

Then Go to Admin-Design-Layout select Default Product Page layout and enable video block

After save go to product's page on Storefront to see video

Related pages: