Tokyo Shopify theme

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.

"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.

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.

This may be the biggest and most important Tokyo update yet! Gain full control of the theme's appearance with the all-new color schemes. Cater to your B2B customers, compare products, improve your SEO, automate visibility, and so much more!

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.
• New section “Mobile Dock”.
• New section “Filters”.
• New section “Age verification section”.
• New section “Live notification section”.
• New section “Bulk Order section”.
• New “Product comparison” section.
• Product comparison feature in collection pages.
• Coupon code support in cart page and minicart.
• _blocks.liquid to support AI-generated blocks via Sidekick.
• Global event listeners for mini cart control.
• Theme settings: Colors: Final discounted price color.
• Theme settings: Layout: Border style (radius) setting.
• Theme settings: Product cards: Quick view feature.
• Theme settings: Product cards: Quantity Input.
• Theme settings: Product cards: Custom product placeholder image.
• Main and Featured product sections: Variants block: Add color scheme setting.
• Main and Featured product sections: Variants block: Add "Space variant buttons evenly" setting.
• Main and Featured product sections: Add block divider option and refactor product blocks.
• 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"
• Main and Featured product sections: Personalization text block.
• Main collection product grid section: Add "Hide if..." settings to the inline banner blocks.
• Main collection product grid section: Add setting for the collection side menu sub-menus to expand only on arrow click.
• Media with text section: Content color setting.
• Cart footer section: Button block: Add option to hide dynamic checkout buttons.
• Header section: Add compact banners setting in mega menu side items.
• Header section: Tag type for logo in homepage.
• Brands section: Add setting to remove border / padding.
• Simple collection list section: Add rounded card setting.
• Most sections: Heading size option.
• Most sections: Heading tag (for SEO) setting.
• Most sections: Wrap sections in a element and include a section-specific class.
• Most sections: "Hide section if..." setting.
• Most sections: Add desktop/mobile visibility controls.
• Sections with slider setting now have an one step slide setting.
• Add fade in / fade out transitions to all modals.

Removed

• Theme settings: Color options. Replaced by Native color schemes. Please see the upgrade guide.
• Theme settings: Product badges position option.
• Main collection product grid section: Removed background color setting.
• 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.

Tiny update to make sure your theme uses the best fonts possible.

Changed

• Beads preset: Replace deprecated font “Cooper BT” with “Fraunces”.