Hallo,
ich hab das Modul "
Warenkorb jQuery SlideOut" eingebaut und mittels den Änderungen von Markus dort im modified eCommerce Shopsoftware auch zum laufen bekommen.
Nun möchte ich die Box gerne fixed am rechten unteren Rand platzieren...
<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/javascript/jquery-1.3.js'; ?>"></script>
<script type="text/javascript" src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/javascript/jquery.cycle.all.js'; ?>"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#myslides').cycle({
fx: 'fade',
speed: 2500,
timeout: 4500,
next: '#myslides',
pause: 1
});
});
</script>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE.'/javascript/jquery.tabSlideOut.v1.3.js'; ?>"></script>
<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will be your tab
pathToTabImage: '<?php echo 'templates/'.CURRENT_TEMPLATE.'/img/contact_tab.png'; ?>', //path to the image for the tab (optionaly can be set using css)
imageHeight: '122px', //height of tab image
imageWidth: '40px', //width of tab image
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'click', //options: 'click' or 'hover', action to trigger animation
topPos: '198px', //position from the top
fixedPosition: true //options: true makes it stick(fixed position) on scroll
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
//hide toolbar and make visible the 'show' button
$("span.downarr a").click(function() {
$("#toolbar").slideToggle("fast");
$("#toolbarbut").fadeIn("slow");
});
//show toolbar and hide the 'show' button
$("span.showbar a").click(function() {
$("#toolbar").slideToggle("fast");
$("#toolbarbut").fadeOut();
});
//show tooltip when the mouse is moved over a list element
$("ul#social li").hover(function() {
$(this).find("div").fadeIn("fast").show(); //add 'show()'' for IE
$(this).mouseleave(function () { //hide tooltip when the mouse moves off of the element
$(this).find("div").hide();
});
});
//don't jump to #id link anchor
$(".facebook, .twitter, .delicious, .digg, .rss, .stumble, .menutit, span.downarr a, span.showbar a").click(function() {
return false;
});
//show quick menu on click
$("span.menu_title a").click(function() {
if($(".quickmenu").is(':hidden')){ //if quick menu isn't visible
$(".quickmenu").fadeIn("fast"); //show menu on click
}
else if ($(".quickmenu").is(':visible')) { //if quick menu is visible
$(".quickmenu").fadeOut("fast"); //hide menu on click
}
});
//hide menu on casual click on the page
$(document).click(function() {
$(".quickmenu").fadeOut("fast");
$(".quickmenu").css({'vivibility': 'hidden'});
});
$('.quickmenu').click(function(event) {
event.stopPropagation(); //use .stopPropagation() method to avoid the closing of quick menu panel clicking on its elements
});
});
</script>
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>
<script type="text/javascript">
hs.flushImgSize = true;
</script>
und auch die css...
.slide-out-div {
padding: 20px;
width: 250px;
background-image: url(../../img/cartbg.jpg);background-repeat: repeat-x;
background-color: #b6b6b6;
border: #b9b9b9 1px solid;
}
versuchte ich nun auf alle möglichen Arten zu verändern um die Box unten rechts zu platzieren,
leider war sie entweder unten links oder rechts mittig - oder wenn ich sie mittels X Pixel nach unten schiebe - ist sie nur teilwise lesbar...
mit Pixeln nach rechts schieben geht auch nicht weil jeder eine andere Bildschirmgröße hat.
Wenn ich aber "right-bottom" oder "bottom-right" oder position: absolute; right: 5px
oder ähnliche Befehle in css oder general.js.php einsetze - wird es entweder komplett ignoriert, oder aber die Box wandert sofort ganz nach unten außerhalb des Sichtbereiches des Bildschirms.
Warum herkömmliche CSS Anweisungen nicht greifen versteh ich nicht.
Hat jemand 'ne Idee für mich ?
Linkback: https://www.modified-shop.org/forum/index.php?topic=12875.0