Adobe Community: Detailed Shopping Cart

1,579 posts
Oct 13, 2010

Currently Being Moderated

1. mario_gudelj,

Jun 19, 2012 8:08 PM in reply to Peta@Reliance

Report

As far as I know you can not bypass the shopping cart step. The mandatory steps for checkout are product layout > shopping cart > registration > receipt.

Cheers,

-mario

|

Mark as:

Currently Being Moderated

2. Peta@Reliance,

Jun 19, 2012 8:14 PM in reply to mario_gudelj

Report

I maybe need to make myself clearer.

On all the shop pages I have a content holder that I would like to display the entire content of the Shopping Cart (as seen on /OrderRetrieveV2.aspx) This way I don't need to use the shopping cart summary tag as the detailed view is already there. So instead of the user clicking "View Cart" (as that is what appears on the summary tag) then being directed to the detailed view, they can "Checkout" (as the detailed view is already being displayed)

|

Mark as:

Currently Being Moderated

3. Peta@Reliance,

Jun 19, 2012 9:47 PM in reply to Peta@Reliance

Report

Ended up doing it using iFrames and the following code:

/***********************************************
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of original DHTML scripts
* This notice must stay intact for legal use
***********************************************/

//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
var iframeids=["myframe"]

//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
var iframehide="yes"

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexO f("Firefox")).split("/")[1]
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers

function resizeCaller() {
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++){
if (document.getElementById)
resizeIframe(iframeids[i])
//reveal iframe for lower end browsers? (see var above):
if ((document.all || document.getElementById) && iframehide=="no"){
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
tempobj.style.display="block"
}
}
}

function resizeIframe(frameid){
var currentfr=document.getElementById(frameid)
if (currentfr && !window.opera){
currentfr.style.display="block"
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
currentfr.height = currentfr.Document.body.scrollHeight;
if (currentfr.addEventListener)
currentfr.addEventListener("load", readjustIframe, false)
else if (currentfr.attachEvent){
currentfr.detachEvent("onload", readjustIframe) // Bug fix line
currentfr.attachEvent("onload", readjustIframe)
}
}
}

function readjustIframe(loadevt) {
var crossevt=(window.event)? event : loadevt
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
if (iframeroot)
resizeIframe(iframeroot.id);
}

function loadintoIframe(iframeid, url){
if (document.getElementById)
document.getElementById(iframeid).src=url
}

if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller

Works great!

|

Mark as:

Currently Being Moderated

4. DLSAgency,

Jul 27, 2012 1:56 AM in reply to Peta@Reliance

Report

This is one of the things that Business Catalyst should have already. It makes me upset that this feature is unavailable and you need to write a ton of JavaScript just to emmulate a shopping cart that displays products on a template. This type of shopping car or "quick cart" is popular with many eCommerce websites. Why not with BC?

|

Mark as:

4,040 posts
Feb 28, 2012

Currently Being Moderated

5. Liam Dilley,

Jul 27, 2012 5:06 AM in reply to DLSAgency

Report

Pretty messy, you can do a function that is hardly very big and just some css overides. Liquid you can do this a peace of pee. (still waiting for it to be finished) but you can do it now with a bit of thought.

|

Mark as:

Currently Being Moderated

6. Jin-Ho Yun,

Apr 22, 2013 5:04 AM in reply to Peta@Reliance

Report

During searching, how to implement showing the shopping Cart in some other pages, I found this threat...

Do you have some more Informations, how to implement this in my page?

I am new to AJAX, so what do I have to write, instead of myframe1, myfram2 and so on.

Just want to show the full shopping cart.

How Can I display the shopping cart in some page?

Do I had to do something else?

Thanks a lot.

Yun, Jin-Ho

|

Mark as:

Currently Being Moderated

7. Jin-Ho Yun,

Apr 23, 2013 11:04 AM in reply to Jin-Ho Yun

Report

ok, I found two things I changed to make this working.

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexO f("Firefox")).split("/")[1]

Delete the Space beetween "indexO" and the "f" and add a space behind It.

For some reason, i dont know why, this Editor can not corretly display this.

In this Line :

delete : display:none

Now it adjust the high and shows me the content of the cart.

|

Mark as:

Business Catalyst

Detailed Shopping Cart

Jun 19, 2012 7:36 PM

More Like This

Bookmarked By (0)

Answers + Points = Status