hello developer,
its very pleasent to see new light box gallery! fabulous work! keep it up 

what are you waiting for!  integrate this class blg-primary-img in veronika item page!

fancybox zoom isnt upto mark!  please let us know! which existing class need to change for Light box gallery in item page.

blg-primary-img

About what you say Lightbox?

yes am talking about fancybox or so called light box 

you likes older light box view...

it light box will enhance user experience! 

A picture is worth a thousand words

I "fotorama" put. It seems to look normal.

I did this... Did I set that right?

before insert
</head>

<!-- fotorama.css & fotorama.js. -->
<link href="https://site/oc-content/themes/veronika/css/fotorama.css" rel="stylesheet">
<script src="https://site/oc-content/themes/veronika/js/fotorama.js"></script>

you can download it from here
<!-- fotorama.css & fotorama.js. -->
<link  href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script> <!-- 16 KB -->
------------------------------------

then change this code to another

<!-- IMAGE BOX -->
        <div id="images">
          <?php if($item_extra['i_sold'] == 1) { ?>
            <div class="flag sold"><i class="fa fa-gavel"></i> <?php _e('Item sold', 'veronika'); ?></div>
          <?php } else if($item_extra['i_sold'] == 2) { ?>
            <div class="flag reserved"><i class="fa fa-flag"></i> <?php _e('Item reserved', 'veronika'); ?></div>
          <?php } else if (osc_item_is_premium()) { ?>
            <div class="flag premium"><i class="fa fa-star"></i> <?php _e('Premium', 'veronika'); ?></div>
          <?php } ?>

          <?php if( osc_images_enabled_at_items() ) { ?>
            <?php osc_get_item_resources(); ?>

            <?php if( osc_count_item_resources() > 0 ) { ?> 
              <?php $at_once = min(osc_get_preference('item_images', 'veronika_theme'), osc_count_item_resources()); ?>

              <div id="pictures" class="item-pictures">
                <ul class="item-bxslider">
                  <?php osc_reset_resources(); ?>
                  <?php for( $i = 0; osc_has_item_resources(); $i++ ) { ?>
                    <li>
                      <?php if($content_only == 0) { ?>
                        <a rel="image_group" href="<?php echo osc_resource_url(); ?>" title="<?php echo osc_esc_html(osc_item_title()); ?> - <?php _e('Image', 'veronika'); ?> <?php echo $i+1;?>/<?php echo osc_count_item_resources();?>">
                          <img src="<?php echo osc_resource_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?> - <?php echo $i+1;?>/<?php echo osc_count_item_resources();?>"/>
                        </a>
                      <?php } else { ?>
                        <img src="<?php echo osc_resource_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?> - <?php echo $i+1;?>/<?php echo osc_count_item_resources();?>"/>
                      <?php } ?>
                    </li>
                  <?php } ?>
                </ul>

                <div id="photo-count" class="round2">
                  <div class="top"><i class="fa fa-camera"></i></div>
                  <div class="bottom">
                    <?php if(osc_count_item_resources() == 1) { ?>
                      <span class="p-total"><?php echo osc_count_item_resources(); ?></span> <?php _e('photo', 'veronika'); ?>
                    <?php } else { ?>
                      <span class="p-from">1</span> <span class="p-del">-</span> <span class="p-to"><?php echo $at_once; ?></span> <?php _e('of', 'veronika'); ?> <span class="p-total"><?php echo osc_count_item_resources(); ?></span>
                    <?php } ?>
                  </div>
                </div>

                <?php if(osc_count_item_resources() > 1 && osc_get_preference('item_pager', 'veronika_theme') == 1) { ?>
                  <div id="item-bx-pager">
                    <?php osc_reset_resources(); ?>
                    <?php $c = 0; ?>
                    <?php for( $i = 1; osc_has_item_resources(); $i++ ) { ?>

                      <?php if($i - 1 + $at_once <= osc_count_item_resources()) { ?>
                        <a data-slide-index="<?php echo $c; ?>" href="" class="bx-navi<?php if($i - 1 + $at_once == osc_count_item_resources()) { ?> last<?php } ?>"<?php if($i - 1 + $at_once == osc_count_item_resources()) { ?> style="width:<?php echo $at_once * 128; ?>px"<?php } ?>>
                      <?php } ?>

                      <img src="<?php echo osc_resource_thumbnail_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?> - <?php _e('Image', 'veronika'); ?> <?php echo $i;?>/<?php echo osc_count_item_resources();?>"/>

                      <?php if($i == osc_count_item_resources()) { ?>
                        </a>
                      <?php } ?>

                      <?php $c++; ?>
                    <?php } ?>
                  </div>
                <?php } ?>
              </div>
            <?php } else { ?>
              <div id="image-empty">
                <img class="round3" src="<?php echo osc_base_url(); ?>oc-content/themes/<?php echo osc_current_web_theme(); ?>/images/item-no-picture.png" alt="<?php echo osc_esc_html(__('Seller did not upload any pictures', 'veronika')); ?>" />
                <span><?php _e('Seller did not upload any pictures', 'veronika'); ?></span>
              </div>
            <?php } ?>
          <?php } ?>
        </div>
