Magento – How to Get Product Attribute to JavaScript

attributesjavascriptproductstatic-block

I'm making and slide in function to that product page. So when you are close to the bottom a static block will come visible.

That static block should have a link to an article the link is different from product to product and is set in by a custom product attribute.

The problem is to get that custom attribute into my .js can you help?

What I've done so far

Call in an custom.js in page.xml
Make static block, and call it in at the bottom on view.phtml

custom_att name is article link
The js have only the "do somthing when you are close to bottom" function right now

jQuery(window).scroll(function() {
   if(jQuery(window).scrollTop() + jQuery(window).height() > jQuery(document).height() - 100) {
       alert("near bottom!");
   }
})

Best Answer

You can place this JS code anywhere to product page :

<script type="text/javascript">
    var article_link = "<?php echo $product->getArticleLink() ?>";
</script>

Now you can use javascript variable article_link anywhere on .js file, in your case it's custom.js

Related Solutions

Magento – Get Product Attribute ‘Option Label’

This code works fine and avoid to load the entire product obj

$option_id = Mage::getResourceModel('catalog/product')
    ->getAttributeRawValue($prod_id, $attribure_code, $store_id);

Method 1

$option_value = Mage::getResourceModel('eav/entity_attribute_option_collection')
    ->setStoreFilter($store_id)
    ->setIdFilter($option_id)
    ->getFirstItem()
    ->getValue();

Method 2 (@Marius)

// to be tested
// not loading the product - just creating a simple instance
$singleton_prod = Mage::getSingleton('catalog/product')
     ->setStoreId($store_id)
     ->setData($attribure_code, $option_id); 
$optionLabel = $singleton_prod->getAttributeText($attribure_code);

Product – Add a Tab on Product Page Based on Attribute Set

Create a custom block and extend from Mage_Cms_Block_Block

You can now do something like this:

class Foo_Bar_Block_Producttab extends Mage_Cms_Block_Block
{
    protected function _toHtml()
    {
        $product = Mage::registry('current_product');

        if ($product->getAttributeSetId() == 12) {
            $this->setBlockId('helmets_size_chart');
        }

        return parent::_toHtml();
    }
}

And adjust your layout update file:

<reference name='product.info.tabs'>
    <block type="foo_bar/producttab" name="helmets_size_chart" />
</reference>

Best Answer

Related Solutions

Magento – Get Product Attribute ‘Option Label’

Product – Add a Tab on Product Page Based on Attribute Set

Related Topic