Vasterad supports this item


170 comments found.

Hi! If I add more than 6 pages at page “shop-with-sidebar.html” in pagination block, It becomes disgusting looking on iOS (I’ve tested on iPhone 5). Can you fix it?

Hi, it was designed to use it this way

Oh, I see. Thank you!

Hello! In a single product page , when we have only one product image <!—Slider ==================================================—> \\ “Uncaught TypeError: Cannot read property ‘add’ of undefined” in custom.js file in // Magnific Popup ... console.log(‘inside’); this.contentContainer.append(this.arrowLeft.add(this.arrowRight)); ...

popup image doesn't work. In console log there is an error

Sorry! The solution is in documentation. If one image in product page i should use class=”mfp-image” instead of class=”mfp-gallery”. Now everything works fine!

Hi, I’m glad you solved that.

Hello, whenever I try to manipulate the style.css all my pages are affected by not showing arrows in slideshows. Ive looked for many hours in the HTML and CSS and can not find out why that happens.

You need to set UTF-8 unicode in your text editor (try notepad++) before editing any css file.

Hi, Really interested in this them, just a couple of questions; 1) Are the items for sale in the shop held in a database? 2) Is there a limit to the number of items the shop will manage and still be responsive, i.e. 2500? Is the licence fee a one off or annual?

Many thanks for your time and an excellent looking template. Cheers, Ian

Hi, HTML version does not hold any items in database and you might be interested in our WordPress version of Trizzy:


seeraig Purchased

On the showbiz carousel, I’m using it on twelve columns instead of sixteen. Is there a way to only show 3 products instead of 4?

Remove “cover” image from HTML markup and put somewhere this code:

.products figure:hover .mediaholder img { transform: none !important; }

seeraig Purchased

Thanks, worked perfectly. Thanks for the quick response

you’re welcome :)


seeraig Purchased

On the dynamic grid, is there a way to make that work on 12 columns instead of sixteen, showing 3 across instead of 4.

Yes, you can change width of columns there: .og-grid > li { width: 380px; }


seeraig Purchased

Is there a way to show half stars with the ratings?

Unfortunately not, I tried to do that but with no luck.

This might interest you


seeraig Purchased

On the dynamic portfolio grid Is it possible to get the functionality of the 4 column portfolio page where the categories disappear as opposed to just get grayed out and the one you click is highlighted. I would like them to disappear like on the 4 column portfolio page.

yes that worked, thanks a lot

is there a way to move the mobile menu to the top right, like this:

<a href="#menu" class="menu-trigger"><i class="fa fa-bars" /> Menu</a>

menu-trigger div is responsible for opening/closing so you can move it anywhere


The theme auto detect retina screens and uses broken retina url link for images.

The image url also has domain instead of our domain. Please check –

Please tell me know how to resolve it.

You can try to remove this code in custom.js

var pixelRatio = !!window.devicePixelRatio ? window.devicePixelRatio : 1;
$(window).on("load", function() {
    if (pixelRatio > 1) {
        $('#logo img').each(function() {
            $(this).attr('src', $(this).attr('src').replace(".","@2x."));

@Vasterad: It works now. thanks. Can you edit the comments and remove the url?

I can only hide your whole comment.

I’m trying to make a few input text fields more mobile friendly by making them input type=”tel” and input type=”search”, but when I use those it breaks the styling and they look totally different. What needs to be changed in the css to make this work?

Hi, open base.css, find ”#Forms” section and add “phone” and “search” input type to the list:

    select {
        padding: 10px 12px;
        outline: none;
        font-size: 13px;
        color: #999;
        margin: 0;
        max-width: 100%;
        display: block;
        background: #f5f5f5;
        border: 1px solid #f5f5f5;
        font-weight: 600;