Adding your Ecwid store to Adobe Muse

Last updated March 14, 2018 14:52

Adobe Muse is a website builder software that allows you to create and publish professional websites that look great on desktop and mobile browsers, using canvas and layout tools, without writing any code.

Installation and setup

Unzip the package and open the «Ecwid Ecommerce Store.mulib» file. It will be imported to the Adobe Muse editor automatically. Your Ecwid ecommerce widgets will be available in your Adobe Muse editor under Design → Library.

Drag the Product Browser widget and from the Library and drop into your project. This is the main widget that adds your product catalog on the page.

Click the Options icon in the top right corner of the Product Browser widget on the canvas.

Besides the Product Browser widget, you can add the Cart, Category Tabs and Search Box to your website. Drag the widgets from the library and drop them where you want them to appear. Remember to update your Ecwid Store ID in the Options panel for each widget.

Now you can publish your site to apply the changes or check your online store in the Preview mode.

Customizing store widgets

There are a few settings for each Ecwid widget that you can use to change the look and feel of your Ecwid store.

Cart

There are several display options for the Shopping Cart widget. You can choose them in Options → Cart Settings:

Large

Large attached to the Categories

Large pinned to the page corner

Mini

Mini attached to the Product Browser

As you update the layout type, you will see a preview in the Design mode. Placement and margin settings are activated as different layouts are selected.

Categories Tabs

You can select either the horizontal or vertical tab type and choose the color on hover.

Product Browser

In the widget Options panel under Product Browser settings you can select:

Store theme – Default, Light, Dark or Bold. As you update the store theme, the font settings below are enabled.

Product layout – Grid, List, or Table. This options allows to change the look of the catalog pages. As you update the layout type, row, column count, and products per page options below are activated or inactivated based on the product layout selected.

Categories per row allows to select the number of category thumbnails per page.

Display search results – Grid, List or Table. This option allows to select the layout of the pages with product search results.

Enable default category allows to display a particular category by default on page load. Here is how you can find the category ID.

Enable Chameleon Skin allows to automatically match the colors of the store elements, such as text and links, with the colors of similar items on your page.

Selling a single product

If you are going to sell a single item, or a just a few products, you can install the Ecwid Single Item widget instead of adding the whole product catalog to your Muse site.

Drag the Ecwid Single Item widget from the Library and drop into your project in the Design mode.

Place the widget where you would like your item to appear on your page.

Enter the ID of your store and the Product ID in the widget Options panel.

The settings in the Options panel allow you to show or hide the product properties, such as Picture, Title, Price, Option selectors, Quantity box and the Add to cart button.