SMDV - ein Modellbahn und Spielzeugshop ersteht auf

October 8, 2008

Die Marke SMDV, einst einer der Großen in der Branche für Spielzeug und Modellbau, ist nach über einem Jahr unter neuer Leitung wieder auf dem Markt.

artViper designstudio hat dem Shop neues Leben eingehaucht; vom Design bis hin zur Funktionalität wurden viele Teilbereiche des Shops neu erstellt. AJAX Funktionen vereinfachen die Suche nach Produkten, das Finden von Informationen zu bestimmten Produkten, das Empfehlen dieser und viel mehr.

Ein Besuch lohnt sich auf jeden Fall für jeden, der Spielwaren und auch Modellbahnen / Modellbau als Hobby hat. smdv.de

mooImageInfoSlider - slide information about the image as bottom-up slider in the image itself

September 8, 2008

Want to show additional information about an image but you’re no fan of flash to have some nice bottom-up slide implemented? Here you go, a small and easy to use script to show the < > tag of each image in a slider that covers parts of the image.

Adjustable

You can influence the whole thing by defining:

* font-size
* background-color
* slide speed
* slide effect ( Bounce, linear etc )
* background-image

Demo

ImageInfoSlider

You can see a live demo here: mooImageInfoSlider

How-To

Simply wrap each image into a DIV with the className .myImages. So this would yield that (X)HTML code for example:
HTML Code

choose caption
add text to it


CSS Styles

Here are some styles that are used in the demo:

.myImages{
position:relative;
display:block;
float:left;
margin:0 10px 0 0 ;
}

Script Effects

After that, adjust the settings in the script to match your needs. Find that part, which includes the look and feel of the sliders:

var container = new Element('div', {

In there are all styles like background-image, background color etc.

The effects are done in these parts:

e.addEvent('mouseenter',function(){
and
e.addEvent('mouseleave',function(){

from there you can influence the effects, duration etc. For possible effects please refer to the mootools documentation.

Compatibility

This script has been tested in following browsers

* Firefox 2 / 3
* Internet Explorer 6 / 7
* Opera
* Chrome

Download

Grab your copy here mooImageInfoSlider ( including mootools 1.2 framework and demo page )

setting up phplivesupport on windows | apache

August 7, 2008

For our respected customers, we added some live support on our page. Usually installing a script like this is a matter of a few minutes. Not so this script. If you have set the option -Indexes in your conf file of apache, this script will not be installable.

Even requesting help from the vendors page didn’t bring up any more information. Fumbling around here’s what finally succeeded:

a) Add a .htaccess file to your phplive installation folder.
b) Go and change / add the /setup/index.php with following code:


$dir = $_SERVER['DOCUMENT_ROOT'];
$dir .= “phplive/”;

Put this on top of the index.php Then replace these lines:

if ( file_exists( “../web”))

and all similar following calls with this:

if ( file_exists( $dir. “web” ))

That’s it, after these changes, the script could be installed on a windows / apache system.

mooSlide for mootools 1.2

August 6, 2008

Due to many requests to rewrite the mooSlide snippet for the mootools 1.2 framework we’ve done it, and you can download it right away here:

mooSlide for mootools 1.2

In addition we have added the functionality to load external content instead of having the content div on the page and make it hidden via CSS.

XT:Commerce - remember customer bank info

August 4, 2008

XT:Commerce does not store, or better said, does not automatically fill the fields of a customers bank information when he had previously bought something via bank transfer. Banktransfer update does the trick.

It also includes a page for XT:Commerce on which the customer can easily change his bank information, if you have provided it once.

XT:Commerce price to image

August 2, 2008

Having seen this in various online shops, I decided to write my own function for the xt commerce shop, which enables you to display new products on the index page with prices that are images. This can help promoting your articles a lot better and, in addition, have the cheap price ( hopefully ) move over parts of the image so it will look like one image at all.

In fact, you can choose any style you like, as the images are pre-produced as gifs, so just create them in the font of your choice, copy the module in your shop folder and you’re all set.

Here’s a demo image from a shop we’re currently developing:

xt commerce price to image

If you want this for your own shop, go and get your copy here: XT Commerce price to image

XT:Commerce Google Sitemap - generate google sitemaps for 1000’s of products

July 24, 2008

Here it is, the XT:Commerce Google Sitemap Tool, which enables even shops with thousands of products to create valid google sitemaps.

Each sitemap file can be limited to a certain amount of products, a main sitemap.xml links to these files. Now you can give google all your products without having to write these maps your own. Pings google automatically and notifies them about your new shop sitemap.

Define how many products you wish to have in one sitemap file, press start and you’re all set.
You can purchase this script here: XT:Commerce Google Sitemap

mooSocialize update

May 24, 2008

coding articleThe mooSocialize script has been updated. It now takes the url correctly, as there have been an issue when more than one “&” has been in the query string. This bug has been fixed now and the mooSocialize works as expected.

Please re-download your copy here: mooSocialize or get your wordpress plugin here mooSocialize wordpress plugin

mooSlide - revamp!

May 23, 2008

Done - the new mooSlide is easier to use than ever as it has become a mootools class, with a lot of options that you can influence. The best of it: The slider can contain ANY content, so put videos, flash, images, text or html stuff in it.

The options:

* The slider DIV
* The slide in speed
* The fade out speed
* Remove on click yes / no
* The final opacity
* The height of the slider container
* The type of effect used ( see the mootools transitions effects )
* The toggler element ( i.e. a link )

Calling the box:

var px = new mooSlide2({ slideSpeed: 1700, fadeSpeed: 500, toggler:’toggle’, content:’test’, height:250, removeOnClick: true, opacity:’1′, effects:Fx.Transitions.Bounce.easeOut });

whereas the toggler is the element that will show / hide the box, content defines the div’s ID with your slide contents, the rest of the options should be self-explanatory.

Demo:
mooSlide 3.2

mooHorizonSlider

May 20, 2008

this little slider class is build with the mootools framework 1.11. You can define various things:

* single image movement left / right
* multiple movement left / right
* scroll speed
* image container
* image size

In conjunction with the needed CSS style for the scroller, it creates an easy to use image slider. The slider class can be adjusted to fit your needs perfectly - imageWidth, imageCount, scrollRanges etc.

Check out the source of this page to see how it is implemented. You can also use this line of code, adjust it to your needs, copy the CSS to your file and get it going:

var p = new avScroll({container:’innerScroller’, imgWidth:233, scrollRange:24, leftHandle:’leftClicker’,rightHandle:’rightScroller’, rw:’leftFF’, ff:’rightFF’, speed:700});

Check it out here: moo horizontal slider

Next Page »