Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Product options disappeared from frontend product pages…. please help. 
 
liquid2g
Member
 
Avatar
Total Posts:  52
Joined:  2009-04-04
 

Hi,

After upgrading, I’m experiencing a big problem - the size options in my ‘Product options’ dropdown have disappeared on my product pages.

The dropdown menu is still there, but it is not populated with the size options S,M,L,XL

All of the options are there in the backend, but to customers, there is no option to choose the size of their T-shirts and hence no-one can place orders.

When i inspect it in firebug, it says:  something along the lines of:  select id ="attribute525"
Maybe that could be helpful?

I’ve attached a screen grab too with more info to show what’s happening..

Would really appreciate any ideas on this since it’s stopping me from going any further with my store creation…

many many thanks in advance

Luke

Image Attachments
problem-1.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
liquid2g
Member
 
Avatar
Total Posts:  52
Joined:  2009-04-04
 

Thanks dd_gl,

I can’t post the whole html since it’s too many characters, but here’s the html of the section of the page with the add to cart button…

<fieldset class="product-options" id="product-options-wrapper">
    
    <
dl>
            <
dt><label>Size<span class="required">&nbsp;*</span></label></dt>
        <
dd class="last">
          <
select name="super_attribute[525]" id="attribute525" class="required-entry super-attribute-select">

            <
option>Choose an Option...</option>
          </
select>
        </
dd>
        </
dl>
    <
script type="text/javascript">
        var 
spConfig = new Product.Config({"attributes":{"525":{"id":"525","code":"shirt_size","label":"Size","options":[{"id":"100","label":"Small","price":"0","products":["215"]},{"id":"99","label":"Medium","price":"0","products":["216"]},{"id":"98","label":"Large","price":"0","products":["217"]},{"id":"125","label":"XLarge","price":"0","products":["218"]},{"id":"126","label":"2XLarge","price":"0","products":["219"]}]}},"template":"$ #{price}","basePrice":"48","oldPrice":"48","productId":"214","chooseText":"Choose option...","taxConfig":{"includeTax":0,"showIncludeTax":false,"showBothPrices":false,"defaultTax":0,"currentTax":0,"inclTaxTitle":"Incl. Tax"}});
    
</script>


<script type="text/javascript">
//<![CDATA[
enUS {"m":{"wide":["January","February","March","April","May","June","July","August","September","October","November","December"],"abbr":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}}// en_US locale reference
Calendar._DN ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]// full day names
Calendar._SDN ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]// short day names
Calendar._FD 0// First day of the week. "0" means display Sunday first, "1" means display Monday first, etc.
Calendar._MN ["January","February","March","April","May","June","July","August","September","October","November","December"]// full month names
Calendar._SMN ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]// short month names
Calendar._am "AM"// am/pm
Calendar._pm "PM";

// tooltips
Calendar._TT {};
Calendar._TT["INFO""About the calendar";

Calendar._TT["ABOUT"=
"DHTML Date/Time Selector\n" +
"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" +
"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
"\n\n" +
"Date selection:\n" +
"- Use the \xab, \xbb buttons to select year\n" +
"- Use the " String.fromCharCode(0x2039) + ", " String.fromCharCode(0x203a) + " buttons to select month\n" +
"- Hold mouse button on any of the above buttons for faster selection.";
Calendar._TT["ABOUT_TIME""\n\n" +
"Time selection:\n" +
"- Click on any of the time parts to increase it\n" +
"- or Shift-click to decrease it\n" +
"- or click and drag for faster selection.";

Calendar._TT["PREV_YEAR""Prev. year (hold for menu)";
Calendar._TT["PREV_MONTH""Prev. month (hold for menu)";
Calendar._TT["GO_TODAY""Go Today";
Calendar._TT["NEXT_MONTH""Next month (hold for menu)";
Calendar._TT["NEXT_YEAR""Next year (hold for menu)";
Calendar._TT["SEL_DATE""Select date";
Calendar._TT["DRAG_TO_MOVE""Drag to move";
Calendar._TT["PART_TODAY"' (' "Today" ')';

// the following is to inform that "%s" is to be the first day of week
Calendar._TT["DAY_FIRST""Display %s first";

Calendar._TT["WEEKEND""0,6";

Calendar._TT["CLOSE""Close";
Calendar._TT["TODAY""Today";
Calendar._TT["TIME_PART""(Shift-)Click or drag to change value";

// date formats
Calendar._TT["DEF_DATE_FORMAT""%b %e, %Y";
Calendar._TT["TT_DATE_FORMAT""%B %e, %Y";

Calendar._TT["WK""Week";
Calendar._TT["TIME""Time:";
//]]>
</script>
            
<class="required">* Required Fields</p>

        </
fieldset>
<
script type="text/javascript">decorateGeneric($$('#product-options-wrapper dl'), ['last']);</script>
<div class="product-options-bottom">
    
        
    <
div class="price-box">
                                                            <
span class="regular-price" id="product-price-214_clone"><span class="price">$ 48.00</span></span>
                        
        </
div>




        
            <
fieldset class="add-to-cart-box">

        <
legend>Add Items to Cart</legend>
                <
span class="qty-box"><label for="qty">Qty:</label>
        <
input name="qty" type="text" class="input-text qty" id="qty" maxlength="12" value=""/></span>
                   <
button type="button" class="form-button2" onclick="productAddToCartForm.submit(); return false;"><span>Add to Cart +</span></button>
                       </
fieldset>
        
  </
div>
            
        </
div>

        <
div class="clear"></div>
                                </
form>
    <
script type="text/javascript">
            var 
productAddToCartForm = new VarienForm('product_addtocart_form');
            
productAddToCartForm.submit = function(){
                    
if (this.validator.validate()) {
                            this
.form.submit();
                    
}
            }
.bind(productAddToCartForm);
    
</script>
    
</div>

Does that help identify the problem?
If it is a js issue, could you please suggest a what solution would be.

I really appreciate it.
Luke

 
Magento Community Magento Community
Magento Community
Magento Community
 
liquid2g
Member
 
Avatar
Total Posts:  52
Joined:  2009-04-04
 

Thanks dd_gl,

I can’t check if the product zoom is working, since I disabled it a long time ago…

I’ve attatched the full html for you.

many thanks in advance

-Luke

File Attachments
young-and-restless-t-shirt-white.html  (File Size: 31KB - Downloads: 69)
 
Magento Community Magento Community
Magento Community
Magento Community
 
liquid2g
Member
 
Avatar
Total Posts:  52
Joined:  2009-04-04
 

ok, I’ll try and enable product zoom to check. it might take me a little while to work out how, but I’ll post in the next couple of days once I’ve done it.

thanks for your help so far!

 
Magento Community Magento Community
Magento Community
Magento Community
 
liquid2g
Member
 
Avatar
Total Posts:  52
Joined:  2009-04-04
 

Thanks so much dd_gl !

It was those jquery files causing all of the problems. I’ve deleted them (wasn’t using them anyway) and all’s well.

thanks so much for your immense help!!

-Luke

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top