Categories
PrestaShop Web Stuffs

How to embed Instagram feed to your website

This free tool is what I used to quickly embed an Instagram feed to a website: https://www.pixlee.com/social-feed

Project: To add an Instagram feed on https://mooniebridal.com.au to showcase the make-up portfolio.

As I just wanted a quick way to embed the feed, I went for a free pre-built tool with the basic ability to show the feed in tile view on the web page.

Step 1: Sign up for an account with Pixlee

Step 2: Authenticate and authorise Pixlee to access the Instagram feed

Step 3: Copy and paste the generated script on the website

<div id="pixlee_container"></div>
<script type="text/javascript">
window.PixleeAsyncInit = function()    {Pixlee.init({apiKey:'X2gN99kYVn40F3Jv__mi'});
Pixlee.addSimpleWidget({widgetId:'29866'});};
</script>
<script src="//instafeed.assets.pxlecdn.com/assets/pixlee_widget_1_0_0.js"></script>

That should be it but because Moonie Bridal is built on Prestashop, the following was done:

In Step 3, instead of having the whole block pasted in the CMS page, I split it to just have <div id=”pixlee_container”></div> in the position of the page I want the feed to go.

Step 4: Insert the JS block to the template file so it gets appended at the end of the page.

~/themes/<your_theme>/templates/cms/page.tpl

{block name='javascript_bottom' append}
  {if $cms.id==8}
  {literal}
  <script type="text/javascript">
    window.PixleeAsyncInit = function() {
        Pixlee.init({apiKey:'X2gN99kYVn40F3Jv__mi'});
        Pixlee.addSimpleWidget({widgetId:'29866'});
    };
  </script>
  <script src="//instafeed.assets.pxlecdn.com/assets/pixlee_widget_1_0_0.js"></script>
  {/literal}
  {/if}
{/block}

The result can be found here:

It seems to only display the first 30 posts or so but that’s good enough for me
Categories
Badminton

Beginner Guide

More than just surviving, tips & tricks to improve your game and have fun…

If you haven’t checked out the prequel of this guide, see it here.

In this guide, I will present the necessary steps in more details to get you started.

Content

  1. Grip
  2. Footwork fundamental
    • Split Step
    • Lunge
    • Chasse (Short Distance)
    • Step (Long Distance)
    • Shuffle
    • Cross Over (substitute of Shuffle)
    • Hop
    • Scissor Jump
  3. Footwork 4 corners
    • Front Court Forehand Corner
    • Front Court Backhand Corner
    • Rear Court Forehand Corner
    • Rear Court Backhand Corner
  4. Basic shots
    • Clear
    • Drop
    • Smash
    • Cut

1. Grip

Forehand Grip
Backhand Grip (Thumb)
Bevel Grip
Hammer (Pan Handle) Grip

2. Footwork Fundamental

Split Step
Lunge
Lunge
Chasse
Step
Shuffle
Shuffle
Cross Over

Replace the Shuffle to cover longer distance

Hop
Block Jump (Hop)
Scissor Jump
Scissor Jump

3. Footwork 4 corners

Front Court Forehand Corner
  1. Directional split step
  2. Side shuffle
  3. Lunge
  4. Push with right foot to recover
Front Court Backhand Corner
  1. Directional split step
  2. Push with right foot
  3. Left foot step forward (backhand corner)
  4. Right foot follow to lunge and land in front (heel first)
  5. Push with right foot to recover
Front Court Combined
Rear Court Forehand Corner

3 patterns: china jump, defensive, scissor jump

  1. Split step
  2. Side shuffle
  3. Scissor jump
Rear Court Backhand Corner (Around the Head)
  1. Split step
  2. Push with the right foot & turn hip
  3. Skip with left foot
  4. Scissor jump and hit
Rear Court Combined
4 Corners Combined

4. Basic Shots

Forearm Rotation Bio-Mechanics
Clear
Smash
Drop
Categories
Badminton

Badminton racquet for beginners

Last updated on September 22nd, 2020 at 02:21 pm AEST (+10:00)

Featuring TOALSON RIDGE POWER 66 Full High Modulus Graphite Pro

If you just start out in this sport, one of the first items you will need to invest in is a badminton racquet, see my other post here.

I recommended my cousin, who I have started training on the weekend the other racquet TOALSON MEGA FLEX NANO POWER 55 Full Graphite Pro as it does the job nicely without breaking the bank.

This time though, I decided to go with a different version at a cool AU $49.99 😮 – the Toalson Ridge Power 66 to try out.

The seller is currently in Prospect, Sydney so I got the item pretty much the next day.

As soon as I picked up the racquet, it felt easy and comfortable. It’s a balanced racquet which suits perfectly for a beginner. It felt like the favourite Prince (Tour Lite) racquets I used in the past.

Compared with a $35 Yonex racquet I got in Rebel or a Decathlon branded one this feels much closer to those high end Yonex racquets.

The recommended tension is 25lbs which is great because anything under 25lbs is what you need when the hand and wrist powers have not yet developed.

