Vignette Instructions

Thank you for choosing Vignette theme to build your WooCommerce website.

Theme installation

Unzip file vignette_unzip_first.zip that you downloaded from us and install vignette.zip file. Read more how to install a theme →

Theme setup wizard

Vignette comes with a setup wizard that enables you to create the demo layout with a just a few clicks.

After installing the theme, in your Dashboard go to Appearance > Theme Setup.
The setup wizard will ask you to install and activate necessary plugins, and import the demo content. Please be patient while WordPress imports all the content.
After the setup ends, all you need to do is assign the menu’s to their respective navigation blocks edit the content and make it your own

Recommended Plugins

Icon Block: A simple little block that allows you to add a custom SVG icon or graphic.
Contact Form 7: The plugin is recommended for creating contact forms.

Editing the theme’s elements

Vignette is a full site editing theme, thus you can edit most elements from the front end. In your Dashboard go to Appearance > Editor and there you can select and edit any element you like, change their color, font etc.

You can edit the global styles, to change the elements throughout the websites as shown in the picture below

Specific elements can be edited by selecting the template part you want to edit, like large header, small header or footer.

Static front page

In case you want to configure the theme manually instead of importing the demo content.

Create a page and assign Page (Large Header) template to it.
In your Dashboard go to Settings > Reading and assign the page to display in front and another page to display the latest posts.
Add blocks and patterns you like to the page.

Blocks and patterns

Vignette comes with some pre-designed patterns that you can include in any page or post. Learn how to add block patterns →

Available block patterns we have used in our demo

Partners: Display a title block and some logos.
Featured products carousel: Displays a carousel with products you can hand pick.
New products carousel: Displays a carousel with new products.
On sale products carousel: Displays a carousel with on sale products.
Features pattern: Cover block with a background image (or video) that highlights some information about your business in three columns.
Process, text and video: Text in the left and a video (or image) in the right.
Team members: Display your team members in four columns.

Product carousel sliders

We have included the ability to include up to three product carousels in any page of your website using shortcodes. Each carousel is a block pattern. Add them to any page or post as explained above.

You can define the number of products displayed in each carousel by selecting the amount of rows in each blocks settings. The carousels use Product Grid block from WooCommerce Blocks plugin. You can replace the block grid of a carousel with another one, say Product Grid from a category to have the carousel display products from only one category.

Page templates

Vignette comes with different page templates to help you achieve a different look for any page.

Default: This template creates a page with a simple header in the top.
Page (Large Header): This template uses a large header that has a background image, text and call to action button. You can replace the image or with another one, or a video instead. Used only for the front page of the website.
Page (Small Header): This template uses a small header that uses the featured image of said page as background.
Blank: As the name says, this is a blank canvas that you can use any of of the template parts and patterns to achieve a different look.

Pre-designed pages

If you import the demo content there will be three pre-designed pages included. Home, About us and Contact.

Template parts

Template parts are pre-designed sections that are included in page templates to organize and add structure to the theme to avoid having to repeat code. To edit a template part in your Dashboard go to Appearance > Editor > Template Parts. Note that when you edit a template part it will change in all sections of your website. You can always reset customizations if you make a mistake.

Template parts included in this theme are Header (Large), Header (Small), Header and Footer.

Animated blocks

Source enables you to animate any block when entering the screen using css3 animations by adding classes. Learn how to add animations →

If you need more help regarding this theme, please contact us.

Thousands of happy customers

As a web designer and developer, it´s a question of time that you find some challenges to achieve the best results in order to accomplish what your clients require.
In that cases, it´s important to find consistent and proffesional experts to rely on that helps you to make the goal. Thanks Edy for your fast response. Thanks for doing a great job as a constant!

Miguel Bretones

The folks at Viva Themes have always been extremely helpful and responsive when it comes to requests for support. Plus the theme looks and works great, and was easy to customize for my needs. I can absolutely say I’ve gotten my money’s worth and more from purchasing their themes!

Ricky Marson

I can’t thank you enough, and I am very impressed with the elite customer service experience I have had with you.

Brandy Donovan

Thanks so much for all of your help… your themes are great, and your attention to service is fantastic. I’ll definitely look to you for my future WP theme purchases!!

Brian Reed

Thanks for your help. Viva support, as usual, has been excellent.
Good product and great support – hard to find these days.

Jim Tom

Moving websites isn’t ever as easy or as simple as you imagine when you start out. So having Viva Themes respond to us within 24 hours every time we called for help was a massive win. He was also to the point and ‘easy to use’. It never felt like we were being a pain, and he always gave clear and simple instructions. So simple even I was able to follow.

Barrie Bramley

Ever since I purchased my theme from VivaThemes.com, I have received unparalelled support from the staff. In fact, every time I had a question or needed help with something in the code, the staff at VivaThemes replied very promptly. In regards to the theme, I can’t say enough about the level of professionalism it conveys for my business. I feel very comfortable referring potiential clients to my site – it is one of my best marketing materials. Thank you so much for the fantastic theme and all of the support, I look forward to more great themes in the future!

