Bienvenue, Invité
Merci de vous identifier ou de vous inscrire.    Mot de passe perdu?

Affichager prix liste déroulant
(1 lecteur(s)) (1) Invité(s)
Aller en basPage: 1
SUJET:

Affichager prix liste déroulant

#66022
Supinfo
Expert Boarder
Messages: 137
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur

Affichager prix liste déroulant

Il y a 4 Années, 10 Mois
Karma: 0  
Bonjour j'ai un souci avec l'affichage des prix sous magento des prix spécial avec un script js j'ai puis changer la liste déroulant en en box activer l'images est ci-joint
l'affichager de cette image se fait via les dossier:

/app/design/frontend/[mon théme]/default/template/catalog/product/view/type/options/configurable.phtml

Code :

<?php
$_product    = $this->getProduct();
$_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes());
?>
<span class="sizes-available">Tailles disponibles :</span>
<?php if ($_product->isSaleable() && count($_attributes)):?>
    <?php foreach($_attributes as $_attribute): ?>
          <select name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]" id="attribute<?php echo $_attribute->getAttributeId() ?>" class="required-entry super-attribute-select">
            <option><?php echo $_attribute->getProductAttribute()->getStoreLabel() ?></option>
          </select>
          <ul class="super-attribute-select"></ul>
    <?php endforeach; ?>
    <script type="text/javascript">
        var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>);
        Alpinestars.setconfigurable();
    </script>
<?php endif;?><br class="clear" /><br />
<a href="<?php echo $this->getUrl('guide-des-tailles');?>" id="guidetailles"><span class="picto"></span><span class="label">Guide des tailles</span></a>


et le js appliquer est :
Skin/default/[Monthéme]/default/js/monscript.js
Code :

[montheme]={
init:function() {
//alert("init [montheme]]");
/*--- guide des tailles ---*/
if ($("guidetailles")) {

/*--- guide des tailles ---*/
$("guidetailles").writeAttribute("href","#guidetailles_content");
$("guidetailles").observe("click",function(event) {
event.stop();
if (!$("guidetailles_content")) {

new Ajax.Request("/ajaxblock/index/tailles",
{onSuccess:function(response) {

html=response.responseText;

$(document.body).appendChild(new Element("div",{"id":"guidetailles_content"}).update(html));

var relative = new Control.Modal($("guidetailles"),{  
    className: 'modal',
    fade:true,
    overlayOpacity:0.75,
    closeOnClick: true  
});  
relative.open();
}});
}
})
}

/*--- images page produit ---*/
if ($$(".product-img-box").length>0) {
$$(".product-img-box .more-views li").each(function(item,index) {
item.observe("click",this.zoom.bind(this,index));

}.bind(this));
}
if ($("image")) {
$("image").up().observe("click",this.zoomLarge.bind(this));
}

/*--- scroller desc produits ---*/
if (_desc=$$(".product-shop .desc")[0]) {
//delete window['console'];
if (_desc.getHeight()>250) {

var _slider=$('desc-slider');
_slider.show();
var _max=_desc.getHeight()-250;

var scrollbar = new Control.Slider(_slider.down('.handle'), _slider, {
axis:'vertical',
range: $R(0, _max),
sliderValue: 0,
onSlide: function(value) {
_desc.setStyle({ 'margin': '-' + value + 'px 0 0 0'});
}
});
}
}

/* custom selects */

var _this=this;
$$("select.custom"/*,".cart .shipping-form select"*/).each(function(item) {
options=item.getElementsByTagName("option");
textnode = options[0].innerHTML;
var nbOptions=options.length;
for (var i=0;i<nbOptions;i++) {
if (options[i].selected == true) {
textnode =options[i].innerHTML;
}
}

var _parentDims=item.getDimensions();//margin-top:-"+_parentDims.height+"px;
var _span=new Element("span",{"class":"asselect","id":"select"+item.id,"style":"width:"+(_parentDims.width-26)+"px;"}).update(textnode);

item.parentNode.appendChild(_span);
item.setStyle({"opacity":"0"}); 

item.observe("change",_this.choose);

});

/* limiter change */
if ($("limiter")) {
$("limiter").observe("change",function(event) {
event.stop();
var _loc=this.readAttribute("data-url");
setLocation(_loc.replace(/[0-9]+$/g,this.getValue()));
});
}


/*ie 8 fix after*/
if (Prototype.Browser.IE) {
if ($("checkout-step-login")) {

$$('.col2-set').each(function(item,index) {
item.insert({after:"<br class='clear' />"});
}.bind(this));

}
}

},
zoom:function(index) {
$("image").src=Zooms[index].m;
this._currentZoom=index;
},
_currentZoom:0,
_zoomLargeModal:null,
zoomLarge:function(event) {
event.stop();
$("image").up().writeAttribute("href",Zooms[this._currentZoom].l);
if (this._zoomLargeModal) {this._zoomLargeModal.destroy()}
this._zoomLargeModal = new Control.Modal($("image").up(),{  
    className: 'modal',
    fade:true,
    overlayOpacity:0.75,
    closeOnClick: true  
});

this._zoomLargeModal.open();


},

setconfigurable:function() {

$$('select.super-attribute-select').each(function(item) {
item.hide();
var _ul=item.next('ul');
var _options=item.childElements();
_options.each(function(item,i) {
if (i>0) {
var _li=new Element("li").update(item.innerHTML);
_li.observe("click",function(e) {
e.stop();
$$('ul.super-attribute-select li').each(function(item) {item.removeClassName('active')});
this.addClassName('active');
_options[i].selected=true;
});
_ul.appendChild(_li);
}
})
});
},
selectChoose:function() {
option = this.getElementsByTagName("option");
for(d = 0; d < option.length; d++) {
if(option[d].selected == true) {
document.getElementById("select" + this.id).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
}
}
}
}

Event.observe(window, 'load', function() {
[montheme].init();
});

Image réservée aux membres.
Veuillez vous connecter ou vous enregistrer.
 
L'administrateur a désactivé l'accès public en écriture.
Revenir en hautPage: 1
Modérateur: Gabriiiel, ILOA, zuiko