Kalian Member Baru, Yuk Perkenalan Dahulu. 1 Member 1 Thread.
Selamat datang di Forum Atlanta~Halo, kalian masih menjadi tamu ya di forum ini ? Kenapa masih jadi tamu ayok ikutan kita gabung di forum ini.
Banyak loh tutorial yang dapat kamu dapatkan di sini, kalian juga bisa tanya-tanya tentang masalah blog/forum kok di sini.
Langsung aja yok daftar kalau kalian belum daftar di sini Register, Kalau sudah punya IDnya langsung aja ya Login

You are not connected. Please login or register

 

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)

#1
 on 24/5/2013, 17:56

Retired Staff


Retired Staff
Bagaimana cara untuk membuat shop??

#2
 on 25/5/2013, 08:46

Owner of Atlanta


Owner of Atlanta
Sebenernya codingnya cukup simple tinggal di masukkin di HTML agan aja Wink
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 Senyum

- tommycoo's signature -


[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#3
 on 25/5/2013, 09:08

Level 2

Level 2
hey gan tommy kamu bisa javascript nggak aku perlu bantuan -_-
Javascript hampir sama dengan PHP ^_^

#4
 on 25/5/2013, 10:17

Owner of Atlanta


Owner of Atlanta
gak bisa saya gan javascript -_-

- tommycoo's signature -


[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#5
 on 25/5/2013, 10:36

Level 5

Level 5
bisa dijelasin lagi ga gan??

agar bisa seperti ini Senang
[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 beer

thanks gan atas pncrahannya ^_^

#6
 on 25/5/2013, 10:42

Owner of Atlanta


Owner of Atlanta
Itu sebenernya tinggal pake show hide toggle aja gan Senyum
coba baca web ini [You must be registered and logged in to see this link.]

atau cari di google aja banyak kok Senang

- tommycoo's signature -


[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#7
 on 25/5/2013, 21:28

Retired Staff


Retired Staff
tidak work.. pas diteken order ga masuk ke cart..

#8
 on 26/5/2013, 04:09

Owner of Atlanta


Owner 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. Senyum

- tommycoo's signature -


[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#9
 on 26/5/2013, 16:53

Retired Staff


Retired Staff
oke ditunggu...

#10
 on 26/5/2013, 17:17

Owner of Atlanta


Owner of Atlanta
Sudah saya post gan di baca aja nih tutorialnya Senyum
insyallah work Wink

[You must be registered and logged in to see this link.]

- tommycoo's signature -


[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

#11
 on 20/6/2013, 14:18

Owner of Atlanta


Owner of Atlanta
Karena problem sudah saya post dan jadikan tutorial.

Thread Solved And Lock

- tommycoo's signature -


[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this link.][You must be registered and logged in to see this link.][You must be registered and logged in to see this link.]

Jika kalian sudah selesai dengan topic kalian, silahkan klik [You must be registered and logged in to see this image.] agar dapat dilihat member lain.


Administrator Atalanta.

Sponsored content
#12
 Today at 18:53


Message (Halaman 1 dari 1)

Share This Topic !

URL :
BBcode :
HTML :

Permissions in this forum:
Anda tidak dapat menjawab topik

Total Posts Total Threads Total Members Newest Member29 November 2014 Date of Establishment of the Forum

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu

Total 0 user online :: 0 Terdaftar, 0 Tersembunyi dan 0 Tamu (Lihat list online)


User yang sedang berada di forum ini: Tidak ada