Overall, I’m a happy camper and can’t wait to get this one to the court for a test!

Categories
Web Stuffs

Choosing a web host

Disclaimer: This article contains referral links but I recommend the host based on my own personal experience of over a decade being with them.

If you’re in the market for a web hosting company, chances are you have already heard of big names like GoDaddy, CrazyDomain as these guys pushed for strong advertising campaign in the past and they have been around for as long as I can remember.

The one hosting that I chose and am still with them after 11 years is an Australian player, based on Melbourne – VentraIP Australia. They have exceptional customer support by local employees. Back in the days I was running a web agency, this host company was my go-to and they never failed me.

If you just aim for having a blog site, their sister company – Zuver – offers plans that are specially made for WordPress hosting. It comes as no surprise that this blog is being hosted by Zuver to take advantage of this setup along with the quality of the customer service.

Recently, I received an email from VentraIP saying that:

Yesterday it was announced that Webcentral Group (ASX:WCG), which includes brands such as Netregistry and Melbourne IT, recommended a scheme of arrangement to its shareholders to be wholly acquired by multi-billion dollar US company Web.com Group Inc.

This is the same company who recently acquired Dreamscape Networks, which included brands such as Crazy Domains and Vodien.

If this acquisition is approved by their shareholders it will see VentraIP Australia become the largest Australian owned and operated web hosting and domain name company, and whilst that is a personally humbling achievement as a business owner, it means that more than 80% of the local market share will then be foreign owned.

Another one bites the dust! – Email sent by VentraIP on 14 Jul 2020, 16:47 AEST

Now that’s not a piece of good news because it seems the big player is trying to consolidate the market share and reduce competition as a result.

Reasons for VentraIP

VentraIP then reminds me of the reasons that I would support them:

1. You will be supporting a truly local company that provides 24/7 Australian-based service and technical support.
 2. ​You will avoid paying unnecessary overseas transaction fees with your bank as they process their payments offshore.
 3. You will have peace of mind knowing that all of your customer data and private information will remain right here in Australia.

Another one bites the dust! – Email sent by VentraIP on 14 Jul 2020, 16:47 AEST

While point #2 is not much of a relevance (because pricing will be factored in the final product), I would prefer to support an Australian based business, especially they continue to offer great service and return on value for their product.

I would add more points to the list such as:

  1. If you only require a domain name, their pricing is very competitive and remains one of the lowest I have ever seen.
  2. They offer a 45-day money back guarantee and a pro rata refund on the hosting plan. There’s nothing to lose!

These days, I only manage 3 sites and while I had a brief period of looking for an alternative (just to see what new out there), I am happy to stay put knowing that I’m in good hands.

So, why don’t you give them a go and see it for yourself. Let me know below if there’s any question!

Categories
Badminton

Useful badminton YouTube channels

Last updated on August 16th, 2020 at 10:49 am AEST (+10:00)

A compilation of useful YouTube channels for badminton enthusiasts

Badminton Famly (not Family as I first read 😁) : https://www.youtube.com/c/BadmintonFamly

  • I’m following this channel below closely these days. It has a great amount of free contents. The videos are succinct but informative, and not to mention they are professionally created and choreographed. There’s a paid option if anyone is interested:
Badminton Famly - an awesome YouTube badminton channel

I hope they go well and will consider getting a subscription some time in the future.

thejym: https://www.youtube.com/c/thejym

  • As I pointed out in my beginner guide, footwork is a critical part of improving your game. I can see that in the social baddy groups I currently play not everyone can move around effectively. Most of them picked up the experience by playing for years, they have the instinctive skill sets but lack the foundation of the game. This old but gold channel is one of the first ones I followed. It contains short videos of the important pieces of footwork:
thegym - YouTube badminton channel

betterbadminton: https://www.youtube.com/user/betterbadminton

  • The very first channel I watched a lot back in the days is this one below. Anna Rice – the instructor – spent a lot of time going into details in her videos. A lot of stuffs may not make sense first of all but if you revisit the videos after some time, it will start to click.
betterbadminton - a YouTube badminton channel
Categories
PrestaShop

How to add Product Comment Manually in PrestaShop

Prerequisites:

PrestaShop installation (1.7.6.4 at the time of this writing)
Product Comments module (by PrestaShop) (v4.0.1 at the time of this writing)

As we all know, customer reviews are crucial to drive sale due to a trust factor. Sometimes, it’s not possible to ask the customers to leave a proper review on the website. It may be a sale from someone who purchased the product offline and only gave the feedback via SMS or Messenger.

Assuming the customer was added to the back office, the easiest way to add the product comment is to go to insert an entry in the database.

  • id_product_comment: the id of the entry in this table
  • id_product: look up the id of the product via the back office
  • id_customer: look up the id of the customer via the back office
  • title: this is the title of the review
  • content: this is the description of the review
  • customer_name: the name of the customer
  • grade: 1 to 5 (corresponds to the number of stars)
  • validate: 1
  • deleted: 0
  • date_add: choose the date & time of the review (in UTC)

