Two new feature drops!

Color Swatch Variants Picker

Color Swatch Variant Picker now available! Let customers choose visual-first for easy, simple choices of products.

Simply drag in the component, map the colors with the HEX code and name it like it is set up in Shopify.

Metafields

Import your Shopify custom metadata fields to manage content directly in Framer from Shopify or use them for advanced features like product grouping, upsell suggestions, and colour variations.

We've released Frameship 2.0 and it was huge!

• Improvements and redesign of all components for stability

• Introduction of new license system

• Variant improvements, including Color

• Markets & Multi-currency integration

• Shopify Customer Accounts

• Localization

• Filtering, sorting, and search

• Improved plugin UI

We've also quashed pesky bugs:

• Fixed an issue where videos were not syncing in the CMS

• Fixed an issue where products being deleted were causing a glitch

• Fixed issue where Buy Now button properties were not updating

• Fixed an issue where only a maximum of 10 variants were syncing

• Fixed the Cart to be mobile responsive, as well as adjust when the address bar is in use

• Fixed the Quantity Input Label not being centered

• Fixed an issue where the Collections were coming through grouped, not individually

• Added styling properties to the Checkout button for when products are out of stock

• Added controls over removing Cart Open blur and background when open

• Added improved Reset Password flow

• Added a 'Fit' setting to the Variant Selector component

• Added styling controls for the Info Label

• Added new property controls for Tap Scale for Variant Selector component

• Added smooth animation of border color to image variants & Smart Image Gallery

• Updated Smart Image Gallery images

This update features several bug fixes and improvements to the Frameship plugin.

• Fixed a bug causing the cart to not be cleared after purchase.

• Fixed a bug causing the Frameship component to be re-added after removing it in settings.

• Improved Frameship component management to make building your ecommerce store more efficient.

• Added a plugin menu with Log Out and Edit in Shopify buttons.

• Added context menus to CMS fields and templates.

• Improved the custom field type selection menus.

• Added support for Framer user permissions.

• Added the gallery field type for custom fields.

This update focuses on bug fixes and stability improvements, making your experience building ecommerce stores better.

New features:

• Added "Disable Out-of-Stock" toggle to variant buttons, add to cart button and buy now button. This option lets you change whether out-of-stock products are shown as disabled. The main use case for this is disabling out-of-stock functionality for products that don't have stock limits, such as digital products or print-on-demand products.

• Added project setup flow to improve the process of setting up a new project

• Added "featured" section to template marketplace.

• Added the ability to set custom fields as required.

• Redesigned the help center in the plugin.

• Added support for importing tables from Shopify product descriptions.

Bug Fixes:

• Fixed logic related to out-of-stock products, preventing it from being possible to add them to the cart in some cases.

• Fixed “Remove Frameship component” button in settings not working in some Framer projects.

• Fixed the upgrade banner showing on some site pages after purchasing a license in some cases.

The Frameship UI Kit is a library of pages, sections and components you can use to build your next ecommerce website in Framer, powered by Shopify.

Get the UI kit for free here.

Today we're launching two new features for creators and builders using Frameship to design and ship Shopify stores with Framer: a template marketplace and experts program with Contra.

The template marketplace is launching with 14 templates from talented designers in the community. If you're a template creator, you can apply to get your templates listed on the marketplace here and start making money with Frameship. These templates are also available right inside the Framer plugin, making them more discoverable to potential customers.

We've also partnered with Contra to create an experts program. You can join the experts program to get freelance clients building ecommerce stores with Frameship. Most designers in the experts program are also Framer experts.

The cart button component now has a badge that shows the number of items in the cart. You can customize everything on the badge, such as colors, font, and position, or remove it if you prefer not to show a badge.

This update adds support for syncing SKU and Barcode from Shopify products, plus the ability to display the selected variant's name, SKU or barcode on product pages and in cart items.

Changes:

• You can now sync SKU and Barcode from Shopify products.

• Product Info Label can now display the selected variant's name, SKU or barcode. This can be used on product pages or inside cart items.

• Removed the ability to localize component variables that shouldn't be localized.

• Fixed a bug causing product images to not appear in the cart when all products in the CMS only had one image.

In this update, we added three new Framer components for building ecommerce stores:

• CMS Item Counter: display the number of items in a CMS collection on your site.

• Before & After Image Slider: add an interactive image slider showing before and after images.

• Payment Card Logos: optimize conversion rates by showing payment methods before checkout.

You can find them on the "Components" page in the Frameship plugin.

You can now sync the Vendor and Category fields on Shopify products with your CMS collection. This is one of many updates we've been releasing to make syncing Shopify products with Framer more powerful and versatile for every ecommerce store creator.

This update features improvements to the Image Gallery and other components in Frameship.

Improvements:

• Image gallery component now supports up to 10 images.

• You can now customize the radius, borders, gap and direction of your image gallery without unlinking the component.

• Added a text transform option to the variant selector to make your variant titles and button capitalized, uppercase or lowercase.

Bug Fixes:

• The cart info label now shows the total number of items in the cart including the quantity of items.

• Fixed the quantity input showing up and down arrows on Firefox.