Shopify 1.0 Kahani Installation

Install Kahani on Shopify legacy themes using the Kahani Portal verification process and your Shopify Online Store Dashboard editor.

Step 1: Install the Kahani Shopify App

1. Using the link we provided you with, login to your Shopify store account and select "Add App". 
2. After being redirected to your Shopify dashboard, select "Install App".

   

3. You will be redirected to your newly created Kahani portal.

Step 2: Detect your Shopify theme

1. Select 'Shopify Installation' from the Kahani Portal navigation bar.
2. Select 'Click Here' after the Kahani Portal has detected your Shopify theme version.

Step 3 : Activate the Kahani App Block Embed

1. From the Online Store Dashboard under 'Themes' select 'Customize'.
2. In the bottom left corner of the customize editor select your 'Theme Settings'.
3. Select 'App Embeds'.
4. Toggle the 'Kahani Story Block' app on, the toggle will turn blue when activate.
5. Save your changes and exit the theme customizer.

Step 4: Create Kahani Target Div

1. From the Shopify Online Store Dashboard under 'Themes' select 'Actions'.
2. Select 'Edit Code'.
   
3. Under the 'Layout' drop down select 'theme.liquid'.
4. The default target div for the the Kahani Story Block is "kahani-parent". Using the default target name, create an html div with a CSS target of an ID and place it where you would want the Kahani App Block to display on the page. We recommend always displaying Kahani directly below your main navigation bar.
   
5. Save your changes and exit the code editor.

Step 5 : Verify Installation

1. Return to the Kahani Portal and select 'Verify Installation'.
2. 

Step 6: Style Kahani

1. Refer to our Kahani Styling Guide for the steps needed to style your story block to match your website's branding

Uninstall the Kahani App Block

Follow the process below to uninstall the Kahani App Block from your Shopify site.

1. From the Shopify Online Store Dashboard select 'Customize'.
2. Select 'Theme Settings'.
3. Select 'App Embeds'
4. Toggle the 'Kahani Story Block' to off.
5. Save your changes and exit the theme customizer.
6. From the Shopify Online Store Dashboard select 'Actions'.
7. Select 'Edit Code'.
8. Select 'theme.liquid' and remove the kahani target div 
9. Save your changes and exit the code editor.
10. Navigate to "Apps" from your Shopify store dashboard.
11. Search for Kahani Story Block and select "Uninstall".