Login
Checkmark

Thank you for your feedback

Your feedback is important!

×

Please let us know how this article can be improved.

Choose all that apply.*


Report a bad link

Out of date (instructions or screenshots)

Missing detail

Other

Inserting the Mini-Cart ID using third-party design tools

Learn about using the Mini-Cart ID to position your Floating Cart in third-party editors.

Article ID: SLN18981

Note: The following Help Page is for merchants using Editor 2.0 templates, custom templates, or third-party design tools. A Floating Cart RTML Operator and Mini-cart ID are already included in Editor 3.0 templates. Merchants using Editor 3.0 templates should publish Store Editor prior to enabling the Mini-cart and Floating Cart in Floating Cart Manager.

The Mini-cart ID is required for Floating Cart positioning, and must be included in your pages in addition to the Floating Cart script. Recommended placement of the Mini-cart ID is as a div element immediately below the page's opening <body> tag.

Retrieve the Mini-cart ID

  1. Sign in to your My Services page.
  2. Click the Store link.
    The Store link is under Control Panels.
  3. Go to Floating Cart Manager.
    The Floating Cart Manager link is under Edit.
  4. From the Manual Setup tab, click the arrow expand Option 2: Insert a floating cart script and mini-cart ID into your store pages. This tab must be expanded to view and copy the Mini-cart ID.
    Picture of Floating Cart Manager Expand Option 2 button
  5. Scroll down and copy the Mini-cart ID. It will look like the following:
    Picture of Floating Cart Manager Mini-cart ID code

Install the Mini-cart ID

  1. Open the design tool you use to update and maintain your store pages.
  2. Using this tool, insert the Mini-cart ID as the first item immediately below the <body> tag. For example:

    <body>
    <div id="yfc_mini"></div>
     
  3. Save your changes.

If you've already inserted the Floating Cart script into your pages, you may publish your updated pages. If you haven't inserted the Floating Cart script into your store pages, you must do so at this time.

Once the Floating Cart script and Mini-cart ID have been inserted into your store pages, and you've published these changes, you may use Floating Cart Manager to enable, disable, and customize your Mini-cart and Floating Cart.

If you're using Store Editor to design, manage, and maintain your store pages, please see our Floating Cart help for Store Editor.

Quick Links

Recommended Articles

Trending Articles