buyers code customized display displayed download enabled example field file html images link order page password payment problems source thank-you-page url

(damn the back button lost my OG post!!!!!!!!! grrrrrrrrr!!)

anyways..

I have a hybrid Flash & HTML site.

I am implementing the e-junkie cart solution to help control digital downloads/products.

I seem to have most everythign set-up as far as the cart and implementing the code into the site..

(flash buttons to add to cart.. html code for view cart...etc)

I can add products to cart
I can view cart
I can check out and pay through paypal (test product with $.01 cost)

then.. the path is lost.. I was putting in stuff in the admin panel...but not sure of what the re-direct urls and email stuff would do.


and this is where the help/advice on customizing things to be how I want them comes into play.


1.) can the cart overlay (thickbox?) be customized or changed at all? images? even simple CSS changes? or are you stuck with having an overlay cart that doesnt match you site?



2.) being as on this 'test' I am both admin of e-junkie account "&" the customer..

I got many (5) emails:

A.)1 x from PAYPAL to customer saying they sent money to my e-junkie account

B.) 1 x from PAYPAL to e-junkie admin saying a payment has been made to me (looks like it comes from the customer email address in FROM field)

C.) 1 x E-Junkie telling me (the e-junkie account admin) I just had a purchase

D.) 2 x emails from E-junkie (from my account name) to the customer..
1.) one is an 'invoice' type email? With Invoice ID..etc..with link back to e-junkie URL to view order details
2.) one is a more robust email with who purchased name..pay date..etc.. (those type of details)


Any advice on sorting those out or making sense what is what... is appreciated.


Lastly.. I would like some help/feedback on the actual DOWNLOADING of the item..

I gather this 'can' be done through an email link.. but isnt there an INSTANT DOWNLOAD option as well? (to be re-directed too).. Im sure there is.. I just have it fully set-up yet (or correctly) LOL

***I have a package where I can host my files or e-junkie..


Questions on this aspect:

Where are they directed to download or have these download links displyed to them?

Can a URL feed be used (given) so that we can parse it and display the download links on our own dynamic page or some sort?



I'll stop here.. (before I confuse you or myself any further!)

thanks for the feedback/help


-JD

This help page provides some tips for using the E-junkie cart and buttons in a Flash-based site:
http://www.e-junkie.com/ej/help.flash-shopping-cart.htm

If you're using our standard cart that appears as an overlay "inside" your own page, that would inherit CSS from your page, and you can customize some aspects of the overlay cart using our cart customization code:
http://www.e-junkie.com/ej/help.custom-cart.htm

Our built-in download delivery system, including how you provide files for download and how buyers receive them, is explained in detail here:
http://www.e-junkie.com/ej/help.file-downloads.htm

If you would prefer to redirect buyers to a thank-you/download page on your own site and display the thank-you page content we generate (including download links) inside your site's page, please see the instructions on this help page:
http://www.e-junkie.com/ej/tips.redirection.download-link.htm

This help page explains the thank-you emails our system sends to the buyer:
http://www.e-junkie.com/ej/help.custom.thankyou-email.htm

In addition to those emails, PayPal would send both the buyer and seller a payment receipt email, and we also send the seller a Sale Notification email with an order summary to alert them to the fact an order has been placed, in addition to saving all the order details in your E-junkie Transaction Log:
http://www.e-junkie.com/ej/help.transaction-log.htm

Thanks...those links have been very helpful so far..

(more or less alot of tweaking left for CSS styling).. and going through complete transactions to understand what emails, thank you pages & urls (common and item specific) were what...

Im sure I'll have plenty of questions.. but to start it off..

I am using my own thank you/download page.. (dynamically embedding an iFrame into my own page to display the DL links)

I have run into a 'snafu'..


In seller admin >> add or edit products >> you get to the customize your own thank you / download page 'field' where you can enter in HTML as well as use template variables.


questions on this:

1.) how can you style/alter the CSS for the download links/text?

2.) can you edit the 'text' that is used? (example: it says "click here to access [item name]"... can the click here to access text be altered/edited? Maybe something like Click here to download? or whatever?

3.) the custom HTML and template variables you input into the field on this page.. all seem to get parsed/added BELOW the download links in the generated iFrame content?

