need code from home page for 7.0

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
User avatar
cerami2
Lieutenant Commander (LCDR)
Lieutenant Commander (LCDR)
Posts: 103
Joined: Thu Nov 08, 2007 5:29 am
Location: Plymouth MN
Contact:

need code from home page for 7.0

Post by cerami2 » Tue Nov 13, 2007 1:27 pm

hi my name is joe, this is my first posting on this forum I have been using storefront for the last two years and feedup with it and purchased this software to rebuild my store with
http://www.insulincase.com old
new http://66.252.239.209/

I am not a programmer but trying to learn .
So if i could get a few answers to some questions along the way of learning this program it would be much appriciated


1.Can some one give me the code for the content and layout (scriptlets) that is on the home page .I deleted it by mistake

2 could someone look at my homepage http://66.252.239.209

an on the header on the right is the search box i need to move it up so it is on the blue part

Thank you in advance

Joe Cerami
The Insulin Case Shop

User avatar
bobr2k
Commander (CMDR)
Commander (CMDR)
Posts: 183
Joined: Fri Oct 26, 2007 2:31 pm
Location: Illinois

Re: need code from home page for 7.0

Post by bobr2k » Tue Nov 13, 2007 3:54 pm

cerami2 wrote: 1.Can some one give me the code for the content and layout (scriptlets) that is on the home page
The Insulin Case Shop
I've found the zip file that I downloaded to be a good source of files mistakenly deleted. :oops:
Bob R.
"Bills travel through the mail at twice the speed of checks." -- Steven Wright

User avatar
AbleMods
Master Yoda
Master Yoda
Posts: 5170
Joined: Wed Sep 26, 2007 5:47 am
Location: Fort Myers, Florida USA

Re: need code from home page for 7.0

Post by AbleMods » Tue Nov 13, 2007 6:59 pm

bobr2k wrote:I've found the zip file that I downloaded to be a good source of files mistakenly deleted. :oops:
Amen to THAT!
Joe Payne
AbleCommerce Custom Programming and Modules http://www.AbleMods.com/
AbleCommerce Hosting http://www.AbleModsHosting.com/
Precise Fishing and Hunting Time Tables http://www.Solunar.com

hyper1
Commander (CMDR)
Commander (CMDR)
Posts: 122
Joined: Fri Aug 27, 2004 2:57 pm
Contact:

Post by hyper1 » Tue Nov 13, 2007 9:10 pm

cerami2,

To move the search box higher into the header your can change the size of the shortcuts cell that is located above the search box. The css style to do this is found on line 558 of your style.css sheet in your theme folder. Search for this entry and change the height to meet your need (try 70px). You may have to adjust the height of your header to get the exact look you want.

/* style for container of shortcut links that can appear in the header */
#storeHeader .shortcuts
{
width:400px;
height:90px;
}



Able has done a good job of labeling the css styles by the area they control - the logo css styling is primarily located in this section of the css sheet

/******************************************************************************************/
/* styles for the store header section */
/******************************************************************************************/


As for restoring the html and script that was in the home page, I believe you only need to log in to the merchant and select Website -> Content (Scriptlets) from the menu bar. Then you can edit the Home Page scriptlet to modify the content. I think what you are looking for is at the top of page 7 in the AbleCommerce v7.x Customization Guide.

To modify your css sheets I recommend you use Firefox browser with the Web Developer extension. It makes css modifications easy(ier). There are a few display issues with Firefox right now, but it is the best tool I know of.

User avatar
bobr2k
Commander (CMDR)
Commander (CMDR)
Posts: 183
Joined: Fri Oct 26, 2007 2:31 pm
Location: Illinois

This sounds like the right time to ask this question

Post by bobr2k » Wed Nov 14, 2007 8:03 am

My copyright is sticking to the left side in firefox 2+ but it's perfectly centered in IE7 ... if I add float: "right" to the footer both move to the right. What is the secret to float: "middle" (which doesn't exist)? :roll:
Thanks,
Bob R.
"Bills travel through the mail at twice the speed of checks." -- Steven Wright

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Post by jmestep » Wed Nov 14, 2007 10:41 am

I haven't tried it in AC7, but in 5.5, I had to put <div> around the entire section on each page. I think someone else might have said margin:auto or something like that in the css, but I don't remember.
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

hyper1
Commander (CMDR)
Commander (CMDR)
Posts: 122
Joined: Fri Aug 27, 2004 2:57 pm
Contact:

Post by hyper1 » Wed Nov 14, 2007 11:22 am

I have been using it in ac7 since it was released in beta 1. It worked fairly well upon initial release but a FF upgrade that was recently released has caused compatability issues with the Web Developer extension. You can review the issues on the Web Developer forum page - it appears to be affected by "complex" CSS sheets. They do not define complex, but Ac7 CSS style sheet could be of such size and complexity that the extension may not be able to handle it very well until the next extension upgrade.

User avatar
cerami2
Lieutenant Commander (LCDR)
Lieutenant Commander (LCDR)
Posts: 103
Joined: Thu Nov 08, 2007 5:29 am
Location: Plymouth MN
Contact:

thanks for the help

Post by cerami2 » Wed Nov 14, 2007 2:49 pm

thanks to the quick response for my qestions . I was able to fix the problems I was having
Regards
Joe Cerami

Post Reply