Tokyo Changelog.
Version 4.3 - Built for bigger catalogs
New flexible sections, smarter variant handling, and major storefront refinements across Tokyo.
Kickstart your e-commerce journey with the stunning "Novaplay" preset. With 6 new sections and a lot of other additions and improvements, it's certain Tokyo will satisfy all your needs. ### Added - New preset "Novaplay". - New section "Flexible features". - New section "Flexible banner mosaic". - New section "Key figures". - New section "Offers". - New section "Color swatches". - New section "Video Gallery". - Main and Featured product sections: Add setting to disable preselection of variant/options. - Main and featured product sections: Variant picker block: Add separate setting for invalid variants (product options combinations) visibility. - Header section: Add "inline submenu expansion" setting. - Header section: Custom action icon. - Header section: Shopify accounts custom element. - Header features section: Add font size setting. - Features section: Add "Enable border" setting. - Featured banners section: Add badge color per block. - Collection product grid section: Add "Compact rows" products layout. - Map section: Optionally add locations via Latitude and Longitude to cut down geolocation requests and improve performance. - Various sections: Sections with "overlay" settings now allow either a gradient or a solid color. ### Other fixes and improvements - CSS cleanup. - Typo in breakpoints (1119 should be 1199). - Improved all buttons font sizes and paddings. - Main and Featured product sections: Edge case in variant picker, where the option of disconnected variants would get hidden, making it impossible to visit the disconnected variants. - Main and featured product sections: Main media gallery: Simplify borders and paddings. - Main and Featured product sections: Content drawer block: Add full width setting. - Media with text section: Improved padding. - Expandable section: Double border issue. - Update Header contact details location in normal layout + left logo. - Map section: Fixed undefined index issues when geolocation would fail. - Cart template: Shipping calculator: Make sure only "---" is disabled instead of the first choice. - Cart and Minicart: An error would be thrown when the coupon code was enabled on the cart but not on minicart. - Cart template: A JS error would get thrown when both the card and the mini cart were displaying the coupon code field. - Cart and minicart: Don't show zero compare-at price. - Various sections: Fixed Carousel/Slider button hover colors. - Various sections: Headings layout: Left. Button should be positioned below text. - Duplicate ajax search html IDs (due to header-search being included twice). - All flexible sections are prefixed with "Flexible". - Remove hasSingleVariantAvailable handling in scripts.js as it's not compatible with high-variant products. - Make sure sectionsToRender (Section Rendering API) never requests more than 5 sections.
Version 4.2 - Precision everywhere
22 new features focused on control, consistency, and performance
"Just" 22 new features in this "minor" release. Greater customizability across all sections, performance improvements, and a lot of tiny but important improvements throughout the theme. ### Removed - Preset "Beads" - Collection with icons section: Removed "Image icon" setting in favor of the common "custom icon" setting. - Features section: Removed "Image" setting in favor of the common "custom icon" setting. ### Added - New "Breadcrumbs" section. - New "Sticky Cart" section for product templates. - Main and Featured product sections: New "Table" block. - Main and Featured product sections: New "Content drawer" block. - Main product section: New "Coupon code" block. - Main product section: New "Sibling products" block. - Product recommendations section: Add heading alignment setting. - Standalone Product comparison section: Add heading alignment setting. - Slideshow section: Self-hosted video support in individual slides. - Footer section: Footer links setting (single level menu). - Popup overlay section: Button block: Add "Copy coupon code" setting. - All sections/blocks with "icon" setting: Add "custom icon" setting. - Various sections: Add Show SKU setting in all sections that show product cards. - Most sections: Add desktop and mobile spacing settings. - Various sections: "Open links in a new window" setting. - Expandable elements: Add Page content setting. - Theme settings: Add Mobile logo. - Theme settings: Product grid > "Scroll to top after filter selection" setting. - Theme settings: Add collection-product URLs support. - Theme settings: Zero-priced products handling: "Call for pricing" and "Free" modes. - Theme settings: Product cards: Alignment setting. - Theme settings: Badges: Shape setting. ### Other fixes and improvements - Accessibility improvements. - Update spacing settings for most sections. - Header section: Contact details dropdown (promo text), wouldn't expand unless languages/currencies were visible. - Expandable section: Move Card > color scheme, to Colors > Card color scheme. - Contact section: Move Card > color scheme, to Colors > Card color scheme. - Fixed minor issues on centered aligned product cards. - Add arrows to section links. - Main product section: Expandable transitions. - Remove top margin when main-search has no results and top spacing is 0. - Brands a-z template: Bottom leaves quite a bit of spacing with even with bottom spacing set to 0. - Minicart and Cart section: Show compare-at price if no other line discount is applied. #125 - Improve comments area of main-article. - Performance improvements (Lighthouse suggestions). - Subscriptions app styling. - Improve Slideshow design mode. - Refactor section headings. - Main product section: An error would get thrown when changing variants, when the source variant had an expandable table block but the destination variant didn't. - Collection and Search templates: Keep filters in the same state (expanded/collapses) to avoid layout shifts. - Header and Footer groups: Enable "Filters" and "Image banners" sections. - Modernize loading of Google maps (fix deprecation warning). - Main Collection section: Sidebar menu: Text overflow. - Add critical styles in snippets/head-critical.liquid. - Improve img spacing in .rte regions. - Mobile dock section: Mobile dock hides part of the footer. - Some HTML tags wouldn't close properly. - The wrong variant image size could sometimes get loaded on product cards, when clicking on a product's color swatch. - Cart section: Shipping calculator fields and button couldn't be translated.
Version 4.1 - Introducing "Paw Prints"
A brand new preset built specifically to cater to pets' mamas and papas needs!
Introducing "Paw Prints", a brand new preset built specifically to cater to pets' mamas and papas needs! Additionally, two new sections and four new product page blocks, numerous design improvements, bug fixes, and usability enhancements, give you a more robust experience! ### Changed - All tabbed sections: Tab navigation now only appears if there are more than 1 tabs. - Multicolumn section: Section's button now appears next to the heading, when the heading is left-aligned, and on the bottom of the section when it's center-aligned. ### Added - New preset "Paw Prints". - New flexi section "Contact form". - New "Tabbed collection lists" section. - Main and Featured product sections: New "Rich text" block. - Main and Featured product sections: New "Countdown" block. - Main and Featured product sections: New "Payment icons" block. - Main and Featured product sections: New "Request information" block. - Main and Featured product sections: Variant picker block: Button size and shape settings. - Main and Featured product sections: Personalization text block: Added new field types:, date, text area, dropdown list, and checkbox. - Main and Featured product sections: Info box block: Add close button setting. - Filters section: Add background image, overlay color, and height setting. - Media with text section: Add setting to enable/disable border and padding. ### Other fixes and improvements - Redesigned section tabs. - A JS TypeError would be thrown on the Customize page, when adding new sections. - Main and Featured product sections: Fixed edge case where the variant picker would not work properly when selecting an unavailable variant, and there was no Buy Buttons block present. - Indicate/improve interactivity for select elements. - Multicolum section: Fixed layout issues. - Main collection product grid section: Add Filters & Sorting headers for better separation. - Media with text sections: Badge color scheme wouldn't get applied. - Theme settings > Minicart: Add settings to disable the minicart's cart and checkout buttons. - Featured product section: Fixed top/bottom spacing issue. - Header section: Improved horizontal alignment of elements. - Quick view drawer wouldn't open if the product's main section had an id of 'main-product' instead of 'main' (presets). - Quick view drawer wouldn't open if product template was missing the "variants" or "add to cart buttons" blocks. - Update wording to refer to color schemes as "Scheme 1" etc, instead of the older "Accent 1", etc. (#73) - Fixed elements with duplicate id "mini-cart-toggle". - Updated Judge.me review widget.
Version 4.0 - A major leap forward
Native color schemes!
### Changed - Important: Implemented Native color schemes. Learn how to upgrade: https://trulyfinepixels.com/documentation/themes/tokyo/guides/upgrading-to-tokyo-v4-0-and-later/ - Main product section: Custom Liquid block is now rendered on the product info area, along with the rest of the blocks (except for the Complementary products one). Added - Native color schemes. Please see the upgrade guide. Added - New section "Mobile Dock". Added - New section "Filters". Added - New section "Age verification section". Added - New section "Live notification section". Added - New section "Bulk Order section". Added - New "Product comparison" section. Added - Product comparison feature in collection pages. Added - Coupon code support in cart page and minicart. Added - _blocks.liquid to support AI-generated blocks via Sidekick. Added - Global event listeners for mini cart control. Added - Theme settings: Colors: Final discounted price color. Added - Theme settings: Layout: Border style (radius) setting. Added - Theme settings: Product cards: Quick view feature. Added - Theme settings: Product cards: Quantity Input. Added - Theme settings: Product cards: Custom product placeholder image. Added - Main and Featured product sections: Variants block: Add color scheme setting. Added - Main and Featured product sections: Variants block: Add "Space variant buttons evenly" setting. Added - Main and Featured product sections: Add block divider option and refactor product blocks. Added - Main and Featured product sections: Product Details block: Add support for variant metafields. Just prefix the metafield path with 'variant.', e.g. "Width: variant.custom.width" Added - Main and Featured product sections: Personalization text block. Added - Main collection product grid section: Add "Hide if..." settings to the inline banner blocks. Added - Main collection product grid section: Add setting for the collection side menu sub-menus to expand only on arrow click. Added - Media with text section: Content color setting. Added - Cart footer section: Button block: Add option to hide dynamic checkout buttons. Added - Header section: Add compact banners setting in mega menu side items. Added - Header section: Tag type for logo in homepage. Added - Brands section: Add setting to remove border / padding. Added - Simple collection list section: Add rounded card setting. Added - Most sections: Heading size option. Added - Most sections: Heading tag (for SEO) setting. Added - Most sections: Wrap sections in aelement and include a section-specific class. Added - Most sections: "Hide section if..." setting. Added - Most sections: Add desktop/mobile visibility controls. Added - Sections with slider setting now have an one step slide setting. Added - Add fade in / fade out transitions to all modals. Removed - Theme settings: Color options. Replaced by Native color schemes. Please see the upgrade guide. Removed - Theme settings: Product badges position option. Removed - Main collection product grid section: Removed background color setting. Removed - Removed border from icon toggles/actions. ### Other fixes and improvements - All header sections: Spacing setting can now go down to 0. - Header section: Search would appear off-screen on normal header layout when there was no search or secondary menu visible. - Main product section: Update font size of product's title in the Alternative product layout. - Main and Featured product sections: Fixed spacing issues. - Main and Featured product sections: Text block: Turn inputs into inline_richtext. - Main Collection and Search sections: Improve layout of collection/search actions and fix sort dropdown. - Main Collection and Search sections: Collection actions are not displayed if only "Enable product card type switch" is enabled (no filters, no sorting). - Simple collection list section: Increased maximum number of columns to 12. - Bulk order section: Hide the section when catalog mode is enabled. ADDED: Bulk order section: Add option to hide the variants' images. - Bulk order section: Hide price and other elements when "Login for price" is enabled. - Simple collection list section: Improve responsive styles. - Contact section: Rename "Card color scheme setting". - Featured banners section: Fixed fullwidth image size. - Rich text section: Adjust spacing. - Media with text section: Add min-height to banner cards. - Announcement and Top bar sections: Dynamically adjust font size of submenus. - Image hotspots section: Click on a hotspot and stay in its settings panel. - Featured collection section: Move title before description, remove blur. - Divider section: Remove margin. - Rotating text bar section: Various updates and improvements. - Brand section: Updated cards padding. - All product sections: Range indicator block wouldn't get hidden when value was empty. - All sections: Reduce default section spacing to 70px. - All sections: Section titles are now affected by the letter spacing setting. - Most sections: Updated heading spacing in sections. - Settings throught the theme are now conditionally displayed only when applicable. - Section categories, for easier section discovery. - Made the consent checkbox in popup forms clickable and fix the iOS bug (not clickable). - Improved slideshow autoplay and manual navigation handling. - Predictive search popup would appear below the background's overlay, on Safari, making the header search unusable. - Restyled product badges. - Settings reorganization for easier usability. - Added new icons. - Removed borders from the main product grid. - Adjusted backdrop opacity of drawers/modals to 0.5.
Version 3.0.1 - Replace fonts
You can totally skip this update
Tiny update to make sure your theme uses the best fonts possible. ### Changed - Beads preset: Replace deprecated font "Cooper BT" with "Fraunces".
Version 3.0 - New theme installation experience.
This update makes sure the theme is ready to support the new theme installation experience.
Version 2.1 - It's all about new languages
Swedish, Danish & RTL support
All new RTL support, new languages, and a few new, strategically placed settings which we think you'll love! Added - RTL support. Added - Swedish translations. Added - Danish translations. Added - Header section: Add font size and align center options for main navigation. Added - Header section: Search bar settings (Show, Hide, Show as icon). Added - Featured collections section: Add card orientation setting. Added - Image banners section: Add setting to show the image descriptions. Added - Theme settings: Add new buttons uppercase setting. Added - Theme settings: Letter spacing and text transform settings for headings.
Version 2.0 - New sections and blocks
This major update brings improvements all across the board, introduces a lot of new sections and blocks, and cleans things up a bit by eliminating a few unnecessary settings. Removed - Important: Removed theme-level search result types options. They can now be controlled via the "Search & Discovery" app, "Settings" > "Search relevance". Removed - Removed unnecessary details-disclosure file. Removed - Theme preset "Wool". Added - Theme preset "Torque". Added - New section "Social media gallery". Added - New section "Media with text banners". Added - New section "Divider". Added - New section "Before / after slider". Added - New section "Recently viewed products". Added - Main and Featured Product sections: Add option to Signup block to only display when out of stock. Added - Collection banner section: Add collection description show more/show less option. Added - Media with text section: Add new Video URL option. Added - Banners section: Add new Badge settings on block. Added - Banner grid section: Add new Badge settings on block. Added - Collection with icons section: Add new Badge settings on block. Added - Featured banners section: Add new Badge settings on block. Added - Main and Featured product sections: Add new Metadata block. Added - Main and Featured product sections: Add new Sign Up block. Added - Main and Featured product sections: Add new Stock Bar block. Added - Main and Featured product sections: Add new Info Box block. Added - Main and Featured product sections: Add image block. Added - Main and Featured product sections: Add setting to control image ratio. Added - Main product section: Reviews block can now display the number of reviews on its title. Added - Main product section: Add "Details" block. Added - Main Search and Main Collection product grid sections: Filters toggle settings. Added - Hotspots section: New "Compact product layout" and "Hotspot color opacity" settings. Added - Video background setting in sections: Banners, Banner Grid, Collections with icons, Featured banners. Added - Main product section: Add setting to close all other expandables when one is expanded. Added - Collection banner section: Add setting to limit the description's height. Added - Brands section: "Auto-rotate slides" option when layout is set to Slider. Added - Main collection and Search sections: Option to toggle visibility of filters' product counts. Added - Add smooth transition on slider buttons. Added - New social icons: Bandcamp, Discord, Spotify. Added - Add setting for two columns on mobile for all product sections. Added - Header search (predictive) now searches SKUs as well. Added - Add support for inline card banners in collection templates. Added - Add setting to truncate product titles in product cards, minicart, and cart. Added - Global setting to limit color swatches in product cards and show the rest of variations as a number. Added - Cart: "Show SKU" setting. Added - Cart: Shipping cost estimation calculator. Added - "Login to view price" feature. Can be enabled globally, per collection or per product. Changed - Starter templates are now based on Torque demo. Changed - Update blog post image sizes. Changed - Update main menu badge appearance. Changed - Display shadows on the header when it is stuck (sticky header option must be on). Changed - Improve article Share button. Changed - Show image thumbnail for products that have 1 image only. Changed - Update visual filters in collection to span 4 columns. Changed - Update judge.me reviews to inherit colors from the app. Changed - Update mini cart buttons to be in the bottom of the mini cart. Changed - Moved some theme-level settings from the Product Grid section to the new Product Cards section. Changed - Replace deprecated fonts with close alternatives. Changed - Simple collection list section: Max number of columns on desktop: 8 Changed - Replaced manual structured data (ld+json) generation with the Shopify-managed 'structured_data' filter. ### Other fixes and improvements - Product templates that have their suffix start with "pre-order-", will now inherit the pre-order layout. - Collection templates that have their suffix start with "brand-", will now inherit the brand collection banner layout. - Fix tablet layout of Social media gallery section. - Fix an issue where brands Grid layout would hide cards when the "auto rotate" setting was enabled. - Product sections: Stock bar would sometimes display the backorder text on products with untracked stock. - Load card stylesheet on complementary products in main product template. - Fix tablet layout of simple collection list. - Fix font weights for system fonts. - Fix Product Recommendations block's settings affecting additional blocks of the same type. - Fix an issue where the "Complementary products" block would not be selectable in the editor. - Fix behavior of anchor menu items. - Fix an issue where disabling all blocks in the Scrolling elements section would impact store performance. - Fix unavailable variant selection when "hide other variants media" setting is enabled. - An error would get thrown when product variant was changed and the Add to Cart button was hidden. - Fix issue where the Collection and Search pages would error out when subsequent requests contained different number of filters. - Main and Featured product sections: Dropdown variant selectors sometimes wouldn't show non-available options correctly, depending on the options that were already selected.
Version 1.4.2 - Replaced deprecated fonts
as per Shopify's requirements
Updated - Replaced deprecated font "Cooper BT Medium" with "Fraunces" in preset Beads. Updated - Replaced deprecated font "Rockwell" with "Besley" in preset Wool.
Version 1.4.1 - Updated accelerated checkout buttons
and fixes for a few minor issues.
Updated - Update accelerated checkout buttons. Fixed - Fix focal points for images in Slideshow and Video background section. Fixed - "Redirect to cart page after adding a product to cart" option would always redirect to the default language.
Version 1.4 - A focus on performance
With a host of performance-related updates under the hood, this update brings improvements all across the board.
Added - Add gallery swiping in mobile on the Main and Featured product sections. Added - Featured collection section: Add option to hide section instead of showing placeholder products. Added - Slideshow and Video Background sections: New height settings. Updated - Accessibility improvements. Updated - Improve footer language dropdown positioning. Updated - Update cart consent checkbox to remember its checked state. Updated - Slideshow and Video Background sections: Improve image loading. Updated - Remove stylesheet from product card templates. Fixed - Fix active border of image filters in mobile devices.
Version 1.3 - New theme presets
Lots of additions with this release. Among them, support for native color swatches, combined listings, new theme presets are waiting for you to try, as well as countless other settings and improvements.
Added - Add support for native Shopify color swatches. Added - Combined listings app support. Added - New Preset "Beads". Added - New Preset "Wool". Added - New Video background section. Added - Add spacing settings to the product section. Added - Add text size setting to top bar section. Added - Add spacing settings on all page templates. Added - Add card height setting on the Banner Grid section. Added - Add text size setting in Rotating text bar section. Added - Add text size setting in Annoucement bar section. Added - Add heading and text size settings in Multicolumn section. Added - Add border around active product thumbnail. Added - Add spacing setting on blog header. Updated - New and improved starter templates. Updated - Improve Scrolling elements section. Updated - Update vendor collection image width in collection banner. Updated - Update secondary button colors on accent 2 color scheme. Updated - Handle featured collection sticky card when the header is always sticky. Updated - Update padding on the Featured Banners section when it's empty of cards. Updated - Adjust header shadow when it's always sticky. Updated - Streamline heading sizes. Updated - Product grid buttons are now all the same color. Updated - Streamline slideshow arrow colors. Updated - Improve font weights on facet and expandable titles. Updated - Remove box shadow from alternative sticky header. Fixed - Features autoplay when slider mode. Fixed - Fix matching collection link in main product template. Fixed - Fix image banner position in main product title. Fixed - Fix slideshow button positioning in mobile. Fixed - Remove white background from mega menu side items. Removed - Remove arrow icon from featured collection card.
Version 1.2 - The one with the pop-up
All new Rotating text bar and Pop-up overlay sections, an alternative product template as well as a new header layout, plus expanded mega menus, always-on sticky header, and numerous styling and bug fixes for a seamless experience!
Added - Add new "Rotating text bar" section. Added - Add new "Pop-up overlay" section. Added - New main product template (Alternative). Added - Alternative header layout. Added - Add typography options for collection filters. Added - Setting to remove border from breadcrumbs. Added - Add support for more side items on mega menus. Added - Add "Learn more" button on all show rating setting infos. Added - Add "All products" template settings (hero visibility, description, description size). Added - Add "Sticky header always on" setting. Added - Add menu item badges. Added - Add policy page consent checkbox in mini cart and main cart. Updated - Streamline font-weight in headings. Updated - Update main product grid to support background color. Updated - Update font size of header features section. Updated - Adjust account/minicart border radius. Fixed - Add to cart button should read "Select options" on product cards for pre-order and backorder products with multiple variants. Fixed - Wrong product recommendations translation in German. Fixed - Backorder-able products would not display correct backorder buttons/badges when stock fell below 0. Fixed - Some sections would sometimes not display the placeholder content properly. Fixed - Fix an issue where the Multicolumn card links would overlap on mobile. Fixed - Fix a z-index issue with the slideshow arrows.
Version 1.1 - New sections
The first major update of Tokyo brings 4 new sections, support for visual filters, and many, many other additions and improvements.
Added - "Banner grid" section. Added - "Simple collection list" section. Added - "Scrolling elements" section. Added - "Image hotspots" section. Added - Featured banners section: Added background overlay setting. Added - Featured banners section: Add card carousel when there are more than 4 cards. Added - Contact section: Added content card settings. Added - Events section: Added Content position setting. Added - Featured product section: Added heading and subheading settings. Added - Features sections: Add auto-rotate setting for mobile. Added - Testimonials section: Added citation image setting. Added - Expandable, Banners, Contact, and Featured collection sections: Add background opacity setting. Added - Main product and Featured product sections: Added option to turn of product except. Added - Add support for visual filters (images). Added - Added border around products in sections. Added - Backorder support on availability badges and Add to cart button. Refer to the documentation to set it up. Updated - Show number of items in stock, even if "continue selling" is enabled. Updated - Optimize font size of section titles and subtitles. Updated - Remove redundant texts. Updated - Update Featured product layout to classic. Updated - Improve image lazy loading. Updated - Update headings' color in slideshow section. Updated - Remove visually hidden collection title text. Updated - Prevent outlined badges from wrapping their text. Updated - Add white background in the product's gallery. Updated - Reduce card padding in the Brands section when 5+ columns. Updated - Streamline heading weights in the Features section. Updated - Make the text smaller in the "Small" layout setting on the Features section. Updated - Center align the text in buttons. Fixed - Swatches options should not get affected by presets. Fixed - Fixed Featured collection section's card override image. Fixed - Fixed the "Entire card is clickable" setting of banner cards. Fixed - Fixed z-index of zoom thumbnail.
Version 1.0.2 - Go international!
This version (1.0.2) adds translations for 6 languages, and adds some minor improvements.
Added - German (de) translations. Added - Spanish (es) translations. Added - French (fr) translations. Added - Italian (it) translations. Added - Dutch (nl) translations. Added - Brazilian Portuguese (pt-BR) translations. Updated - Improve rendering of countdown. Updated - Update bottom spacing of card product details.
Version 1.0.1 - Welcome to Tokyo
Sell, educate & connect.
Initial release