That’s it! Now go to the front end to view the result.

Categories
WordPress

Building WordPress child theme

Last updated on July 20th, 2020 at 06:25 pm AEST (+10:00)

This short article is to document a crash course on building a WordPress child theme, based on the TwentyTwenty theme.

Building a child theme is quite straightforward it seems. There’s quite a few good tutorials out there that can help you up to speed. This is my attempt so far:

  1. Create the folder twentytwenty-child under wp-content/themes
  2. Create the file functions.php under twentytwenty-child
<?php

function childtheme_parent_styles() {
	$parent_handle = 'parent'; // This is 'twentytwenty-style' 
	
    // enqueue style
 	wp_enqueue_style(
		$parent_handle, 
		get_template_directory_uri().'/style.css'
	); 	
}
add_action( 'wp_enqueue_scripts', 'childtheme_parent_styles' );

// Remove 'twentytwenty-style-inline-css'
add_action( 'wp_enqueue_scripts', function() {
	$styles = wp_styles();
	$styles->add_data( 'twentytwenty-style', 'after', array() );
}, 20 );
  1. Create the file style.css under twentytwenty-child and insert your own style
/*
Theme Name: Twenty Twenty
Template: twentytwenty
Text Domain: twentytwentychild
Version: 1.0.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Child theme of Twenty Twenty
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: Huy Vu
Author URI: https://iamhuy.id.au/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/
..... 
.....
.....
  1. Activate the theme under Appearance > Themes

Note:

  • You need to update the Version number (in style.css) to serve a new copy of the child theme’s CSS when there’s a change.
  • I prefer not to use inline style as it can interfere and overwrite my changes. The snippet of code was added to functions.php to remove it.

Reference:

Categories
SugarCRM

How to modify the Preview View of the Intelligence Pane in SugarCRM Sidecar interface

A quick guide on how to modify the preview pane in Sugar sidecar

Previewing From List Views

When the user previews a record from the module list view, the intelligence pane will display the record\’s details with key information regarding the record as well as any related activity stream information.

By default, the code to display the preview view is found in:

  • clients/base/views/preview/preview.hbs
  • clients/base/views/preview/preview.js

If you take a look at the file ‘clients/base/views/preview/preview.js’, it is clear that this view is extended from the ‘RecordView’.

The load order of the view files are: 

So if you need to modify the Preview view of the Opportunities module, for example, the file ‘modules/Opportunities/clients/base/views/record/record.php’ will need to be overwritten in an upgrade-safe manner into the file ‘custom/modules/Opportunities/clients/base/views/record/record.php’

One practical example is to hide the Renewal field for instances that do not use the Renewal model:

  • Edit the file ‘custom/modules/Opportunities/clients/base/views/record/record.php’
  • Comment out / delete the reference to the field ‘Renewal’
  • Perform a Quick Repair and Rebuild under Admin > Repair

That’s it!

More reading:

Categories
Badminton

Finding the gap

Badminton double play is fun and requires coordination between partners to solve the puzzle. Sometimes, it’s not the stronger team that wins, but rather the one with better coordination.

Categories
Badminton

The Essential Guide To Footwork Maestro

Last updated on July 20th, 2020 at 01:23 pm AEST (+10:00)

* This guide is written for the double footwork under the assumption the player is right handed.

During the course of my training, also back in 2018, I came across a coach who emphasised on footwork so understandably a large portion of each training session (probably 20 mins) was dedicated to footwork.

Here it is, my attempt to put all this training into words:

Basic elements

  • Hopping (left and right) 
    • Majority of the time we want to hop left: moving back diagonally to the left or moving back straight
    • The rest we hop right and land with right foot at the back
  • Rolling
  • Left foot in or right foot in
    • Left foot in to cover a short distance (straight) as it takes an even number of steps (2-4-6, etc)
    • Right foot in to cover a longer distance (diagonal) as it takes an odd number of steps (3-5-7, etc)
    • Aim for 1 or 2 steps (majority of the time) and a maximum of 3 (sometimes)

Front court

There are 2 variations:

  • Left foot in, right foot in, hit (both forehand and backhand)
  • Right foot in hit, right foot back 1 step, split step (square)

The triangles

Visualise in each quadrant of the court, there are 2 triangles, each can be navigated in 2 directions: clockwise and anti-clockwise. 

There will be 4 different variations as illustrated below:

To navigate we start at the smiley icon then follow the arrows. To go back we use the hopping and left or right foot in as per description above. 

To move sideway, we move to the centre and do a split step (square feet) and do the front footwork (1st variation)

Back hand

There are 4 variations:

  • Spin left, right foot in and hit
  • 1 hop left, spin left, right foot in and hit
  • 2 hop left, spin left, right foot in and hit
  • Right foot back 1 step, left foot back 1 step, spin left and hit

Hope that helps. Let me know your footwork tip in the comment section below!