Iromi Color Variant Cards: set up and FAQ

Set up

1. Install Iromi Color Variant Cards from the Shopify App Store.
2. In the app, click Turn on in theme. The theme editor opens with Variant cards switched on under App embeds. Click Save.
3. Tick the option to split by (Color is suggested).
4. Choose where to show color cards: the collections you pick, or, on Pro, every collection (or all except some) and the search results page.
5. Click Save, then open the collection in your store.

Tip: give each color its own variant image in the product admin, so every card shows the right photo.

To turn the color cards off, switch off Variant cards under App embeds in the theme editor and click Save, or untick Show color cards in my store in the app.

Plans

• Free: color cards in 1 collection of your choice.
• Pro: every collection (or all except the ones you choose) plus the search results page. $14.99 per month or $149.90 per year, with a 7-day free trial. Change or cancel your plan in the app under Plan; Shopify bills it, and uninstalling the app ends the charge.

FAQ

How do I show each color of a product as a separate card on my Shopify collection page?

Install Iromi Color Variant Cards, turn on its app embed in the theme editor, choose the option to split by (Color is suggested) and the collections to use, then click Save. Each product then shows one card per color, with that color's photo, price and stock.

Do I need to duplicate products or edit my theme code?

No. Your products stay as they are: one product with its color and size variants. The cards are added by an app embed, so no theme file is edited. Switch the embed off, or uninstall the app, and your theme shows one card per product again, exactly as before.

Will my collection filters, sorting and pagination still work?

Yes. The cards follow your storefront filters, including filters that update without reloading the page. Filter by Red and you see the red cards. Filter by Size M and In stock and you see the colors that have M in stock. A price range keeps the colors whose price is in range, and sorting by price also puts each product's colors in price order. Pagination stays your theme's own: each page shows the same products as before, split into their colors.

What happens to sizes and other options?

They stay inside each card. A tee in 3 colors and 4 sizes becomes 3 cards, not 12. You can also split by another option instead of color, such as Material or Pattern.

Which photo, price and stock does each color card show?

Each card uses the image you assigned to that color's variants in your product admin, that color's price and compare-at price, and that color's stock. A Sold out label shows when that color is sold out, even if other colors are in stock, and the Sale label is hidden on colors that are not on sale. Prices are the store's prices for the shopper's country.

What does a shopper see when they click a color card?

The product page opens with that color already selected. If your theme has a quick add button on cards, quick add on the Red card adds red.

Does it create extra pages or change my product pages?

No. No duplicate products or extra pages are created, and your product pages are not changed. A color card links to your normal product page with that color selected.

Can I add the color name to the card title or limit how many colors show?

Yes. You can add the color to the card title, for example Classic Tee - Red, and pick the separator. You can hide colors that are sold out in every size, and set the most color cards to show per product.

Which themes does it work with?

We have tested it on Horizon, Shopify's current default theme, and on a Dawn-style Online Store 2.0 theme. If the cards do not appear on your theme, email contact@gramshift.com and we will look at it.

Where do the color cards appear?

On the collection pages you choose and, on Pro, the search results page. Other product lists, such as a featured collection on the home page, product recommendations and recently viewed products, keep one card per product.

What happens if I uninstall the app?

The color cards disappear and your theme shows one card per product, as before. Nothing was written into your theme files, so there is nothing to clean up, and Shopify stops the Pro charge.

Does the app read my customers' data?

No. It reads your products and collections to build the cards and does not access customer data.

Good to know

• Color cards appear on collection pages and, on Pro, the search results page. The search suggestions box, home page featured collections, product recommendations and recently viewed products keep one card per product.
• Each product is split by one option (for example Color). Sizes and other options stay inside the card; the app does not make a card for every size.
• Tested on Horizon and a Dawn-style Online Store 2.0 theme. Themes with very different product cards may not be picked up; contact us before you rely on it.
• Pagination stays your theme's, so each page holds more cards than before, and the number of cards per page depends on how many colors each product has.
• Infinite scroll and load-more collection layouts have not been tested yet.
• A color without its own variant image will not have a photo of its own on its card.
• The cards follow filters made from your product options (for example Color or Size) and the availability and price filters. With a color filter built from the category color metafield, Shopify still filters the products, but each product keeps all of its color cards.
• Products with more than 250 variants show color cards for their first 250 variants.

Contact

Email contact@gramshift.com in English or Japanese. We answer within 2 business days (Japan time). Please include your store's myshopify.com address and, if the cards do not look right, the name of your theme.

日本語

設定の手順: アプリを入れて開き、「Turn on in theme」でテーマエディタを開いて保存 → 分ける項目（Color など）と使うコレクションを選んで Save。お問い合わせは contact@gramshift.com へ（日本語可）。