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.
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)
Upload images or single image via Drag-n-DropDrag 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.
upload files via Add Resource buttonsSometimes 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
use same file in different instancesIf 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
* 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