Variation swatches are not showing in wordpress custom theme

I am developing my first wordpress custom theme for the woocommerce and i want to add variation swatches. I have installed variation swatches plugin but it is not showing the swachtches. instead of it it shows somwthing like this:-

enter image description here

I want to know what i am doing wrong? and also the way to customize the variation swatches and php codes to show those variation swacthes of related product anywhere i want.