The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.

Create a free forum like this one.

Code Errors Help

View previous topic View next topic Go down

Solved Code Errors Help

Post by Asriel on March 4th 2013, 4:41 am

OK, so I am building a shop and I got code and all. Everything works beautifully, but I am struggling with aligning the items.

Here's my shop code.


.header{color:#FA8805;font-size:54px;text-align:center;text-shadow:4px 3px 4px #000000;height:40px;padding-bottom:40px; font-family: Comic MS}
.shopWrapper{text-align:center;margin:0 auto;border: 2px solid silver;overflow:hidden;height:auto;background: url(;}
.image img{height:64px;width:64px;}
.item{width:130px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#E9D09B;overflow:hidden;height:auto;min-height: 50px;}
.description {color: black;font-size: 10px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 5px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color: green;border-bottom:2px solid #000;}
.cart_items{text-align:center; color: black}
.cart_body{text-align: center;
margin: 0 auto;
overflow-x: hidden;
overflow-y: scroll;
border: 3px double orange;
height: 600px;
background: white;}
.totaler{bottom:0; color: black}
#checkout{float: left;
height: 100px;
text-align: center;
background: orange;
border-top: 3px solid orange;
margin-top: 5px;
width: 100% !important;}


1000 Credits


100 credits
Need more credits? For just 100 coins you can have 1000 more. You know you need it.

Power Enhancement


150 credits

Increase your character's powers by 1 ATK & 1 DEF

Invisibility Cloak


300 credits2 USES
Use this cloak to disappear from anyone.                                                                 




10,000 credits1 PER ACCOUNT
The chosen one shall be immortal

Medallion of Life


1000 credits1 USE
Give your or someone else's character second chance at life

Custom Rank


1500 credits2 PER ACCOUNT
Custom ranks for your characters



5000 credits
With this item you can destroy any character forever.

Portal Staff


1500 credits2 USES
Teleport any character to any location you desire.

Smoke Bomb


1500 creditsMAX 12

Supply of 12 smoke bombs.


Shopping Cart


      Total Credits =

Would you like to check out now? If so, just click the 'Update Card' button then 'Send'. Allow 24 hours for all the items to be processed.

var jQuerytotal = 0.0

jQuery('.addButton').click(function (){
    var theID ='#'  jQuery(this).attr('data-item');
var pointstoAdd = parseFloat(jQuery(theID).find('.points').attr('data-myprice'));
jQuerytotal  = pointstoAdd;
jQuery('.totaler').html('Total Credits = '  jQuerytotal.toFixed(2));
var jQuerynewItem = '<li class="cart-item" data-points="'  pointstoAdd '">'  jQuery(theID).find('.title').text()  '</li>';

function BindIt(){
    jQuery('.cart-item').click( function(){
        jQuerytotal -= parseFloat(jQuery(this).attr('data-points'));
        jQuery('.totaler').html('Total Credits = '  jQuerytotal.toFixed(2));
              function() {
                jQuery('#submitCart').click(function() {
                var text = '';
var total = 0;

jQuery(".theList li").each(function () {
  var string = jQuery(this).text();
  var points = parseInt(jQuery(this).data('points'));

  //capitalize first letter of string
  text  = string.charAt(0).toUpperCase()  string.slice(1)
  //add line break at the end
        ' = '  points  "\n";

  total  = points;

//I think calculating total is easier than trying to manipulate jQuery(".totaler")
text  = "Total Credits = "  total;

and here's the screenshot of my shop.

I think I might be missing few
tags but I am not sure where. Any help would be much appreciated.

EDIT: I have fixed the problem. Thank you, CJ. This topic is COMPLETE.

Last edited by Asriel on March 5th 2013, 3:02 am; edited 1 time in total


Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

Back to top Go down

Solved Re: Code Errors Help

Post by Sir Chivas™ on March 4th 2013, 4:52 am

I've notice that this only happens when you place the Header and Footer, I will play around with the HTML. Wink

This might take a while. Razz

- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Code Errors Help

Post by Asriel on March 4th 2013, 5:05 am

That's ok. Thanks CJ.


Male Posts : 583
Reputation : 30
Language : English, Russian, Ukrainian
Location : St. Somewhere

Back to top Go down

Solved Re: Code Errors Help

Post by Jophy on March 9th 2013, 8:13 am

Since the topic was marked complete, I will consider this as solved and mark it now.

Topic Solved & Locked


Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top

Permissions in this forum:
You cannot reply to topics in this forum