Minicart customization

General ShopSite user discussion

Minicart customization

Postby rlw » Wed Mar 09, 2011 1:50 pm

Just installed the mini-cart last night, seems to be working fine.

I am not using Shopsite generated pages.

I would like to make some small modifications but can't find any documentation on how to do this. I need to position it on my pages and would like to change some formatting. The documentation to cut & paste the code only indicates a couple of parameters that can be changed.

Can someone please offer some input, examples, etc. that could get me started.
rlw
 
Posts: 11
Joined: Tue Mar 08, 2011 4:59 pm

Re: Minicart customization

Postby ShopSite Lauren » Wed Mar 09, 2011 3:52 pm

The code that you copy and paste is JavaScript which writes the HTML as part of it. If you want to make changes to the look, you would need to make changes within the JavaScript that you copied and pasted on the page. A hint (if you are familiar with HTML but not as familiar with JavaScript) is that anywhere you see document.write, within the parenthesis and quotes, you can add regular HTML. The main difference is that anywhere you use quotes as HTML, such as cellpadding="0", you will need to add a backslash in front of the quote. So cellpadding="0" would be changed to cellpadding=\"0\".
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT

Re: Minicart customization

Postby rlw » Wed Mar 09, 2011 4:40 pm

thanks Lauren,
Unfortunately, I am neither an html or javascript programmer although I am quite technical. Usually I can handle changing fonts, positions, etc which is all I am trying to accomplish. I am not familiar with document.write but will try to figure it out.

If this is the code where I need to focus, I'll figure it out. I was afraid I would have to get into style sheets or something else which was a bit more worrisome
rlw
 
Posts: 11
Joined: Tue Mar 08, 2011 4:59 pm

Re: Minicart customization

Postby ShopSite Lauren » Wed Mar 09, 2011 4:53 pm

If you are just worried about the position, then just keep in mind that you will want to paste the minicart code on your pages exactly where you want it to appear on your pages. If you want it in your header area, then you would paste the minicart code into the header area. If you are editing your pages in a WYSIWYG editor such as DreamWeaver, then just find in your page on DreamWeaver where you want the minicart code to go. Put your cursor in the area, then switch to the code view and paste the JavaScript code where your cursor is.

Good luck :)
- ShopSite Lauren
Contact me for help with any of your
custom ShopSite template questions.
ShopSite Lauren
 
Posts: 889
Joined: Fri Aug 11, 2006 1:35 pm
Location: Orem, UT


Return to User Forum

Who is online

Users browsing this forum: No registered users and 65 guests