SwissUpLabs Logo

Theme Editor

Theme Editor is a module that comes with every Argento theme and allows you to customize its styles, layout, etc.

Please check the following pages with a description of available customizable options and customization examples for every Argento design:

Header Builder

Currently only available in Argento Pure2 theme

With Header Builder, you can replace static header with a fully customizable one.

Features:

  • move header blocks between three rows and nine columns with an easy-to-use drag-and-drop interface
  • remove blocks from header
  • set column settings and assign CSS classes for it
  • preview header layout before applying it on the frontend

Header Builder Configuration

Blocks available in header

Name Image Description
Logo Logo Block Contains store logo and mobile menu button
Search Search Block You can change the look of search form in Ajax Search Configuration
Shopping Cart Cart Block Customer shopping cart
Navigation Menu Block You can change the look of store menu in NavPro Configuration
Currency Switcher Currency Block Allows to change currency
Language Switcher Lang Block Allows to change store language
Header Links Links Block Customer links and welcome message
Customer Menu Customer Block Customer Links in form of dropdown
CMS Links CMS Links Block Displays content from static block header_cms_links

Preview

After you moved blocks or changed columns settings in layout, press Preview Header button to see how your changes will look on frontend.

You can resize the preview dragging its corner to test layout on different window sizes.

Header Builder Preview

If you like new layout, do not forget to save config an clear cache to apply it on frontend.

Category Page Builder

Category Page builder is a set of options with preview feature to modify the look of category page.

It is available for every theme in Argento package.

Category page config with instant preview

General layout of category page is two columns with left sidebar. Left sidebar contains category filters and some other blocks (e.g. wishlist).

  • Layout - dropdown to change page layout. Values:
    • theme defined;
    • one column;
    • two columns (left sidebar);
    • two columns (right sidebar);
    • three columns.
  • Content width - dropdown to change width of main content. Values:
    • full width;
    • limited width.
  • Max width - available only when limited width selected. Set max allowed width for main content.
  • Product list mode - dropdown to set look of product list. Values:
    • Grid Only - Formats the list as a grid of rows and columns. Each product appears in a single cell of the grid.
    • List Only - Formats the list with each product on a separate row.
    • Grid (default / List) - By default, products appear in Grid view and can be toggled to List view.
    • List (default / Grid) - By default, products appear in List View and can be toggled to Grid view.

Grid Mode

In this subsection you can determine the number of products displayed in grid view and set columns number for grid.

Category page grid config

List Mode

Lits mode for category page is not very common. But still it can give your store a fresh look when it is configured properly.

Category page list config

Product Page Builder

Product Page builder is a set of options with preview feature to modify the look of product page.

It is available for every theme in Argento package.

Product page config

Pure2 and Flat Argento themes have product page with two columns and right sidebar layout. You can change it here. Other valuable options are content width, width of image block and block with main product info. You can get pretty fresh look of product page when you set image and main product info width to 100%.

Image

Product image config

This subsection allows to change position of image thumbnails. It duplicates config of Swissup Lightbox Pro module (check store view level config if you see no changes at storefront).

Values:

  • Theme defined.
  • Horizontal.
  • Vertical.
  • Hidden.

To Cart Form

Product add to cart form config

Here you can change “Add to cart form” position at product page. You can move form under product image similiar to Argento Stripes design. Or move it back to its normal position.

Values:

  • Theme defined.
  • Product Info Main.
  • Product Media (bottom).

Tabs

Product tabs config

This subsection is powered by Swissup Easytabs module. You can change tabs layout and tabs position.

Possible tabs layout:

  • Collapsed tabs (traditional layout).
  • Expanded tabs.
  • Accordion.

Possible tabs position:

  • Theme Defined.
  • Main Content - most common position for tabs (under product image and “add to cart” form blocks).
  • Product Info Main (bottom) - like tabs at Argento Luxury desing at product page. On right side under “add to cart” form.
Edit this Page