Diabolique supports this item


This author's response time can be up to 2 business days.

285 comments found.

Tried the catalogue upload, it’s no different. Should I start again and re-upload the entire site? I hope there’s a less drastic move!

You didn’t reupload it, did you even downloaded from themeforest new version of theme or just upgraded opencart and that’s all.

Sorry uploaded the wrong file! All fixed now and looks a bit sleeker just have to do all the CSS changes.


I bought your Phantom & thinking aquiring Vanity now for another site.

But, I wonder if it can be placed (when check out) a file field in order to force upload one zip file. What I offer are printing services and need my client send me the files in a zip when check out.

Is that possible?

Opencart has an option called Upload, before “add to cart”.

Just trying to change a few things in css i.e background, welcome etc however nothing I seem to do changes anything. Have I uploaded the correct files? Is this the correct stylesheet version?

Theme Name: Vanity Shop Author: Diabolique Design Version: 1.2.1


Yes, theme from “Theme for OpenCart 1.5.4.x” folder.

I have placed box2 style for square images.

I have been able to display it correctly in Category.

But in Featured products in homesite, images are smaller than box container, repeating parts of them.

Am I missing the place where to fix it?

Forget my previous silly question.

I’ve realized it can be changed in Modules > Featured

I’d like to do two things in the Nivo-Slider:

One: Make Captions Visible Two: Navigate through thumbnail images

I guess both are possible. Can you tell me please where to edit. I see many documents related one to each other.

1. Open module/slideshow.tpl and replace:

  <div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" />
    <?php } ?>
    <?php } ?>


  <div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" />
    <?php } ?>
    <?php } ?>

2. It’s not possible with opencart if you won’t pay $200-$600 (most work is with a slideshow thumbnails generator)


Is it possible to ad a larger lightbox/pop up-message when adding a product to the cart? I’m geting a lot of customers complaining over the fact that they can’t see when the product is placed in the cart. The built-in message is to small.


OC: URL : http://goeras.se


Add following style to stylesheet.css
#notification { font-size:13px; }
#notification .attention { font-size:13px; }
#notification .attention a {  font-size:13px; }

Is it possible to change the fonts of the header to normal Unicode font ? As I have tried to change to other Myriads fonts in your guide but still not displayed some of the characters ?


Which characters you can’t see?


The letter “e”; “a”; “y” so far I can see..

Is it possible to replace Myriad.js to other fonts ?

No, it’s not possible but Myriad Pro supports almost every language, even Chinese or Greek. Try to recreate cufon font here http://www.cufonfonts.com/en/font/492/myriad-pro

Thanks man.. I have created the fonts js again, but the name is myriad-pro.cufonts.js

Shall I rename it or change the header.tpl to load these new js instead ?

Rename it and check font name inside this javascript file, must be MyriadPro-Semibold

Ignore my last question mate, I got it sorted, just get header.tpl to load the fonts js.

Thanks for that link, I may replace with other fonts too

Where would this “Rename it and check font name inside this javascript file, must be MyriadPro-Semibold”

be in the javascript file mate ?

Mine is: “Cufon.registerFont({w Pro Bold”“

Shall I just changed to MyriadPro-SemiBold ? Or do I have to built a new JS ?


Hi mate..Sorry just ignore all the questions, I have managed to sort it out, by creating each JS for each fonts (Regular + SemiBold) then change in the header.tpl

Hi there,

The menu on my site appears to be having issues, see http://www.ohpants.co.uk/

Cheers, Preston


It’s weird, it was fixed long time ago.

Open catalog/view/theme/vanityshop/stylesheet/stylesheet.css And increase z-index value here:
#categories ul ul { ... z-index:1001; }

use z-index:3001; or z-index:3001!important;

Hi there,

I have installed your theme after following the doucmentation this is the result. A few questions:

1. What am I to do with topic III . Is this just a side note or do I need to implement these changes in the CSS ? If so, which one? 2. Underneath the slideshow I get Icons of product instead of the text which is at the bottom. How do I change this. Now it doens not look very good.


Hope you can help.

Cheers Michiel

1. It’s a side note.

2. Go to Featured module settings and select content bottom position.

Hello Diabolique,

How could I integrate a search box right into the header (opposite to the logo)? Its ok for the query to redirect to the search page.

Any guidance appreciated!


I posted solution in previous comments. You can search comments using google site:http://themeforest.net/item/vanity-shop/discussion/504477

Hi there,

I tried the above fix, but it still doesn’t work?


I see z-index:201!important; I wrote z-index:3001!important;

Please check now. I meant I changed it back, but I have kept the code there this time for you to see.

It still is not working?

Is there a way to remove the sub categories from dropping down from the main parent categories in the header?

Also where do i find the #categories ul li { ... margin:0 62px 0 0; ... } line?


Yes, go to category’s settings and uncheck something like “display on the top menu”

Style is here catalog/view/theme/vanityshop/stylesheet/stylesheet.css

Another quick one – My Slideshow images are not displaying correctly, i have uploaded 2 images 835×300 but no joy… Help!

Thanks Michael

N.B – Now working… My Mistake