Posts

Creating a sticky header bar using jQuery

Many websites use a “sticky” feature in their main navigation menu. The menu scrolls with the page, then sticks to the top once it reaches the top of the viewport. This tutorial show you sample code jQuery create Sticky Header. 1.HTML <div class="wrapper">     <div class="header_placeholder"></div>     <header id="header"></header> </div> 2. CSS <style> #header {     min-height: 85px;     background-color: #fff;     border-bottom: 8px solid #005bac;     position: relative; } #header .is-sticky {     position: fixed;     top: 0;     left: 0;     width: 100%;     z-index: 100; } </style> (function(){ var stickyHeader = { onReady: function () { this.doScroll(); }, doScroll:function() { $(window).scroll(function () { stickyHeader.doSticky(); }); }...

Custom Excerpt Function WordPress

By default WordPress excerpts are set to 55 words and there is an  excerpt_length filter   which allows you to change this default value to your length of choice. But what if you wanted a different excerpt length on your post type or somewhere in page you need create custom function for set limit. function get_excerpt($limit) { $excerpt = explode(' ', get_the_excerpt(), $limit); if (count($excerpt)>=$limit) { array_pop($excerpt); $excerpt = implode(" ",$excerpt).'...'; } else { $excerpt = implode(" ",$excerpt); } $excerpt = preg_replace('`[[^]]*]`','',$excerpt); return $excerpt; } function get_content($limit) { $content = explode(' ', get_the_content(), $limit); if (count($content)>=$limit) { array_pop($content); $content = implode(" ",$content).'...'; } else { $content = implode(" ",$content); } $content = preg_replace('/[.+]/','', $content);...

Hiding the Spinner arrow key on Input Type Number on Firefox and Chrome

Firefox input[type=number] {-moz-appearance: textfield;} Chrome ::-webkit-inner-spin-button { -webkit-appearance: none;margin:0;} ::-webkit-outer-spin-button { -webkit-appearance: none;;margin:0;}

Display custom fields on order details page in Woocommerce

You can use WordPress function " get_post_meta " to echo out your custom field in "order-details.php" template. <?php echo get_post_meta( $order->id, 'custom-field-name', true ); ?>

Display Twitter Bootstrap Tooltip on Page Load (Initalize)

$('.tooltip-block').tooltip().eq(0).tooltip('show').tooltip('disable').one('mouseout', function() { $(this).tooltip('enable'); });

Magento: All Categories and respective Thumbnails in Magento 1.9

Got it. Here is the result, we need to the attribute to the collection and then get the image from the respective folder: <?php $_helper = Mage::helper('catalog/category'); ?> <?php $_categories = $_helper->getStoreCategories(false, true, false) //Here is the solution ->addAttributeToSelect('image') ->addOrderField('name'); ?> <?php if (count($_categories) > 0): ?> <ul> <?php foreach($_categories as $_category): ?> <li> <a href="<?php echo $_helper->getCategoryUrl($_category) ?>"> <?php echo $_category->getName(); echo '<img src="'$_category->getImageUrl().'" width="100" height="100"/>'; ?> </a> ...

Magento: Display Dumping Variables

The native Zend_Debug::dump() function is a step forward from the usual approach to dumping variables to debug your code (usually by using var_dump or print_r). Zend_Debug::dump($_category->getData())