Changeset 58038 in spip-zone


Ignore:
Timestamp:
Feb 4, 2012, 8:02:35 PM (8 years ago)
Author:
toutati@…
Message:

Proposition de demo de la boutique simplecart (avec le plugin Zpip)
Prérequis: des documents ayant un champ prix.
Dans cfg les champs du panier contiennent [ "name", "thumb_image" , "ref", "Quantity_input" , "increment", "decrement", "Total" ]
comme c'était pour vendre des graines, il y a un modele "graine"
et un lien pour ouvrir les détail box de la page-reference (plugin mediabox)

le hic, tout est en js et le cookie ne semble pas stocker grand chose (20 items differents au maximum apparemment)
Todo: croiser ce qui existe dans SPIP (plugin panier) avec ce rapide petit plugin sympathique…

Location:
_plugins_/simplecart
Files:
6 added
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/simplecart/css/simplecart.css

    r40746 r58038  
    1     .itemContainer{
    2         width:100%;
    3         float:left;
    4     }
    5    
    6     .itemContainer div{
    7         float:left;
    8         margin: 5px 20px 5px 20px ;
    9     }
    10    
    11     .itemContainer a{
    12         text-decoration:none;
    13     }
    14 
    15    
    16     .cartHeaders div{
    17         float:left;
    18         margin: 5px 10px;
    19     }
    20    
     1/**********************************
     2Here lies the CSS for the simpleCart(js) Official Demo.
     3You don't need any of this for simpleCart(js) to work.
     4PLEASE USE YOUR OWN STYLESHEET AS WE WILL NOT OFFER SUPPORT FOR ANY STYLING ISSUES.
     5**********************************/
     6
     7
     8/**********************************
     9RESETS
     10(Commented out since its already in the simplecartjs.com global.css,
     11but since I know some of you will just use this stylesheet I'm leaving
     12it in here, please uncomment the resets if you intend on using
     13this stylesheet. Otherwise you may run into unexpected results. Thanks!)
     14**********************************/
     15/*
     16html, body, div, span, applet, object, iframe,
     17h1, h2, h3, h4, h5, h6, p, blockquote, pre,
     18a, abbr, acronym, address, big, cite, code,
     19del, dfn, em, font, img, ins, kbd, q, s, samp,
     20small, strike, strong, sub, sup, tt, var,
     21b, u, i, center,
     22dl, dt, dd, ol, ul, li,
     23fieldset, form, label, legend,
     24table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
     25}
     26body { line-height: 1;
     27}
     28ol, ul { list-style: none;
     29}
     30blockquote, q { quotes: none;
     31}
     32
     33/ remember to define focus styles! /
     34:focus { outline: 0;
     35}
     36
     37/ remember to highlight inserts somehow! /
     38ins { text-decoration: none;
     39}
     40del { text-decoration: line-through;
     41}
     42
     43/ tables still need �cellspacing=�0�� in the markup /
     44table { border-collapse: collapse; border-spacing: 0;
     45}
     46*/
     47/**********************************
     48DEMO STYLES
     49**********************************/
     50.itemname, .itemQuantity input, .itemTotal, #viewFullDemoLink, .simpleCart_empty{color:#555}
     51
     52#demoContainer{
     53        width:855px;
     54        height:832px;
     55        padding:81px 0 0 49px;
     56        margin:0 auto;
     57}
     58.simpleCart_shelfItem{
     59 background: none repeat scroll 0 0 #F8F8F8;
     60    color: #555555;
     61    float: left;
     62    font: 16px "HelveticaNeue-Light","Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
     63    height: 141px;
     64    margin: 30px 10px 20px 0;
     65    padding: 5px;
     66    position: relative;
     67    width: 240px;
     68}
     69
     70
     71.item_image{
     72        float:left;
     73        margin-right:15px;
     74}
     75.item_name{
     76        text-transform:uppercase;
     77        font:bold 12px "Helvetica", Arial, sans-serif;
     78        color:#000;
     79        margin: 10px 0 0;
     80}
     81.item_Description{
     82        font-size:11px;
     83        padding:5px 0;
     84        margin: 0;
     85}
     86
     87#templatemo_content p.item_Description{
     88                text-align: left;
     89margin:0;
     90}
     91
     92.item_price{
     93        font:bold 12px "Helvetica", Arial, sans-serif;
     94        color:#000;
     95        float:left;
     96        margin:6px 3px 0 0;
     97        position:absolute;
     98        bottom:13px;
     99        left:118px;
     100}
    21101.item_thumb{
    22     display:none;
    23 }
    24 
    25 
    26 
    27 
    28 
    29 
    30 .simpleCart_shelfItem{
    31     float:left;
    32     margin:5px 10px;
    33     width:250px;
    34     height:141px;
    35     line-height:100%;
    36     position:relative;
    37     font-size: 12px;
    38 }
    39 .item_image{
    40     float:left;
    41     margin-right:15px;
    42 }
    43 .item_name{
    44     margin-top:15px;
    45 }
    46 .item_Description{
    47     font-size:11px;
    48     padding:5px 0;
    49 }
    50 
    51 
    52 
     102        display:none;
     103}
    53104.item_add{
    54     display:block;
    55     font-size: 1.2em;
    56     height:25px;
    57 }
    58 
     105        display:block;
     106        width:85px;
     107        height:25px;
     108        text-indent:-9999px;
     109        overflow:hidden;
     110        background:url(../images/demoSprite.png) 0 -21px;
     111        position:absolute;
     112        bottom:8px;
     113        right:3px;
     114}
     115.item_add:hover{
     116        background-position:-85px -21px;
     117}
     118.item_add:active{
     119        background-position:-170px -21px;
     120}
     121
     122a.item_add:focus{
     123        background:transparent url(../images/demoSprite.png) -85px -21px !important;
     124 outline: 0; color:transparent;
     125}
     126
     127.simpleCart_items{
     128        clear:both;
     129        float:left;
     130        margin: 18px 0px 0px 11px;
     131        position:relative;
     132}
    59133.cartHeaders{
    60     display:none;
    61 }
    62 
     134        display:none;
     135}
     136.itemContainer{
     137    background: none repeat scroll 0 0 #F8F8F8;
     138    bottom: 0;
     139    float: left;
     140    height: 200px;
     141    margin: 10px 0 10px 10px;
     142    padding: 5px;
     143    position: relative;
     144    text-align: center;
     145    width: 120px;
     146}
     147#templatmeo_sidebar .itemContainer{
     148        width: 100px;
     149}
     150.itemname{
     151        font:bold 11px "Helvetica", Arial, sans-serif;
     152        text-transform:uppercase;
     153}
     154.itemthumb{
     155        float:none;
     156        margin:0;
     157        padding-top:5px;
     158        height: 80px;
     159}
     160.itemQuantity{
     161        float:left;
     162        clear:both;
     163        margin-top:5px;
     164        display:inline;
     165        margin-left:30px;
     166}
    63167.itemQuantity input{
    64     background:none;
    65     border:1px;
    66     width:21px;
    67     height:17px;
    68     text-align:center;
    69     font:bold 11px Arial, sans-serif;
    70     padding:0 9px;
    71     margin:0 5px 0 0;
    72     vertical-align:top;
    73     padding-top:3px;
    74 }
    75 
     168        background:none;
     169        border:none;
     170        width:21px;
     171        height:17px;
     172        background:url(../images/demoSprite.png);
     173        text-align:center;
     174        font:bold 11px Arial, sans-serif;
     175        padding:0 9px;
     176        margin:0 5px 0 0;
     177        vertical-align:top;
     178        padding-top:3px;
     179}
    76180.itemQuantity input:focus{
    77     outline:none;
    78 }
    79 
     181        outline:none;
     182}
     183.itemincrement a{
     184        display:block;
     185        background:url(../images/demoSprite.png) -278px -29px;
     186        width:7px;
     187        height:5px;
     188        text-indent:-9999px;
     189        overflow:hidden;
     190        margin:10px 0 0 0;
     191}
     192.itemdecrement a{
     193        display:block;
     194        background:url(../images/demoSprite.png) -278px -35px;
     195        width:7px;
     196        height:5px;
     197        text-indent:-9999px;
     198        overflow:hidden;
     199        margin:3px 0 0 0;
     200}
     201.itemTotal{
     202        font:bold 11px Arial, sans-serif;
     203        margin:8px 0 0 0;
     204        padding:0;
     205        clear:both;
     206}
    80207#cartTotal{
    81     clear:both;
    82     text-align:right;
    83     font:11px Arial, sans-serif;
    84     text-shadow:none;
    85     margin-top:23px;
    86     float:left;
    87     width:100%;
    88     margin-left:-65px;
    89 }
    90 
    91 .simpleCart_checkout {
     208   border-top: 1px dotted #555555;
     209    clear: both;
    92210    float: right;
    93     font-size: 1.3em;
    94     padding:6px;
    95     text-decoration:none;
    96 }
    97 
    98 .simpleCart_empty {
     211    font: 11px Arial,sans-serif;
     212    margin-right: 20px;
     213    margin-top: 10px;
     214    padding-top: 10px;
     215    text-align: right;
     216    text-shadow: none;
     217}
     218#viewFullDemoLink{
     219        clear:both;
     220        font:10px Arial, sans-serif;
     221        display:block;
     222        padding:5px 0 0 0;
     223        margin-left:140px;
     224        text-decoration:none;
     225}
     226#viewFullDemoLink:hover{
     227        text-decoration:underline;
     228}
     229.simpleCart_empty{
     230  display: block;
    99231    float: right;
    100     font-size: 1.3em;
    101     padding:6px;
    102     text-decoration:none;
    103 }
    104 
    105 .simpleCart_clear {
    106     clear:both;
    107     margin-bottom:5px;
    108 }
     232    font-size: 11px;
     233    margin: 3px 0 10px 5px;
     234    padding: 10px;
     235}
     236.simpleCart_checkout{
     237 background: none repeat scroll 0 0 #FFFFFF;
     238    display: block;
     239    clear: right;
     240    font-weight: bold;
     241    margin: 3px -10px 10px 5px;
     242    padding: 10px;
     243    text-transform: uppercase;
     244}
     245
     246.totalpanier{clear:both;background:#EEE;margin-right: 10px;}
     247.totalpanier h3{
     248        margin:35px 3px 0 3px;
     249        padding:20px 0 0;
     250        font:bold 20px "Helvetica", Arial, sans-serif;
     251}
     252
  • _plugins_/simplecart/simplecart_head.php

    r42800 r58038  
    55    function simplecart_insert_head($stream){
    66            $js = '<script src=\''.url_absolue(find_in_path('simpleCart.js')).'\' type=\'text/javascript\'></script>';
     7            $js .= '<script src=\''.url_absolue(find_in_path('javascript/detail_simplecart.js')).'\' type=\'text/javascript\'></script>';
    78            $js .= '<script type="text/javascript">';
    89           
Note: See TracChangeset for help on using the changeset viewer.