To add products to your catalog:

• Click "Products" in the left sidebar to open the product list
• Browse or search for products
• Drag a product and drop it onto an empty grid cell on the canvas
• The product will appear in that cell with its image and details

To change the grid layout:

• Open the Layouts panel in the left toolbar
• Click any preset — 2, 3 or 4 columns, or a featured layout — to apply it to the current page
• Or click Create your own layout and enter the exact rows × columns you want
• To change the spacing between cards, open Grid settings and use the Gap slider

Yes! Your catalog saves automatically to your account as you work — the indicator in the top bar shows Saved once changes are stored. You can also save manually at any time with the Save button or Ctrl+S.

Version history: Click the clock icon in the top bar to see earlier saved versions and restore one if you need to roll back a change.

Drag and drop is the primary way to add products:

• Open Products Panel - Click "Products" in the left sidebar
• Find a Product - Browse or use the search bar
• Drag - Click and hold on a product thumbnail
• Drop - Drag over an empty grid cell (it will highlight) and release

Tips:

• Products already on the page are marked with a checkmark
• Drag a new product onto an occupied cell to replace it
• Press Delete to remove a selected product from its cell

To remove a product from a grid cell:

• Click on the product card to select it
• Press the Delete key on your keyboard
• The cell will become empty and ready for a new product

Alternative: Right-click on the card for a context menu with remove option.

To style product cards:

• Click on a product card on the canvas to select it
• Open the Grid settings panel
• Use the various sections to customize:
  • Card Layout - Stacked or side-by-side arrangement
  • Images - Background color, fit mode, border radius
  • Content Area - Background, padding, alignment
  • Fields - Show/hide specific product fields
  • Card Border - Add borders and rounded corners

To style text fields:

• Click on a specific field within a product card (e.g., title, price)
• Click the Properties panel on the right
• Use the typography controls to adjust:
  • Font family
  • Font size and weight
  • Text color
  • Line height and letter spacing
  • Bold, italic, underline, and strikethrough

To set a page background:

• Open the Grid settings panel
• Expand the "Background" section
• For a solid color: Click the color swatch and choose a color
• For an image: Click the upload area and select an image file
• Choose the fit mode: Cover, Fit, or Stretch

Yes! You can select multiple cards and apply styles to all of them:

• Ctrl+Click - Add individual cards to your selection
• Ctrl+A - Select all cards on the current page
• Once multiple cards are selected, any changes you make in Grid settings or Properties will apply to all selected cards

To copy and paste card styles:

• Click the card whose style you want to copy
• Press Ctrl+C to copy its style
• Select the card(s) you want to apply the style to (hold Ctrl to pick several)
• Press Ctrl+V to paste the style onto them

To adjust field width:

• Click on the specific field (e.g., title, price, SKU) within a product card
• Open the Properties panel on the right
• Find the "Width" control and adjust the slider or enter a percentage (10% to 100%)
• You can also set a max-width to prevent fields from stretching too wide

Tip: Set two fields to 50% width each to display them side by side on the same line.

To add barcodes to product cards:

• Select a product card on the canvas
• Open the Product Fields panel in the left toolbar
• Find "Field Visibility" and toggle ON "Barcode"
• The barcode is generated automatically from the product's barcode field or SKU

Customize: Click on the barcode field and use the Properties panel to change format (CODE128, EAN13, etc.), size, and colors.

To add QR codes:

• Select a product card on the canvas
• Open the Product Fields panel
• Toggle ON "QR Code"
• The QR code is generated from the product URL or handle

Customize: Click on the QR code and adjust size (50-200px), colors, and error correction level in the Properties panel.

EasyCatalog supports multiple barcode formats:

• CODE128 - Versatile, supports all ASCII characters
• EAN13 - European Article Number (13 digits)
• EAN8 - Compact 8-digit EAN
• UPC - Universal Product Code (North America)
• CODE39 - Alphanumeric barcode
• ITF14 - Interleaved 2 of 5 (shipping)

To add elements to your page:

• Click "Elements" in the left sidebar
• Browse available elements: shapes, text boxes, images, QR codes
• Click an element to add it to the center of your page
• Or drag the element directly to your desired position

Available elements: Rectangle, Circle, Line, Arrow, Text Box, Image, QR Code, Barcode

Elements can be freely positioned anywhere on the page:

• Drag - Click and drag to move the element
• Arrow Keys - Nudge selected elements 1px at a time
• Shift + Arrow - Nudge 10px at a time
• Properties Panel - Enter exact X/Y coordinates

Tips: Elements snap to page edges and center lines. Hold Shift while dragging for axis-locked movement.

To resize elements:

• Corner Handles - Drag to resize proportionally
• Side Handles - Drag to change width or height only
• Shift + Drag - Hold Shift to maintain aspect ratio
• Properties Panel - Enter exact width/height values

To rotate elements:

• Select the element
• Grab the rotation handle (circle above the element)
• Drag to rotate freely
• Hold Shift to snap to 15 deg increments

Or enter an exact angle in the Properties panel (0-360 deg).

To create a fully custom content page:

