TikTok Feed¶

Managing the Block

TikTok Feed Block can be created with Block Manager.

Following block filling options are available:

• Manually. Posts are fixed to the picker on Content tab of the block settings;
• Product. Posts are taken from the relevant tab in the Product settings;
• Company. Posts are taken from the relevant tab in the Vendor settings.

The following Block display templates are available:

• Grid. Template display posts as an adjustable grid. Number of columns will be calculated automatically in accordance with the Item Width option of template settings.

  Template Settings:

  • Item width - sets the minimal width of the list element.

• Scroller. This template uses default Owl-Carousel.

  Template settings:

  • Navigation: Dots, Arrows, Dots and arrows - Sets navigation options in block;
  • Do not scroll automatically;
  • Scroll per page - In active state allows flips through all displayed videos, in inactive state it shifts the carousel to only one video;
  • Speed - Animation speed of carousel when flipping;
  • Pause delay (in seconds) - The length of the pause between automatic carousel scrolls;
  • Item quantity - Sets the number of videos (N) in the block at the largest screen size (desktop); when the screen size decreases, the number of elements becomes N-1 for desktop small device, N-2 for tablet device, and always 1 for mobile device.

Block Settings:

Following settings of the block are available:

• Block background color - Set the background color of the block
• Post background color - Set the background color of the post
• Text color - set the color of the text
• Compress image - add image compression
• Show provider - add TikTok logo display
• Show author - display author of the post
• Show description - display description of the post.
• Use quick view - open post in Quick View modal window (without redirect from the page), instead of opening it in TikTok.

Managing

Posts and their display settings can be managed in the Post Picker on the TikTok Feed tab, provided by the add-on in the Product setting page (dispatch=products.update&product_id=1) on the Admin Panel.

Storefront

Content will be displayed on product tabs of the “Product Information” page.

Content can be displayed via the “TikTok Feed” block with the “Product” filling, if product_id parameter is present on the page.

Additional

If the TikTok Feed tab in product settings is disabled, the TikTok feed tab on the product page on the storefront is unavailable.

Add-on functionality is unavailable for vendors, if it is limited in Vendor plan by the standard “Vendor Plan” add-on.

Managing

Posts and their display settings can be managed in the Post Picker on the TikTok Feed tab, provided by the add-on in the Vendor setting page (dispatch=companies.update&company_id=1) on the Admin Panel.

Storefront

Content will be displayed on product tabs of the “Product Information” page (dispatch=companies.view&company_id=1).

Content can be displayed via the “TikTok Feed” block with the “Product” filling, if company_id parameter is present on the page.

Additional

Add-on functionality is unavailable for vendors, if it is limited in Vendor plan by the standard “Vendor Plan” add-on.

The TikTok Feed tab on the Vendor Information page (dispatch=companies.view&company_id=1) will be unavailable, if “Show TikTok feed tab on sales page” setting is disabled in add-on settings.

When the add-on is installed, automatically created TikTok Feed product tab will be available on the admin panel on dispatch=tabs.manage page. Tab management and display is provided by the default cs-cart functionality. Tab is filled with content of “TikTok Feed” block with “Product” filling and its own settings.

Feed can be applied, in case “Use quick view” option is active in the relevant block

Storefront

On the first opening of the feed (click on any post), post list transfers the posts to be displayed in the feed.

Opened feed will be scrolled down to the selected post. Feed can be scrolled with a mouse scroll wheel, and closed by click on a background or a cross icon.

Content of each post will be loaded in a row. Content will be uploaded from TikTok once the post appears on the screen.

In case at least one TikTok post is applied to the product, the TikTok label will automatically be applied to this product.

Function will be unavailable, when “Apply the product label” option is disabled in the add-on settings