ZigZagPress Chic

A front page of four tiles makes you choose four messages

You have new arrivals in the shop, a sale, a recent article and a product you want to push. On a front page with no limits, everything ends up competing on one long screen. The Chic demo proposes the opposite: a grid of four tiles with an image, a short line and a heading, each with its own destination.

With only four doors, the front page becomes a business decision. In the demo, two tiles lead to the shop, one to the blog and one to a product page. That split shows one way to use the theme: each season you decide what deserves a door and what can wait in the menu.

Shop, blog and portfolio under one menu

Chic, by ZigzagPress, is a fashion-styled Genesis child theme, and its demo combines three areas:

• Shop with product categories, product pages, customer account, cart and checkout.
• Blog with a post listing, categories and an archive page.
• Portfolio with pieces organized by category.
• Page layouts: left sidebar, right sidebar and full width.
• Contact with a Contact Form 7 form.

There are two navigations in the header. A top bar repeats the main links and the style guide, and the main menu has dropdowns. The cart, with its subtotal, sits in plain view in the header, with links to view it and check out.

How a product is presented in the demo

The shop listing shows the result count, pagination and six sort orders: default, popularity, average rating, latest, price ascending and price descending.

• Card with two images, one of them as a second view of the product.
• Sale badge with the old and current price.
• Star rating and an add to cart button.
• Product page with a thumbnail, short description, quantity selector and category.
• Tabs for description and reviews, with four related products below.

A page ending that keeps the contact going

At the end of the demo pages there is a repeated menu, a text widget, a block for joining the newsletter and links to Facebook, Instagram, Pinterest, Tumblr, Twitter and YouTube. A visitor who is not buying yet has another way out there. In the demo the social networks point to sample links, so you will have to add your own.

The style guide shows the writing resources: headings from H1 to H6, quotes, lists, tables, code blocks, text highlighted with the highlight class, pull quotes with the pull-left and pull-right classes, and aligned or full-width images.

What Genesis holds up and what stays on your side

Chic does not work alone: it is a child theme and requires the Genesis Framework, installed separately. From Genesis it inherits the SEO options and functions. Chic adds the responsive design, from desktop to mobile, and .po and .mo files for translating it.

Stock photos are not included, so your four tiles depend on the images you have.

Setting up with Genesis, with Tahini and Solien for contrast

Order matters, because the child theme needs its parent theme:

1. Install the Genesis Framework.
2. Install and activate Chic.
3. Add the shop, and Contact Form 7 if you want a form like the one in the demo.
4. Decide which four destinations deserve the front page.
5. Prepare images of one same size for those tiles.
6. Create your pages and choose a sidebar or full width.

If your site rests mainly on reading, Tahini also uses Genesis and sets out a magazine with posts in one column. If the blog weighs more and you want to add a shop, look at Solien.

Genesis, shop and translation in a few lines

Do I need the Genesis Framework?

Yes. Chic is a child theme and requires the Genesis Framework installed.

Is it good for selling?

Its demo includes a complete shop, with listing, cart, checkout and customer account.

Can it be translated?

Yes. It includes .po and .mo files for translation.

Do the demo photos come with it?

Stock photos are not included. You will have to use your own.

Can I remove the sidebar?

The demo shows layouts with the sidebar on the left, on the right and at full width.