Is there a way to control what gets put above and what gets put below?


example if you wanted to use a template var that had users name...

it all goes UNDER the generated DL links? (hence welcoming a customer by name is a bit odd looking for example)


Thanks

1) Your custom thank-you page HTML can include inline CSS, either as style= attributes in the HTML tags you're adding or enclosed in <style> tags to affect the whole page. E.g., if you wanted to make the first line, "Click here to download [item name]" for each item larger and underline the link, you would add this to your Seller Admin > Account Preferences > Common Thank-you Page HTML (which gets inserted once at the very end of every thank-you page we generate for you, regardless of which item(s) the buyer ordered):

<style type="text/css">
/* Make download link and product name line larger: */
div.item_info_by_ej {line-height:1.0em;font-size:2.0em;}

/* Underline the download link */
div.item_info_by_ej a{text-decoration:underline;}
</style>

2) The "Click here to download [item name]" text cannot be altered, aside of course from the Item Name you specify in the product's settings and CSS styling as explained above.

3) The custom Message (HTML) you add for each product would get inserted below that item's download link and Item Name. The Common Thank-you Page HTML you add in Account Preferences gets inserted at the very end, after listing the item(s) being ordered and their respective Message (HTML) customizations. See the example at the bottom of the thank-you page customization help page for an illustration:
http://www.e-junkie.com/ej/help.custom.thankyou-page.htm#example

E.g., this help page explains and provides an example of how to customize your thank-you page content to resemble an invoice:
http://www.e-junkie.com/ej/tips.thankyou-page.invoice.htm

I'll try to only use this thread now.. not: http://www.e-junkie.com/bb/topic/5639




I understand that giving a tutorial on general CSS is out of the moderator 'duties'... but perhaps other members can share on the specifics that used to target and alter the attributes.


but for example.. where would one find THIS div id to use;

div.item_info_by_ej{} in your other suggestion/post?

I didnt have any clue on where to find that nor that it would 'affect/target' the download links that i was trying to target.



Also when changing the banner/image used in the shopping cart, via:
// Change the Your Shopping Cart header image:
jQuery("#imgHeader").attr("src", "http://www.saberfont.com/images/cartBanner.jpg");

Are there some tips or tricks on how to use this? a certain image size that needs to be adhered to or something? As I upload an image and it shrinks its..



So hopefully some other members or people who have some time and want to share, on how to target specific items/params/attributes on the cart overlay stuff, will do so.




*** you mentioned this as an example:
http://www.e-junkie.com/ej/help.custom.thankyou-page.htm#example

on how one can use/display the download links..etc.

I see on the example page you CAN have it display CLICK HERE to download vs CLICK HERE to access..


how is that achieved?



I have been trying a few things.. some work..while others do not.. maybe you can pint out why?


#EJEJC_window #EJEJC_title{
background-color:#FF0000;
}

or

#EJEJC_title{
background-color:#FF0000;
}

does NOT seem to affect the 'row' where the close button/link is?

I have changed the text of the close link (as well as the font color) using:
jQuery("#EJEJC_closeWindowButton").attr("innerHTML", "<b><font color=#FFFFFF> X </font></b>");


however in the CSS styling.. I can only change the cell BG of the close button itself


NO WORK:
#EJEJC_closeWindow{
background-color:#000000;
}

WORKS:
#EJEJC_closeWindowButton{
background-color:#FF0000;
}


it seems the EJECJ_closeWindowButton is all I need anyways.. but curious as to why SOME things get affected and others do not?

(like the title row BG?)

or even the font color:

#EJEJC_window #EJEJC_title{
background-color:#FF0000;
color:#FFFFFF;
}

would be nice to get a repository on the things that 'can' be altered/edited (hacked) through some re-styling... instead of a guessing game.

Anybody got any info or advice.. I'd appreciate it.


or maybe even a way to target/alter (even if it isnt officially supported) through jQuery?

attr or css?

I tried randomly these:
jQuery("#EJEJC_closeWindowButton").attr("innerHTML", "<b><font color=#FFFFFF> X </font></b>");



//jQuery("#EJEJC_title").attr(bgcolor:"#FF0000");
//$("#EJEJC_title").attr({background-color:"#000000"});
//$("#EJEJC_title").attr({bgcolor:"#000000"});
//jQuery("#EJEJC_title").css({width:700px; height:25px; background-color:#FF0000; margin:0 0 1px 0;padding:0; border:0;})




