Advantage Web Stores have significant advantages over our legacy stores, including improved ability to customize your own site beyond just editing template areas. Not only can you design your own Theme, you can upload your logo and other files and images directly from the store and add that content to various areas.
Upload Files and Images
The Assets uploader lets you store files and images you can use to customize your site later.
- When logged in as an administrator, click the small gear icon.
- Click System Settings.
- Click Theming.
- Click Asset Management.
- By default, the site stores your uploads in a folder on your site called Assets, but you can sub-divide this folder into other folders to better organize your files.
- To add a new folder, click New Folder.
- Enter a name for the folder.
- Click Create Folder.
- When your folder is created, you have to navigate into it by clicking it to add files to it. Otherwise, you will be uploading files directly to the Assets folder.
- You can check which folder you will be uploading to by looking above the New Folder and Upload buttons.
- When your folder is created, you have to navigate into it by clicking it to add files to it. Otherwise, you will be uploading files directly to the Assets folder.
Create as many folders as necessary.
You can nest folders within each other by navigating to the folder you want to add to and clicking New Folder again.
- Navigate to the folder into which you want to upload your file.
- Click Upload.
- Drag and drop a file into the window or click to select a file from your computer.
- When you have added the files you need, click Upload.
Add Files to Template Areas
Template areas are portions of your web store you can customize with text, images, or HTML content. By default, they appear as boxes with an inner shadow and those boxes have pencil icons when you are logged in as an administrator. You click these pencil icons to edit the template areas. Different ones will display on different pages depending on which you use. You can see the name of a template area, which indicates on which pages this content will display, when you are logged in as an administrator by hovering over the pencil icon. The below image points out the WaiversHomeTop template area.
This template area will only display on the top of this page, the first page in the waiver signing process, whereas the template area above it, ContentTop, will display at the top of every page.
Get the File Location
In order to use any files you upload to Advantage Web you have to copy the URL where that file is stored online.
- From the same Asset Management screen described above, locate the file you want to use by clicking into any containing folders.
- Click the file you want to use.
- A screen with a larger thumbnail of the file will load. From this screen, you can also Rename or Delete the file.
- Click the paper icon next to the word Path.
This copies the file URL to your clipboard.
Asset URLs are partial URLs and often don't work when using the Default Theme. You should add a new theme if you want to use these files. If the partial URL doesn't work, contact Support and you can get the full URL for the file, which will work.
Once you have completed these steps, you will navigate to the template area you want to add the file to, making sure you have not copied anything else to your clipboard in the meantime.
Edit Template Areas
- Log in to Advantage Web as an administrator.
Navigate to the page you want to add content to.
Some template areas are visible on all or multiple pages, so be sure to check the name of the template area you are editing.
- Click the pencil icon next to the template area you want to change.
- If you have multiple languages, select the language you want to edit.
- Each language has template areas that are configured separately from each other.
- Each language has template areas that are configured separately from each other.
- Click the pencil icon.
This opens a window with a standard word processing toolbar from which you can add text, images, links, tables, etc. For more customization opportunities, click Source and enter HTML directly.
Not all HTML is fully supported.� We recommend you save a copy of any HTML you enter in a template area because some of the code might be removed if you return to edit it.� Keeping a copy lets you paste your original content back and edit it from there.
If the file is an image, click the image icon.
If your file is not an image and you want to link to it directly, click the link icon and paste the URL there instead.
Paste the URL you copied in the above steps into the URL field.
You can also enter the URL for images already hosted elsewhere online.
- Enter Alternative Text to display if the image doesn't load properly, or that can be read by a screen reader as a description of the image.
- Optionally, set the Width and Height of the image, which are measured in pixels.
- By default, the aspect ratio of the image is locked, so your image won't be distorted or stretched out. If you want to change the width and height separately, click the lock icon so it displays as an open lock.
- If necessary, type the pixel width of any Border you want around the image, and/or adjust the vertical space (VSpace), or horizontal space (HSpace) there is around the image.
- Set an Alignment if you want to specify how the image interacts with other content in your template area.
This is equivalent to setting a float value in CSS. Left means the image will stay on the left of the page and the other content will wrap around it, Right means it will stay on the right and the other content will wrap around it.� <not set> means the image will appear on its own line and content will not wrap around it. As you change these values, you will see a preview of how this image looks alongside sample text.
Alignment only affects how other content within the template area interacts with the image. The rest of your site won't be affected.
- Configure the Link and Advanced tabs as necessary.
- The Link tab lets you enter a URL the user will be directed to upon clicking the image.
- The Advanced tab lets you set various HTML and CSS properties for the image.
- When you are satisfied with your image, click OK.
- Add any other content you want to the template area.
- Click Save when you are done.
- You will see a preview of your content in the same window. Keep in mind, because the preview window has limited space, this may not accurately reflect how the template area ends up looking.
- Click Close.
Your image and content will display on whichever pages contain that template area. Add content to any other template areas as necessary.
Comments
0 comments
Please sign in to leave a comment.
Related articles