Guide for File Download Block Creation

 
 
Guide for
 
File download Block
 
First click the small plus
symbol. Then click File
download to begin
creating.
 
At the top you can write
a Title. This will not be
shown in HTML but will
function as a title in
admin.
 
Beneath Title you can set
Format. First let’s see
Card live, then List.
 
To go live first click the
arrow to open the menu.
Then click Publish.
 
Click View live to open
your webpage and see
what you created.
 
Card Format live. We will
get to adding files later.
Notice that each file type
have its own icon.
 
List Format live. We will
use this Format for the
rest of this guide.
 
Beneath Format you can
Choose color for your
text. Let’s change it to
Orange.
 
Going live we can see
our text is now Orange
colored.
 
Beneath Choose color
for your text you can set
Background theme. Let’s
change it to Light.
 
Going live we see our
Background theme have
changed to Light.
 
Below Background theme,
you can select when or for
whom the block will be
shown.
Always: Will always
show.
Logged out: Only
shows when viewer is
logged out.
Logged in: Only shows
when viewer is logged
in.
Is customer: Only
shows when viewer is a
customer.
Is staff: Only shows if
viewer is a staff.
Is admin: Only shows
when viewer is an
admin.
 
To add an item, click the
plus icon.
 
Beneath Show block you
can write Title.
 
Going live our Title is
shown here.
Note the broken Type
icon, we have yet to
select a file. We will get
to that later.
 
Beneath Title you can
write Text.
 
Going live we can see
our Text.
 
Beneath Text you can
Choose a document.
 
Here you can write
Search term.
 
You can also filter based
on Collection.
 
At the bottom section of
the Search window, you
can select the file you
want.
 
Switching to the Upload
window.
 
Here you can name the
file you want to upload.
 
Here you can pick the
file to upload.
 
Here you can pick a
Collection to add your
file to.
 
Here you can associate
your file with Tags.
 
To Upload your file, click
here.
 
We have now chosen a
document.
 
Clicking the 3 dots you
can Choose another
document, Edit this
document or Clear
choice.
 
Beneath Choose a
document you can set an
External or internal URL.
 
Going live we can see
our External file type
have been registered.
You can have both an
Internal and External
download link at the
same time. You will in
this case have two
Download buttons.
 
Beneath External or
internal URL, you can set
Color. This is for the
header and footer of the
card in the Card Form
only. Let’s change it to
Blue (logo) and change
Form to Card.
 
Going live we can see
the header and footer of
have a blue background.
Slide Note
Embed
Share

In this guide, you will learn how to create a file download block on your webpage step by step. First, you need to click the small plus symbol, then initiate the file download process. You can customize the title, format, text color, and background theme accordingly. Finally, you can choose when and for whom the block will be displayed. Follow the instructions and create your file download block effortlessly.

  • Website
  • Tutorial
  • File Download
  • Web Development

Uploaded on Oct 03, 2024 | 0 Views


Download Presentation

Please find below an Image/Link to download the presentation.

The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.

You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.

The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.

E N D

Presentation Transcript


  1. Guide for File download Block

  2. First click the small plus symbol. Then click File download to begin creating.

  3. At the top you can write a Title. This will not be shown in HTML but will function as a title in admin.

  4. Beneath Title you can set Format. First let s see Card live, then List.

  5. To go live first click the arrow to open the menu. Then click Publish.

  6. Click View live to open your webpage and see what you created.

  7. Card Format live. We will get to adding files later. Notice that each file type have its own icon.

  8. List Format live. We will use this Format for the rest of this guide.

  9. Beneath Format you can Choose color for your text. Let s change it to Orange.

  10. Going live we can see our text is now Orange colored.

  11. Beneath Choose color for your text you can set Background theme. Let s change it to Light.

  12. Going live we see our Background theme have changed to Light.

  13. Below Background theme, you can select when or for whom the block will be shown. Always: Will always show. Logged out: Only shows when viewer is logged out. Logged in: Only shows when viewer is logged in. Is customer: Only shows when viewer is a customer. Is staff: Only shows if viewer is a staff. Is admin: Only shows when viewer is an admin.

  14. To add an item, click the plus icon.

  15. Beneath Show block you can write Title.

  16. Going live our Title is shown here. Note the broken Type icon, we have yet to select a file. We will get to that later.

  17. Beneath Title you can write Text.

  18. Going live we can see our Text.

  19. Beneath Text you can Choose a document.

  20. Here you can write Search term.

  21. You can also filter based on Collection.

  22. At the bottom section of the Search window, you can select the file you want.

  23. Switching to the Upload window.

  24. Here you can name the file you want to upload.

  25. Here you can pick the file to upload.

  26. Here you can pick a Collection to add your file to.

  27. Here you can associate your file with Tags.

  28. To Upload your file, click here.

  29. We have now chosen a document.

  30. Clicking the 3 dots you can Choose another document, Edit this document or Clear choice.

  31. Beneath Choose a document you can set an External or internal URL.

  32. Going live we can see our External file type have been registered. You can have both an Internal and External download link at the same time. You will in this case have two Download buttons.

  33. Beneath External or internal URL, you can set Color. This is for the header and footer of the card in the Card Form only. Let s change it to Blue (logo) and change Form to Card.

  34. Going live we can see the header and footer of have a blue background.

More Related Content

giItT1WQy@!-/#giItT1WQy@!-/#giItT1WQy@!-/#