Thanks!! =)

We can recommend using the View Source Chart extension for Firefox to help you see how the overlay-style cart is structured within your page when it's being displayed, find element IDs, work out how elements are nested, etc. Once you have the View Source Chart extension installed, click a cart button to view the cart in your page, then right-click on the cart and select View Source Chart. You will find the cart added as a large DIV at the end of your original page source.

You can also use View Source Chart to see the structure of your thank-you pages, though this would be a bit trickier when you're embedding our thank-you page content inside yours. You can bring up your thank-you page for a transaction, right-click in the iframe where our thank-you page content is displayed and (in Firefox) select This Frame > Open Frame in New Tab/Window, or you can open your Transaction Log, right-click on a linked Transaction ID and select Copy Link Location, then paste that into your address bar and add &noredirect=true to it, like so:
https://www.e-junkie.com/d/?t=jg-l5rooge0092d567&c=fup& noredirect=true
...then just right-click on that page and select View Source Chart.

Examining the cart structure with View Source Chart, it looks like any custom replacement for the "Your Shopping Cart" graphic in the standard cart header should be no larger than 700x63px. You can also target #tdHeader (rather than #imgHeader) to completely replace the standard cart's IMG tag with any innerHTML content you wish.

On the thank-you pages we generate, "Click here to download [item name]" is shown for products using Single File Download, whereas "Click here to access [item name]" is shown for products using Redirection.

The other concerns you raised have largely to do with proper jQuery/CSS syntax and the CSS concepts of cascading, inheritance, and specificity. In a nutshell, styles declared later in the page override styles declared earlier, elements inherit styles from larger elements which contain them, and styles targeted to more-specific elements override broader styles. The upshot is that if an element in our standard cart already has an inherent style= attribute of its own, you can only override that with CSS "!important" declarations, like so:

<style type="text/css">
#EJEJC_title {background-color:#F00 !important;}
#EJEJC_closeWindowButton {color:white !important; font-size:12px !important;}
</style>

Then you'd only need to use a jQuery line in the cart-customization function EJEJC_shown() {} to replace the standard "<b>Close</b>" innerHTML content for #EJEJC_closeWindowButton like so:

function EJEJC_config() {
EJEJC_POSTCALL=true;
}
function EJEJC_shown() {
jQuery("#EJEJC_closeWindowButton").attr("innerHTML", "<b>X</b>");
}

BTW, it's a good idea to get out of the habit of using FONT tags, which have been deprecated in favor of CSS for over a decade now, for good reason -- learning CSS will make your web-designing life much easier in the long run. I can recommend the tutorials at HTMLDog.com in particular for an overview respecting standards compliance with best practices.

Thank you for the reply..

I do have the source chart plug-in installed (which is how I have gotten the id names so far)..

I believe for the most part, the thank you page is looking 'ok'..

