Shopify 1.0 Kahani App Block Installation

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


Step 1: 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 2 : 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 Collection Viewer' on, the toggle will turn blue when activate
  5. Save your changes.

Step 3 : Create Kahani Target Div

  1. Open the 'Kahani Collection Viewer' drop down menu.
  2. Create your target HTML div id for the Kahani App Block.
  3. Save your changes and exit theme customizer.
  4. From the Shopify Online Store Dashboard under 'Themes' select 'Actions'.
  5. Select 'Edit Code'.
  6. Under the 'Layout' drop down select 'theme.liquid'.
  7. Using the target div you created for the Kahani Collection Viewer place the html div where you would want the Kahani App Block to display on the page.
  8. Save your changes and exit the code editor.

Step 4 : Verify Installation

  1. Return to the Kahani Portal and select 'Verify Installation'.
  2. Once verified, select the 'Go-Live Checklist' in the bottom left of the Kahani Portal Screen and proceed to the next step.

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. Remove the target id and toggle the 'Kahani Collection Viewer' 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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.