Shoppingcart/Freeship in Header support

gjh42:

"right above the footer menu, I put two long buttons. "

Yes, you are right on the target!! I put all links in on line and the problem solved! New thing for me to learn everyday. Thank you!:clap:

gjh42:

" I also notice that your #headerWrapper div encloses your entire page instead of ending before #contentMainWrapper as it should. You need to check your editing in tpl_header.php to find where you eliminated the </div> (probably near the bottom of the file, or maybe at the end of the shoppingcart code).

This is what I did, not sure whether I did it right or not, since I cannot see the change reflected online.

</div>

Did I put the </div> in the right place?

It looks like you put the </div> close enough to the right place, as I now see the correct div structure in Firebug.

Hello, gjh42:

I am sorry to continue bother you about some teeny tiny issues. Really hope you don't mind. But everytime you give me a tip, I gain more knowledge to understand the codes.

I want to put the two long buttons "Best 4 Future Newsletter" and "Best4 Future Community" both in the middle, rather than one is in the far left, and the other in the far right. I have been playing with CSS and tpl_footer.php for hours and still didn't get it right. :frusty:

I think a professional's tip will save me pulling more hairs out.:-) the site is https://www.best4future.com

Make the container for those buttons just wide enough to hold them, and give it margin: auto;

stylesheet_footer_menu.css (line 1)```
#footer {
clear:both;
margin:0 auto;
}

stylesheet.css (line 1009)```
/*Footerbox*/ 

#footer {

    width: 800px;

	top: 0.2em;

    background: transparent;

    border: 0px solid #888888;

    }

Thank you so much!!! You really rock, Glenn!!!:clap:

Hello, Glenn:

I have another CSS question for your advice. On my page (e.g. http://www.best4future.com/chinese-flashcard-tang-poems-p-20), under additional images and "Ask a question about this product", I placed a bunch of social network icons.

I want them to show in the center of the page side by side, not in the left, nor in the right. But when I put {float: center} into the CSS, all icons go to the center, forming a vertical line.

How should I change? Thank you so much!!

"float: center;" is invalid CSS and will not do anything.

In your product_info.css, find the /--------Zen Bookmarking Widget (CSS)------/ section and add a line
.zen-bookmarking {width: 596px; margin: auto;}
and change all the background-position: horizontal position values from 0 to 15px or so.

.zen-bookmarking {width: 596px; margin: auto;}


.zen-bookmarking a.delicious {
background-position:15px 0px;
}
.zen-bookmarking a.delicious:hover {
background-position:15px -43px;
}

Hello, Glenn:

Thank you so much for the advice. you are really a true zenner!

Just for curiosity, how did you see the CSS file from my site? I don't even know how to see the CSS file from my own site. If I know where to look, I can peek at experts' websites and see how they coded in CSS. :cool:

Thanks again for all the help!!

Lina

Most of us here use Firefox and its Web Developer or Firebug extensions. These have tabs that let us bring up the stylesheets used on a site (which have to be sent to every user's computer to do the styling anyway), and even to make local changes to the stylesheets so we can see what works on your site.

Hi, my developer just installed this mod, but there is a very curious behaviour which I don't understand, so hopefully somebody here can give us a hand!

In order for the amount left to spend to qualify for free shipping to display, Modules/Order Totals/Shipping/Allow Free Shipping has to be set to False.

In doing this, the customer who spends more than the specified amount is told they qualify for free shipping, but do not have it applied automatically at checkout - which is the way we had our site configured.

This seems counter-intuitive, and I need to fix it ASAP because at the moment we are telling our customers we have free shipping but they can't get it at checkout.

Any help would be much appreciated.

Thanks

Nathan

There are two different "free shipping" settings, the one you mention and the one in Modules > Shipping > Free Shipping Options. Install Free Shipping Options, set to True and set the $ amount.

ok, got that sorted. Thanks for your reply.

I am grateful for the community contribution, but to do feel the need to mention though that it seems a strange logic, to have to set 'free shipping' in the order totals to 'false' in order for free shipping amount left to spend to display in the header.

It is the exact opposite of what appears logical.

Maybe there was a reason that it was coded this way?

Perhaps this is something to consider for the next revision?

I think it is one of those "legacy code" items... like there was the OT free shipping which only dealt with $ total, and then the freeoptions module which had more functionality was developed, but the original free shipping was not removed from the code... Just my guess.

How can I remove the login, logout, etc in the header wrapper? It throws everything off and I really don't need it.
thanks!

helpme:

How can I remove the login, logout, etc in the header wrapper? It throws everything off and I really don't need it.
thanks!
nevermind, figured this out :)

But I would love to add images to replace the css box, I see several people have done this but I can not see how.

Also my text showing the free shipping is missing. I have the modules-order total-free shipping turned on but still no text.

thanks so much! I'd love to get this working better!

site: squish ytush y.com

helpme:

nevermind, figured this out :)

But I would love to add images to replace the css box, I see several people have done this but I can not see how.

Also my text showing the free shipping is missing. I have the modules-order total-free shipping turned on but still no text.

thanks so much! I'd love to get this working better!

site: squish ytush y.com

I've solved the shipping text problem and now have that showing. I added an image to the css and it kinda works, but it is small and I need to move the text around. I can figure the text out, just need to figure out how to make the image space larger (as long as the image(s) go in the css)

I can't see where you have the Shoppingcart/Freeship active on your site, so I can't advise at this point...

Are you talking about the logo image with text included on it? That would be nothing to do with this mod.

gjh42:

I can't see where you have the Shoppingcart/Freeship active on your site, so I can't advise at this point...

Are you talking about the logo image with text included on it? That would be nothing to do with this mod.

I just put it back on, it tooks awful the way it is so I didn't want to leave it on.
thanks!!!

here is a screen shot of the problem, I can't leave it on...looks too bad :)

I still don't see it - did you take it off again? I'll keep checking for a while - post when you make a change.

That would be why I didn't see it:)