<!-- IMAGE BOX -->
        <div id="images">
<center>
          <?php if($item_extra['i_sold'] == 1) { ?>
            <div class="flag sold"><i class="fa fa-gavel"></i> <?php _e('Item sold', 'veronika'); ?></div>
          <?php } else if($item_extra['i_sold'] == 2) { ?>
            <div class="flag reserved"><i class="fa fa-flag"></i> <?php _e('Item reserved', 'veronika'); ?></div>
          <?php } else if (osc_item_is_premium()) { ?>
            <div class="flag premium"><i class="fa fa-star"></i> <?php _e('Premium', 'veronika'); ?></div>
          <?php } ?>

          <?php if( osc_images_enabled_at_items() ) { ?>


            <?php if( osc_count_item_resources() > 0 ) { ?> 
              <?php $at_once = min(osc_get_preference('item_images', 'veronika_theme'), osc_count_item_resources()); ?>

              <div class="fotorama" data-ratio="640/480" data-width="100%" data-minwidth="220" data-maxwidth="680"  data-minheight="120" data-maxheight="480" data-allowfullscreen="true" data-shuffle="true" data-loop="true" data-nav="thumbs" data-clicktransition="crossfade">
                  <?php osc_reset_resources(); ?>
                  <?php for( $i = 0; osc_has_item_resources(); $i++ ) { ?>

                      <?php if($content_only == 0) { ?>
                        <a rel="image_group" href="<?php echo osc_resource_url(); ?>" title="<?php echo osc_esc_html(osc_item_title()); ?> - <?php _e('Image', 'veronika'); ?> <?php echo $i+1;?>/<?php echo osc_count_item_resources();?>">
                          <img src="<?php echo osc_resource_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?> - <?php echo $i+1;?>/<?php echo osc_count_item_resources();?>" width="144" height="96" data-fit="cover"/>
                        </a>
                      <?php } else { ?>
                        <img src="<?php echo osc_resource_url(); ?>" alt="<?php echo osc_esc_html(osc_item_title()); ?> - <?php echo $i+1;?>/<?php echo osc_count_item_resources();?>" width="144" height="96" data-fit="cover"/>
                      <?php } ?>

                  <?php } ?>

                <?php if(osc_count_item_resources() > 1 && osc_get_preference('item_pager', 'veronika_theme') == 1) { ?>
                 
                    <?php osc_reset_resources(); ?>
                    <?php $c = 0; ?>
                    <?php for( $i = 1; osc_has_item_resources(); $i++ ) { ?>

                      <?php if($i - 1 + $at_once <= osc_count_item_resources()) { ?>
                       
                      <?php } ?>



                      <?php $c++; ?>
                    <?php } ?>

                <?php } ?>
              </div>
            <?php } else { ?>
              <div id="image-empty">
                <img class="round3" src="<?php echo osc_base_url(); ?>oc-content/themes/<?php echo osc_current_web_theme(); ?>/images/item-no-picture.png" alt="<?php echo osc_esc_html(__('Seller did not upload any pictures', 'veronika')); ?>" />
                <span><?php _e('Seller did not upload any pictures', 'veronika'); ?></span>
              </div>
            <?php } ?>
          <?php } ?>
  </center>
        </div>

great work! i appreciate you work! but try this one

https://osclasspoint.com/demo/front/84

light box.  i tried but in my case picture didn't shows - full screen!

i hope you will successfully implement this ligh box   

it's so beautiful if have this function in veronika
check this document http://sachinchoolur.github.io/lightGallery/demos/methods.html
it's not hard to do it. mb-theme can help you but may be he don't have time now

Hi,.
Everythings seems to work but thumbnail there's issue persist

Hello MB-Theme..... Please tell me how to increase the image in the ad on the mobile version.... You have repeatedly answered that this is not possible, although on the site osclasspoint.com which is also essentially based on the veronika theme, you have implemented this feature. It turns out you can, but the others can not.... Please help, this is very important

We have implemented ton of modifications, does not mean everything can be just copy pasted

There is no question about copying and pasting.... Tell me how you implemented this... Thanks