Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.

Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .

NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.

IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Opening gallery with the link on image


I cannot figure out how to open the gallery on the same page by clicking on another picture that is not included in the gallery. I am talking about clicking on the top/first picture which would open gallery that is located down on that same page:

I tried this code with link to first picture in the gallery: 

<a href="" rel="lightbox[sc_gallery-1]" data-type="gallery">

But it opens gallery but doesn't show the first picture it says: "the image could not be loaded" but offers arrows left and right and when I click them I can navigate through gallery normally, the only thing that won't load is the first picture in the gallery on which they are forwarded on.


  • Please sign in to see answear!
  • Hi Pablo,

    I saw you visiting my website on hotjar :D

    Well, I found a partial solution, with the following code:
    <div class="mask"><a href="" rel="lightbox[sc_gallery-1]" data-type="gallery">

    The problem that remains is that when I put the link to the first image it loads it but when navigated to the right it shows the same picture again, so it shows the first picture twice which can confuse our clients. I tried to avoid that by putting the link to the last picture so when they go right they see the first picture and so on but that is not technically best and satisfying solution. 

    So can you give me some code which would override showing the first picture twice?

  • Please sign in to see answear!
  • Theoretically, I could but then the people who would click on the gallery directly wouldn't see it.
  • Please sign in to see answear!
Sign In or Register to comment.