Shogun + Flair
Default Setup Instructions
Shogun requires no further installation and should automatically pull in the Flair Badges and Banners for your theme’s default product and collection pages.
Custom Setup Instructions
Flair will work in a limited capacity for the following Shogun page types due to only being able to use a strictly HTML-based snippet:
- Custom Shogun Pages
- Landing Pages
- Blog Pages
Adding Flair Badges for a Single Product
-
Visit Shopify Admin > Products on the left menu of your Shopify dashboard.
-
Click the product you want to display the badges for, and grab the number portion at the end of the URL:
-
Visit Shogun Editor > Content and drag the Html element to your desired page location.
-
Edit the Html element and add the following snippet, replacing <product_id> with the number you obtained previously:
<div data-flair-product-badge data-product-id="<product_id>"></div> -
Click Save and then Publish to make your change live.
Adding Flair Banners
-
Visit Shogun Editor > Content and drag the Html element to your desired page location.
-
Edit the Html element and add the following snippet:
<div data-flair-banner></div> -
Click Save and then Publish to make your change live.