ThemeCatcher

ThemeCatcher supports this item

Supported

110 comments found.

Hi,

I am trying to add an extra attribute to the img tag that works as the background using javascript, but my code is executed before the image is fully loaded.

Any ideas?

Thank you in advance for yout help.

In the scripts.js file, you could try adding your code to the background options section inside the onComplete callback function which is called each time a new image has loaded.

// Background options - see documentation
backgroundOptions = {
    onComplete: function () {
          // your code
    }
},

Regards, TC

Nevermind, figured out meself.

Cool. Well done :)

TC

Very excellent work…

i like to buy dis template . how i receive dis template if i buy? thank you

Thanks :) Once you buy you can download the template from your Downloads tab here on ThemeForest.

Regards, TC

i purchased dis template its really working nice…

can u help to select a admin template ;

i want image based admin template

1).i want to upload multiple image . 2) that image want to save in database. 3) that image want to display to customer view side 4) customer want to select the image are delete the image

thank u mrdigitalmedia

I haven’t used an admin template before that I haven’t made myself, so I can’t give any suggestions.

Regards, TC

I have a page with an HD video on it. The background transitions are causing the video to skip during playback. When I pause the slideshow and play the video there are no skips.

I would like to disable the background slideshow on my video page only. I looked in your documentation and see I should place this:

<script>var backgroundIndex = 1;</script>

in the head of the video page to stop the slideshow. I have done this and the slideshow is still playing on that page.

What am I messing up?

Thanks!

Can you try this code instead, above the PEARL MAIN JS comment in the head.

<script type="text/javascript">var backgroundOptions = { slideshow: false };</script>

Now, in the file js/scripts.js find this code
$.extend(backgroundOptions, {
    backgrounds: window.backgrounds || backgrounds,
    backgroundIndex: window.backgroundIndex                
})
Replace it with
$.extend(backgroundOptions, {
    backgrounds: window.backgrounds || backgrounds,
    backgroundIndex: window.backgroundIndex                
}, window.backgroundOptions || {})
Regards, TC

That worked perfectly!

Thank you so much for your support and fast reply.

You are a great vendor.

Hi,

How can I deactivate the background javascript? I just want to use the normal background option (the “Non-JavaScript background”) in the html code.

Thanks!

In js/scripts.js find these lines and remove them

$.fullscreen(
    $.extend(backgroundOptions, {
        backgrounds: window.backgrounds || backgrounds,
        backgroundIndex: window.backgroundIndex
    })
);

Also in the CSS remove these lines
.js-enabled #nojs-background {
       display: none;
}
Regards, TC

Currently, I have a Storm theme for my Wordpress site. Could you tell me how to add Pearl template to the Storm theme. I don’t see that in the documentation.

It’s not something we can simply tell you how to do, it would be a momentous task.

Regards, TC