• Add a new page using the + button in the page bar
• Set the grid to 1x1 (or any layout you prefer)
• Leave the grid cells empty (don't add products)
• Use the Elements panel to add shapes, text, and images
• Design freely - elements can go anywhere on the page

Perfect for: Cover pages, category dividers, promotional pages, contact info, terms & conditions.

To change element layering (z-order):

• Right-click on the element
• Choose from the context menu:
  • Bring to Front - Move to top layer
  • Send to Back - Move to bottom layer
  • Bring Forward - Move up one layer
  • Send Backward - Move down one layer

To add custom text:

• Go to Elements -> Text Box
• Click or drag to add it to your page
• Double-click the text box to enter edit mode
• Type your text and style it using the Properties panel

Styling options: Font family, size, weight, color, alignment, line height, letter spacing, background, border, and more.

To add custom images:

• Go to Elements -> Image
• Click or drag to add the image placeholder
• Click the placeholder to open the file browser
• Select your image file (JPG, PNG, GIF, WebP, SVG)
• Resize and position as needed

Supported formats: JPG, PNG (with transparency), GIF, WebP, SVG

To copy elements:

• Ctrl + C / Ctrl + V - Copy and paste
• Ctrl + D - Duplicate (creates offset copy)
• Alt + Drag - Drag while holding Alt to create a copy

To align multiple elements:

• Select multiple elements using Ctrl + Click
• Use the alignment tools in the Properties panel:
  • Align Left/Center/Right - Horizontal alignment
  • Align Top/Middle/Bottom - Vertical alignment
  • Distribute Horizontally/Vertically - Even spacing

To show variant information in a table format:

• Select a product card on the canvas
• Open the Product Fields panel
• Toggle ON "Variant Table"
• The table displays all product variants with their properties

Customize: Click on the variant table to adjust which columns to show, row limits, header styling, and zebra striping.

To display metafield data:

• Select a product card on the canvas
• Open the Product Fields panel
• Toggle ON "Metafields"
• Available metafields from your product data will be displayed

Options: You can show/hide labels, customize label text, and reorder metafields as needed.

Yes! When you click on the variant table field:

• Open the Properties panel
• Find "Max Rows" setting
• Set the maximum number of variants to display (e.g., 5)
• Excess variants will be hidden to save space

To apply pricing calculations:

• Click on a "Discount Price" field within a product card
• In the Properties panel, find the "Discount & Tax" section
• Enter your values:
  • Fixed Discount - Subtracts a fixed amount
  • Discount % - Percentage off (e.g., 10%)
  • Tax % - Removes VAT/tax (e.g., 20% VAT)
  • Multiplier - Multiplies price (e.g., 1.5 for 50% markup)
• Click "Apply to Selected" or "Apply to All Products"

Yes! After applying discount calculations, a "Reset to Original Price" button will appear. Click this button to restore all prices to their original values. The original prices are saved when you first apply a discount, so you can always roll back.

To change the currency:

• Click "Catalog Settings" in the top navigation bar
• Find the "Currency" option
• Select your preferred currency (USD, EUR, GBP, etc.)
• The currency symbol will update throughout the catalog

To add prefix/suffix text:

• Click on the field you want to modify
• In the Properties panel, find "Text Before/After" section
• Enter text in "Before" field to add a prefix (e.g., "Price: ")
• Enter text in "After" field to add a suffix (e.g., " per unit")

There are several ways to add new pages:

• Click the "+" button in the page bar at the bottom
• Right-click on a page thumbnail and select "Add New Page"
• Use the keyboard shortcut (if available)

To delete a page:

• Right-click on the page thumbnail in the page bar at the bottom
• Select "Delete Page" from the context menu
• Confirm the deletion when prompted

Note: You cannot delete the last remaining page. The catalog must have at least one page.

There are a few ways to reuse your work:

• Duplicate a page — right‑click a page thumbnail in the bottom page bar and choose Duplicate Page to copy a fully‑styled page, then swap its products.
• Reuse a grid — open the Layouts panel and apply the same preset (or your custom layout) to another page.
• Save a card style — you can save a product card’s style as a preset and reapply it to other cards later.

To add headers and footers:

• Open the Grid settings panel
• Find the "Header & Footer" section
• Toggle on the header and/or footer checkboxes
• Click on the header/footer area to edit the content
• You can add text, page numbers, or logos

To export as PDF:

• Click Export PDF in the top-right corner of the editor
• In the Create PDF Catalog window, give your file a name
• Choose a print quality — Draft (72 DPI), Standard (96 DPI), High (150 DPI) or Best (300 DPI)
• Click Generate PDF — your catalog is rendered on our servers and downloads when it’s ready

Tip: Use Best (300 DPI) for professional printing and Standard for sharing by email or link. Higher quality means a larger file.

Yes. Once your catalog is published, open it from My Catalogs to get shareable links:

• Wholesale and Showcase links — interactive online flipbooks you can send to buyers or embed
• PDF download link — a direct link to the exported PDF
• You can also lock a catalog with a password from the workspace

The editor itself exports print-ready PDF; the online flipbook and share links are generated for you when the catalog is published.

To undo changes:

• Press Ctrl+Z (Windows) or Cmd+Z (Mac)
• Or click the undo button (left arrow) in the top navigation

To redo changes:

• Press Ctrl+Y or Ctrl+Shift+Z
• Or click the redo button (right arrow) in the top navigation

If product images are not displaying:

• Check that the image URLs in your product data are accessible
• Ensure images are not blocked by CORS policies
• Try refreshing the page
• Check your browser's console for error messages

To improve performance:

• Close unused browser tabs
• Work with fewer products per page
• Use optimized (smaller file size) images
• Clear browser cache and reload
• Try using a different browser (Chrome recommended)

EasyCatalog auto-saves your work to browser storage. If you accidentally closed the browser:

• Simply reopen the application - your last saved state should be restored
• If auto-save hasn't captured recent changes, check if you have a manual save

Prevention tip: Regularly click "Save" and export important catalogs as PDF for backup.