Justin Ferriman

Buying the Revival theme was a great decision. The template is beautiful and very easy to edit. If you look at the site I build with it I have just touch little things… and not just me… even many friends and other people say to me that the final design is amazing… and i laugh when i get realized that i have just worked not more than a week on it! Thanks Vivathemes, thanks a lot!

Juan Pablo Villani

We bought the Revival theme, and it has been one of the best investments so far for our business. A very clean and custom theme that gives you a fantastic framework to start with! They answer both on Twitter and e-mail. We will buy our future themes from Viva, for ourself – and our clients!

Espen Eik

Taking on the responsibility of building a web site for my organization was daunting, but with the immediate help of Mike and the user friendly designs I’ve been able to present a product that my boss is not only content with, but ecstatic about. The immediate response from Mike for tech support was not only pleasurable, but simple and to the point. I would recommend VivaThemes to anyone interested.

David Sharrocks

J’ai acheté un thème chez Viva et ai été surpris de la rapidité et de l’efficacité des réponses qui m’ont été fournis. L’Equipe m’a aidé à régler tous mes problèmes, les thèmes sont bien codés, fonctionnels et très bien pensés. Le package envoyé permet de bien comprendre les fonctionnalités particulière de chaque thème et les fichiers transmis, de pouvoir retravailler le thème le plus facilement du monde. Un grand merci à l’équipe, qui j’espère, continuera à nous faire profiter des ses talents !

Georges Langeard

I needed a professional theme but straight forward layout and navigation. A microsite if you must, Delirium almost read my mind! Everything i could want in the theme was there, and the fantastic theme customisation panel gave me total layout control. I simply edited css colors, images and in less then an hour i was up and running – would have been quicker if i wasnt gawking over the well written code.

Naeem Mayet

Viva Themes has been great, they quickly responded to my questions with straightforward answers. Their WordPress themes are not only great looking but they are easy to modify, even for someone with no previous experience like me. I looked around at many different places for a theme for my company website and chose Viva Themes for their great pricing, ease of use (love my advanced theme panel), and customer service.

Gene Klingonsmith

Thanks for building small business themes…
So many WordPress themes are fine for blogs, but useless as a small business Web site (WordPress is a handy CMS after all).
That’s why I’m overjoyed to say “thanks” for building themes with home pages and other Web site goodies. I’ve already built a site using Delirium, and while I’m not techie/Web developer, I was still able to create a site that made my client very, very happy.
I purchased the complete themes pack, and expect to roll your themes out for other small business customers. Great work!

Tom Chandler

I used your Revival theme for a client’s wellness and pilates business. The process of modifying your theme for their branding and color was simple. Good job.

Robert Ivan

I just wanted to thank you guys for your themes and the fantastic support. My company develops websites for small businesses and entrepreneurs and no matter how expensive I have yet to find themes to compete with the high quality and service that you provide. I look forward to seeing what other themes you develop!

Ryan Meo

I am not a web designer, but I had a short deadline to make a website for a luxury leather brand for the Japanese market- in Japanese. WordPress was still fairly new to me, and while I knew that there were thousands of themes available, they were either too expensive, too chintzy or otherwise not appropriate. That was until i found Viva Themes. Several of the themes were exactly what I had in mind and in the end I chose Delirium. I had a couple of problems and had to contact them. They were extremely helpful- very fast, courteous and more than willing to help me solve my problem. I am so glad I went with with Viva Themes- not only for the great website, but also for the fantastic service. Thanks again. I will definitely be back.

James Kemp

I wasted a day of my life looking through thousands of free themes, then I found you guys, 5 minutes & $48 later and I was completely happy. The Space + Color theme was exactly what I was looking for and more, my client was bowled over by it and I must say using it really raised the standard of the project. If you cost a day of wasted productivity and stress against finding a superb solution in 5 minutes for such a great price it doesn’t take a genius to see the best option. I think Viva offer the most stylish and reasonably priced themes available and will most certainly be purchasing more.

Rich Bos

Your themes are very clean, simple and easy to customize. All of my questions were quickly answered via email and the Space+Color theme worked perfectly for a site I did recently. Thanks for the awesome theme!

Brandon Maskell

As a very new and inexperienced user of WordPress and having very little experience of building websites at all I thoroughly reccomend Viva Themes to you.
I used the Prospectum theme to build my website and it is so easy to use and is superbly customizable.
I also recommend Mike to you as he is very supportive and as a newbie ‘web designer’ I probably drove him to distraction with my queries regarding CSS – all of which were answered promptly with easy to understand answers.
I have little knowledge of the WordPress template business but these products are ludicrously under priced in my opinion. GBP 27.00 is the bargain of the century!
Thank you Viva.

Theme Instructions

Theme Tutorials

WordPress Tutorials