I’m trying to fix an image in

  • tag width and height of 800×600 in the folder images\portfolio\6column … but not fixing there
  • Hi, Is this for the portfolio page? Could you send me more info on what you are looking to achieve, I don’t really understand? If you need to send me a screenshot or a link to your website to help explain, you can email us via our profile page.

    Thanks, TC

    I’m trying to fix an image in li tag width and height of 800×600 in the folder images\portfolio\6column … but not fixing there

    Thanks for a great template – I have finished my website and am just ironing out any glitches – I can’t make the twitter pop-up in the footer display my recent tweets! I have made the changes in the scripts.js and altered the html to be my username but it just remains with “Please wait, fetching latest tweets…” any ideas? Great documentation by the way and I sorted the blog issue by using an iframe and a plain wordpress blog!!! I’ll mail you a link when the website goes live. Thanks Rupert.

    Twitted changed something to make the tweets URL we were using no longer available. In the file js/scripts.js find this line

    var t = document.createElement('script'); t.type = 'text/javascript'; t.src = 'http://twitter.com/statuses/user_timeline/' + twitterUsername + '.json?callback=twitterCallback2&count=' + tweetCount;

    Replace it with
    var t = document.createElement('script'); t.type = 'text/javascript'; t.src = 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name=' + twitterUsername + '&count=' + tweetCount + '&include_rts=1&callback=twitterCallback2';
    Regards, TC

    how to add facebook like and tweet to Fancybox or Pretty Photo please help

    I don’t know how you would do it. There is perhaps a tutorial on the web some where.

    Regards, TC

    Hi,

    The contact form works great with IE9 , Firefox and Android. But if I try to send a message with IE7 or Safari it writes “message was sent sucessfully”, but I never receive the message to my mail account.

    You can find the the contactform here: http://www.scheibentoenung-wien.at/test/contact.html

    Do you have any ideas?

    Regards Alex

    In the form config.php file can you find this line

    $emailSuccessHandler->setSubject('Contact enquiry from %name%');

    Below this, add the following code, and replace email@example.com with an email address that is associated with your hosting account (e.g. the site contact email).
    $emailSuccessHandler->setFromAddress('email@example.com');
    Regards, TC

    Hi,

    I had problems with my gmx mail account in the contact form, do you remember?. You said i should use another email provider. I did it and it still works great.

    But now i have another problem with the autoreply email. If there is a gmx mail adress, it will send an error back to the user.

    Any ideas?

    Thx, Regards, Alex

    I do remember, but I can’t find the previous conversation. You should try setting the “From” address of the autoreply email to one that is associated with your hosting account. To do this, edit the file contact-form/classes/iPhorm/SuccessHandler/Email.php find this line:

    $userMessage->setFrom($this->_form->getValue('email'));

    Change it to
    $userMessage->setFrom('email@example.com');
    Regards, TC

    Hi, sorry by this simple question, but i don´t know how to do this.

    I want to put a single image with align right and if you click, open a big image in facybox. \\

    Thanks.

    Can you add the Fancybox script to the page by adding this code just before the closing HEAD tag.

    <link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" />
    <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

    Open the file js/scripts.js, find this line
    $(document).ready(function() {
    Below this, add the following code
    $('.fancybox').fancybox();
    Then add the image like this to your page:
    <a class="fancybox" href="image_big.png">
         <img src="image_small.png" alt="" />
    </a>
    Regards, TC

    Thanks, but don´t work, opens the image without fancybox. can i send you the file by mail?

    Thanks a lot.

    Thanks a lot. It works.

    hi first let me say it is amazing template, design and code. i also purchased your Quform which is also wonderful! my question is: i work with joomla cms and so far i have managed to implement all of the pearl template into joomla modules ,but one thing i struggle with is the beautiful full screen background images slideshow that you have created but i cant find joomla extension that is similar to it. so my question: is there a name for the background slider you have used ? where is the code for this slider located in the files(there are lot of files:) ?maybe ill try to “merge” it with a basic joomla slider that i have found. tnx

    I sent you an email about this.

    Regards, TC

    Hi,

    I like your item so much that I will use it in my new project again! :sunglasses2: So I would like buy it a second time. But before, I have one question: In the side bar there are the “Get updates” (Name, Email) fields were the customers can register. Is it possible to inculde there a small messagefield too, so that this section can be used for sending me questions instead of Newsletter or Up Dates register?

    THX a lot.

    Regards Alex

    Hi,

    I tried to customize the “get updates” form but I did it wrong. I would like to make a little contactform in the sidebar, where customers can add a question. But I’m not able to add the right HTML Code for the textarea in the sidebar.

    Please help!

    Regards Alex

    You should be able to copy the an existing element within the register form and change the input part to text area so. So copy everything inside and including the div with classes;element-wrapper row-wrap and add below the other two. Now change the input to a textarea, so this line:

    <input type="text" class="email-element toggle-val iphorm-tooltip toggleval" name="email" title="">
    

    Becomes:

    <textarea class="comments-element" id="comments" name="comments" rows="2" cols="5"></textarea>
    

    In the config-register.php file, add the new form element to the form configuration:

    $comments = new iPhorm_Element('comments');
    $comments->addFilter('trim');
    $form->addElement($comments);

    Now you will need to style the new textarea. To do this open the main CSS file find and replace this code:

    .news-letter-wrap .input-wrap input
    

    With this code:

    .news-letter-wrap .input-wrap input, .news-letter-wrap .input-wrap textarea
    

    Regards, TC

    Many thx! You are great! 8-)

    I am having trouble with the facebook like box. I synced my twitter just fine but for some reason I am confused on where to copy and paste the facebook developers code into the footer sections. Can you help?

    Hi,

    If you go to this page on Facebook, enter your details to create the box for your page. Set the width to 216px and set the border color to #f7f7f7. Then press the Get code button, copy and paste this code between the comments in the HTML <!--Paste Facebook code here-->.

    Regards, TC

    Yeah for some reason nothing shows up. I am copying both the JavaScript SDK and the code for the plug in between the lines <!-Paste Facebook code here->. Hmm.

    I have tried a few different combinations and nothing works. I have to be doing something wrong.

    I bought this theme yesterday and for some reason it wont allow me to install onto WordPress. What am I doing wrong? I’m installing a zip file.

    Pearl is not a WordPress theme, it’s a HTML/CSS template. See here if you would like a refund for this.

    Regards, TC

    thanks

    by
    by
    by
    by
    by
    by