it is the cart that is giving me the most grief. =(

Thank you for clarifying on the access vs download..

so, in a nutshell, because Im hosting my own dowload/file,.. it reads 'access' and not 'download'. (not optimal..but livable) hehe..

that is correct.. either my syntax or something is off (syntax or wrong name attribute..etc)
using CSS or jQuery (which is new to me all together)..


I'll see if adding the !important declaration helps me get closers to my intended look.

I understand this is not part of the core responsibilities of mod'ig here.. so I appreciate the time and the tips.

Hopefully I can post back with more specifics on either targeting an ID or syntax as to why it isnt working.


Thanks

Hi-

I just wanted to post back and thank you for informing me about the use of !important

as that seemed to be the trick, and has helped me 'tweak/hack' the CSS to be able to look more like the original site layout/theme.


I will post back with some of the things I used in CSS and what they affected, so others searching can find a solution.

thanks again.

Glad you got the CSS sorted out, but we do not recommend using Redirection to deliver remotely hosted files, for the reasons explained here:
http://www.e-junkie.com/ej/trouble.redirection.download.htm

If you would prefer to host files for download on your own server rather than uploading them to us, we support that with subscription plans starting at $18/mo. This would cloak your remote file URLs and enforce your download link expiration settings, and files you host remotely would not count against your plan's storage limit at our end.

hmm..

Im confused..

I 'do' have the $18 a month plan that supports the link/url cloaking..


(which how I believe I have it set-up?)

I have a 'custom/general' thank you page...that is also the download page.

(where I embed the info from your iFrame)


once payment is made.. I am redirecting to a an HTML page on my site that has your iFrame embedded along with any other HTML I added through the admin panel (per item/product and the general thank you HTML stuff after all links)


is this not the correct way? (I want to keep as much stuff on my site as possible.)

thanks

Ah yes, you are subscribed at $18/mo. Make sure each product is configured to use Single File Download (not Redirection), which will let you specify a Remote Product File URL on the Next screen of settings. We would still redirect buyers after checkout to your Common Thank-you Page URL, where you would display our thank-you page content embedded in an iframe.

Thanks,...

can you outline the key difference between checking re-direction vs. single download?

on the next page..you have places enter in the URL of the file (I chose from a password protected directory as well)


that being said.. I am trying to do as you suggest (change from re-direct to single download) but the URL field on the next screen when I choose is disabled? will not give me focus in it to enter data in??

thanks

I have created 2 products one using the old/incorrect way of checking the re-direct checkbox..

and another using the single download option.

I have since been informed that there is a $.10 min cost limit on any single download item that is to be hosted off-site... (which I believe was why I couldnt access the URL field on the following screen for a sngle download type products.)

changed that to $.10 and the fields becomes enabled.


That being said.. I still can find 'zero' difference between either product?

On how it is handled, or how the products is displayed on the general/custom download & thank you page hosted on my site?

Thanks


update:

I stand corrected.. I have found at least 1 difference.. the change of the text issued/displayed on the DL links..

If you choose single download, (although file is still on my domain, not uploaded to e-junkie) you get

CLICK HERE TO DOWNLOAD "XXXXXXXX'


If you keep it as re-direct option/checkbox, put in the same product url and redirect to the same thank you / download page..

it says:

CLICK HERE TO ACCESS..


this is the only difference I have found? And (now) that if you want to use signle download you need to set the price @ > $0.10

thanks

Redirection simply redirects the buyer's browser to whatever Redirection URL you specify in the product's settings. This necessarily exposes that URL in their browser, so the buyer could copy and share it with others, who could then simply hit that URL directly to download your file without going through our system paying you first. This may also cause download problems as browsers expect redirection to point them to an actual Web page rather than a file, so this may not properly start a file download in some browsers. This help page provides more detail on this:
http://www.e-junkie.com/ej/trouble.redirection.download.htm

Using the Single File Download setting with a Remote Product File URL would cloak that URL and enforce your product's link-expiration settings, and this also employs file caching at our end to minimize file-transfer bandwidth usage and related costs for you and us alike. We use Amazon S3 for our long-term file storage/caching and delivery to ensure the best possible download performance for buyers. This help page subsection explains how this works in more detail:
http://www.e-junkie.com/ej/help.file-downloads.htm#remote

This help page explains the reason for the 0.10 minimum price requirement for Remotely Hosted Download products:
http://www.e-junkie.com/ej/faq.downloads.remote-minimum-price.htm

Thanks for the reply.

I have not found that any URL is exposed anywhere in a re-direction type product.

I checkout.. go to paypal and pay..

and after it redirects me to a web-page on my site (thankyou.html for example)..

this thankyou.html page also has your iFrame embedded into it, so that the users can get their goods immediately.

when doing the exact same process on two different products (1 redirect / 1 single download)

there is no URL to where the download is (in the iFrame) for either products..

(ie: they BOTH are masked, or to be more precise, when you rollover them have an e-junkie url)

When the buyer actually clicks the "Click here" link to access the product-specific Redirection URL, that is when your remote URL would be exposed to their browser. The redirection is normally instantaneous and may start a download in some or most browsers, so the URL may not be obviously displayed right there in the browser's address bar, but it could still be retrieved from the page history or download history in some browsers, download managers, router/firewall logs, etc. This also means every buyer would be downloading directly from your server, subject to whatever download performance your host can sustain at any given moment, and using file-transfer bandwidth for your hosting provisions that could incur bandwidth surcharges or caps from your hosting provider.

understood.


thanks