Differences
This shows you the differences between two versions of the page.
— |
linking_to_products_images_and_other_assets [2019/01/27 09:38] (current) |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | One of the very powerful features Cyrious Online gives you is the ability to use HTML for formatting in certain places (product descriptions, | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | |||
+ | |||
+ | |||
+ | The following types of links are commonly used in HTML text that you can insert in Cyrious Online: | ||
+ | * Image Assets | ||
+ | * Default Images/ | ||
+ | * Links to Open/ | ||
+ | * Links to Open another Web Page | ||
+ | * Links to navigate to a specific Product | ||
+ | |||
+ | |||
+ | |||
+ | Each of these cases is handled below. | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | |||
+ | |||
+ | |||
+ | ==Embedding Images== | ||
+ | |||
+ | |||
+ | |||
+ | To embed an image in HTML, use the **** tag. You can obtain the URL by clicking on the image and choosing **Link to URL**. | ||
+ | |||
+ | |||
+ | |||
+ | {{:: | ||
+ | |||
+ | |||
+ | |||
+ | By default, you will get the low-resolution version of your uploaded image. | ||
+ | |||
+ | |||
+ | |||
+ | Valid image sizes are: | ||
+ | * **thumbnail**: | ||
+ | * **lowres**: Scaled down so that the largest dimension (height or width) is 540 pixels. | ||
+ | * **highres**: | ||
+ | * **asset**: Returns the original uploaded image. | ||
+ | |||
+ | |||
+ | |||
+ | Sample #1 - Retrieves the default Cyrious logo (yeah!) in the (default) low-resolution. | ||
+ | |||
+ | |||
+ | |||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Sample #2 - Retrieves the default Cyrious logo (yeah!) in high-resolution. | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Notes: | ||
+ | * Be sure to replace YOURSITE in the URL with one of your valid website addresses. | ||
+ | * If an asset is going to be used on multiple websites, Cyrious recommends using your employee website (cyrious-) as the embedded URL. | ||
+ | ==Embedding the Default Image== | ||
+ | A special URL is provided to access the //**Primary Image**// for a particular item, like a product, your business, a company, and many others. | ||
+ | Sample #1 - Retrieves the default thumbnail for product 142 (you can find the ID by examining the URL in product setup). | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Sample #1 - Retrieves your business' | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Sample #3 - Retrieves an employee' | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Notes: | ||
+ | * Be sure to replace YOURSITE in the URL with one of your valid website addresses. | ||
+ | ==Embedding Links to Open/ | ||
+ | To download an asset (document, image, etc.) use the **** tag. You can obtain the URL by clicking on the document and choosing **Link to URL**. | ||
+ | {{:: | ||
+ | Sample #1 - Displays a link called "Sign Up Form" which will open or download the document when clicked. | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | Sign Up Form | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Sample #2 - Displays a link called "Sign Up Form" which opens the document in a new window when clicked. | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | Sign Up Form | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Sample #3 - Displays a link called "Sign Up Form" | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | Sign Up Form | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | ==Embedding Links to Open another Web Page== | ||
+ | Sometime you will want to embed a link to another web site. This is often reference information like shipping or installation instructions you may already have on your website. | ||
+ | You also use the **** tag for links (just like for downloads). | ||
+ | Sample #1 - Open a linked page and replace the current one. | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | Great WIKI! | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Sample #2 - Open a linked page in a new window. | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | Great WIKI! | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | ==Embedding Links to navigate to a specific Product== | ||
+ | One of the nice features in Control is the ability to link directly into the page to order a product. | ||
+ | Embedding a link to a product from a Cyrious Online page is just like embedding a link to any other page ... **with one major caveat!** | ||
+ | Sample #1 - Relative link to Step Stakes - Product 596 (as identified by the link on the product setup page - your link will be different). | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | Step Stakes | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | Sample #2 - Relative link to Safety Signs - Product 143 (as identified by the link on the product setup page - your link will be different) by clicking on the default image for the same product. | ||
+ | [[code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code_formathtml|code format=" | ||
+ | |||
+ | |||
+ | |||
+ | | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | =References= | ||
+ | Created : {$creationdate} | ||
+ | Revision : {$revisiondate} | ||
+ | Links | ||
+ | | ||