Site Redesign

Ruby Ong

We are about to undertake a site redesign with the design, HTML and CSS being created by an outside firm. My job is to plug it all in on Convio.

This is a silly question, but where should I save the CSS file?

Matthew Andrade

@Ruby,

You can create a CSS directory on your Convio instance server... OR

Like we have done on our instance server:

ROOT > newsitename > CSS > styles.css

Alex Bernardin

For our site, the CSS lives in the CMS system in folders that we created (/assets/css). However, to support our secure domain for transaction processing, we pushed copies of the CSS to our FTP directory.

Brian Mucha

Alex Bernardin:

For our site, the CSS lives in the CMS system in folders that we created (/assets/css). However, to support our secure domain for transaction processing, we pushed copies of the CSS to our FTP directory.

We have dozens of wrappers, so I created a _wrappers directory on our server instance. That's where I put the CSS, JS and images that belong to the wrappers (but not images for content.)

The directory structure looks something like...

_wrappers

     thisEventName

          2009

               css

               images

               script

          2010

               css

               images

               script

     thatEventName

          2009

               css

               images

               script

          2010

               css

               images

               script

Noah Cooper

Alex Bernardin:

For our site, the CSS lives in the CMS system in folders that we created (/assets/css). However, to support our secure domain for transaction processing, we pushed copies of the CSS to our FTP directory.

Note that it is possible to proxy requests that otherwise would be served over http to be served over https instead using Convio's AjaxProxy. As its name implies, its intention is for use with cross-domain AJAX requests, but it has also been used to proxy requests to non-secure assets like CSS. The way you'd do that would be like so:

<link href="AjaxProxy?cnv_url=]&auth=]" rel="stylesheet" type="text/css" />

In order to do this, you need to update the site setting that controls which domains AjaxProxy is allowed to access. To update that setting, go to Setup -> Site Options -> Open API Configuration -> "Edit AJAX proxy configuration".

The benefit of this approach is obvious -- you only need to manage assets in one location.

Brian Mucha

Noah Cooper:

Note that it is possible to proxy requests that otherwise would be served over http to be served over https instead using Convio's AjaxProxy. As its name implies, its intention is for use with cross-domain AJAX requests, but it has also been used to proxy requests to non-secure assets like CSS. The way you'd do that would be like so:

<link href="AjaxProxy?cnv_url=]&auth=]" rel="stylesheet" type="text/css" />

In order to do this, you need to update the site setting that controls which domains AjaxProxy is allowed to access. To update that setting, go to Setup -> Site Options -> Open API Configuration -> "Edit AJAX proxy configuration".

The benefit of this approach is obvious -- you only need to manage assets in one location.

That is very interesting Noah.

The other day Nikki had a thread about embedding youtube video on a secure donation form. Could this trick be used in the regular iframe code? Something like...

<iframe  class="youtube-player" type="text/html" width="640" height="385"  src="AjaxProxy?cnv_url=]&auth=]"  frameborder="0">

</iframe>

Regards, B

Noah Cooper

Brian Mucha:

That is very interesting Noah.

The other day Nikki had a thread about embedding youtube video on a secure donation form. Could this trick be used in the regular iframe code? Something like...

<iframe  class="youtube-player" type="text/html" width="640" height="385"  src="AjaxProxy?cnv_url=]&auth=]"  frameborder="0">

</iframe>

Regards, B

Unfortunately that wouldn't work. The only solution I've found for this issue with YouTube is to proxy the video through a SWF file hosted on the site, which Nikki did.

Ruby Ong

...