Activory
  • Activory Apps
  • TableFlow User Guide
    • Advance Source
    • Location picker
    • Hide empty tables and rows
    • Use Product Metafields with TableFlow
    • Show table by product tags or vendor
    • Show specifications based on product variant
  • KOBU USER GUIDE
    • Translations
    • Mobile & desktop sizes
  • Show menu by collection page
  • Apps Privacy Policy
    • Privacy Policy
Powered by GitBook
On this page
  • Enabling TableFlow theme app extension
  • Using the location picker
  1. TableFlow User Guide

Location picker

Guide on using the location picker to get the css selector

PreviousAdvance SourceNextHide empty tables and rows

Last updated 1 year ago

Location picker is built to help user get the css selector in their theme where the table will appear. To use the location picker, you must first ensure that the theme app extension has been enabled. If the theme app extension is not enabled, the location picker will not work.

Enabling TableFlow theme app extension

First go to your theme editor, under "App embeds", search for "TableFlow" and then switch on and save the changes.

Using the location picker

If you have enabled, click on "Location picker" in the settings page and this will open up your storefront. Once the page is loaded, there will be a form appended on top of your page as highlighted in red below:

When you move your cursor around the page, you will see blue border around the element that your cursor is on. Double click to confirm the placement and then click "Save Placement". The following video shows exactly how to do that:

Alternatively, you might want to place the table in the collapsible content. This is where the positioning of the table matters. The following video shows how to add TableFlow to collapsible content nicely:

Enable TableFlow theme app extension
Location picker form