Login
Register
Bagaimana cara untuk membuat shop??
Cara membuat shop?
Oops! Sepertinya ada sedikit kesalahan ...
[#22124]
Atlanta telah memblok tamu untuk melihat konten yang ada, silahkan mendaftar untuk dapat melihat isi konten kami.
Need Help?
Message (Halaman 1 dari 1)
tommycoo#2
25/5/2013, 08:46
25/5/2013, 08:46Owner of Atlanta
Sebenernya codingnya cukup simple tinggal di masukkin di HTML agan aja 
admin > modules > html page
terus masukkin kode ini
*ganti "usernamekamu" dengan ID yang mau di send PM oleh shop ini
admin > modules > html page
terus masukkin kode ini
- Code:
<style type="text/css">.header{color:#ff0000;font-size:24px;text-align:center;text-shadow:4px 3px 4px #00ff00;height:40px;padding-bottom:40px;}.shopWrapper{text-align:center;margin:0 auto;border:3px dashed #0000ff;overflow:hidden;height:auto;background: whiteSmoke;}.title{color:#000;font-size:12px;}.image img{height:100px;width:100px;}.image{text-align:center;}.points{color:yellow;font-size:8px;float:left;text-align:center;}.sale{color:#ff0000;font-size:8px;float:right;text-align:center;}.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: 8px;word-wrap: break-word;text-align: left !important;float: left;text-indent: 5px;}.itemWrapper{text-align:center;margin:0 auto;float:left;}.inventWrapper{float:left;width:600px;height:auto;overflow:hidden;}.cart{overflow: hidden;background: white;}.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}.cart_items{text-align:center;}.cart_body{text-align: center;margin: 0 auto;overflow-x: hidden;overflow-y: scroll;border: 1px solid lime;height: 600px;background: white;}.cartWrapper{float:right;width:300px;}.totaler{bottom:0;}li:hover{cursor:pointer;}#checkout{float: left;height: 100px;text-align: center;background: white;border-top: 2px solid lime;margin-top: 5px;width: 100% !important;}</style>
<script type="text/javascript">(function($){$(document).ready(function(){var $total = 0.0
$('.addButton').click(function (){ var theID ='#' + $(this).attr('data-item');var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));$total += pointstoAdd;$('.totaler').html('Total=' + $total.toFixed(2)+' Tokens');var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';$('.theList').append($newItem);BindIt();});
function BindIt(){ $('.cart-item').unbind('click'); $('.cart-item').click( function(){$total -= parseFloat($(this).attr('data-points'));$('.totaler').html('Total=' + $total.toFixed(2)+'Tokens');$(this).remove();});}}); $(document).ready( function() { $('#submitCart').click(function() { var text = '';var total = 0;
$(".theList li").each(function () { var string = $(this).text(); var points = parseInt($(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 $(".totaler")text += "Total =" + total + 'Tokens';$("#cartMessage").text(text);}); });})(jQuery);</script><div class="header">Converseit Shop</div><div class="shopWrapper"><div class="inventWrapper">
<div class="itemWrapper"><div id="item1" class="item"><span class="title">Rainbow Usernames</span><br/><span class="image"><img src="http://oi47.tinypic.com/2vw8q47.jpg"/></span><br /><div class="descrip"><span class="points" data-myPrice="1000">1000 Tokens</span><span class="sale">NEW</span><br /><span class="description">It will make your username rainbow colored on the site. Wohooo Rainbows!!!!</span></div> <input type="button" class="addButton" data-item='item1' value="Add To Cart"/></div></div>
<div class="itemWrapper"><div id="item2" class="item"><span class="title">Item 2</span><br/><span class="image"><img src="http://www.thinkgeek.com/images/products/zoom/tqualizer_anim.gif"/></span><br /><div class="descrip"><span class="points" data-myPrice="2000">2000 pts</span><span class="sale">ON SALE</span><br /><span class="description">Here would be a simple description of the item for sale. Then We will create a button below.</span></div> <input type="button" class="addButton" data-item='item2' value="Add To Cart"/></div></div>
</div> <div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_title">Shopping Cart</div><div class="cart_items"><ul class='theList'></ul></div></div> <span class="totaler">Total= 0 Tokens</span></div> </div><div id="checkout">Would you like to check out now? If so just click the CheckOut button. Allow 24-48 hours for all the items to be processed<form id="privatemessage" action="/privmsg?folder=inbox" method="post" name="post"><input name="username[]" type="text" style="display:none" value="usernamekamu"/><input value="Cart Submission Ticket" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput"/><textarea id="cartMessage" style="display:none" class="noThis" name="message" ></textarea><input type="button" id="submitCart" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false" value="Update Cart"/><input type="submit" id="sendingBut" name="post" value="Send" disabled="disabled"/></form></div></div>
*ganti "usernamekamu" dengan ID yang mau di send PM oleh shop ini
nathanadhitya#3 25/5/2013, 09:08
25/5/2013, 09:08Level 2
hey gan tommy kamu bisa javascript nggak aku perlu bantuan -_-
Javascript hampir sama dengan PHP ^_^
Javascript hampir sama dengan PHP ^_^
mercurial_vapor#5 25/5/2013, 10:36
25/5/2013, 10:36Level 5
bisa dijelasin lagi ga gan??
agar bisa seperti ini
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.]
disitu kan ada tanda +/-
jelasin 1 kolom aja gan,
anti kan jika 1 kolom sudah dijelaskan scra detail, pasti kan bisa di repeat lagi
thanks gan atas pncrahannya ^_^
agar bisa seperti ini
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.]
disitu kan ada tanda +/-
jelasin 1 kolom aja gan,
anti kan jika 1 kolom sudah dijelaskan scra detail, pasti kan bisa di repeat lagi
thanks gan atas pncrahannya ^_^
tommycoo#6 25/5/2013, 10:42
25/5/2013, 10:42Owner of Atlanta
Itu sebenernya tinggal pake show hide toggle aja gan
coba baca web ini [You must be registered and logged in to see this link.]
atau cari di google aja banyak kok
coba baca web ini [You must be registered and logged in to see this link.]
atau cari di google aja banyak kok
tommycoo#8 26/5/2013, 04:09
26/5/2013, 04:09Owner of Atlanta
Emang kode itu agak membingungkan gan sebenernya, coba nanti saya tanya ke forum sana. Dan kalo bisa nanti saya postkan kodenya di sini.
tommycoo#10 26/5/2013, 17:17
26/5/2013, 17:17Owner of Atlanta
Sudah saya post gan di baca aja nih tutorialnya
insyallah work
[You must be registered and logged in to see this link.]
insyallah work
[You must be registered and logged in to see this link.]
tommycoo#11 20/6/2013, 14:18
20/6/2013, 14:18Owner of Atlanta
Karena problem sudah saya post dan jadikan tutorial.
Thread Solved And Lock
Thread Solved And Lock
Message (Halaman 1 dari 1)
Share This Topic !
| URL : | |
| BBcode : | |
| HTML : |
Similar topics
Permissions in this forum:
Anda tidak dapat menjawab topik
|
|
|
