Fancy box in shoppica?

Tagged: 

ThemeBurn SupportForumsOpenCart ThemesShoppica OpenCart ThemeFancy box in shoppica?

This topic has been marked as resolved.

It’s possible to change picture view to fancybox?

Thanks for help!

 palma
August 21, 2011 at 11:29 pm #930

Hi,

Yes, this is possible.

1) Add the Fancy Box required files in your Shoppica directory

You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!

Hope, we have helped.

Best regards,
ThemeBurn team

August 24, 2011 at 12:36 pm #1040

Hi, Thanks for help, it’s work.

Best regards,
Palma

 palma
August 27, 2011 at 4:57 pm #1141

Glad, we’ve helped :)

August 27, 2011 at 8:04 pm #1142

Hi again :)

I have a question about window in register: Terms & Conditions
and Privacy Policy.

How can I change prettyPhoto window to fancybox.

-> http://www.peropapier.pl/index.php?route=account/register

link:
Przeczytałem i zgadzam się z Polityką prywatności. (Czytaj: Polityka prywatności)
- this is Privacy Policy link.

Thanks for help
Palma

 palma
August 29, 2011 at 2:09 pm #1199

Hi!

You can open this file:

You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!

and initialize fancybox as described above. You can take a look at the default account/register template which uses fancybox anyway.

August 30, 2011 at 6:35 pm #1233

hmmm
I change this in shoppica.php and Terms & Condition open in new window.
I’t doesn’t work. Maybe I doing something wrong.
Any help?
Thanks
Palma

 palma
August 30, 2011 at 8:00 pm #1262

Hi,

It seems, you haven’t initialized fancybox in this page. The page use this template:

catalog/view/theme/shoppica/template/account/register.tpl

Best regards,
ThemeBurn team

August 31, 2011 at 10:58 am #1276

Hi,
in register.tpl I have:


<!-- end of content -->
  
  $('select[name=\'zone_id\']').load('index.php?route=account/register/zone&amp;country_id=&amp;zone_id=');
  
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;catalog/view/theme/config-&gt;get('config_template') ?&gt;/stylesheet/jquery.fancybox-1.3.4.css" media="all" /&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;catalog/view/theme/config-&gt;get('config_template') ?&gt;/js/jquery/fancybox/jquery.fancybox-1.3.4.js"&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"&gt;
  
    jQuery.validator.setDefaults({
        errorElement: "p",
        errorClass: "s_error_msg",
        errorPlacement: function(error, element) {
            error.insertAfter(element);
        },
        highlight: function(element, errorClass, validClass) {
            $(element).addClass("error_element").removeClass(validClass);
            $(element).parent("div").addClass("s_error_row");
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).removeClass("error_element").addClass(validClass);
            $(element).parent("div").removeClass("s_error_row");
        }
    });

and


    jQuery( function($) {
      $("a[rel^='fancybox']").fancybox({
        theme: 'light_square', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
        opacity: 0.5,
        social_tools: "",
        deeplinking: false
      });
    });

What is wrong? :)

  • This reply was modified 4620 days ago by  palma.
 palma
September 6, 2011 at 5:25 pm #1535

  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;catalog/view/theme/config-&gt;get('config_template') ?&gt;/stylesheet/jquery.fancybox-1.3.4.css" media="all" /&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;catalog/view/theme/config-&gt;get('config_template') ?&gt;/js/jquery/fancybox/jquery.fancybox-1.3.4.js"&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js"&gt;

has to be

<link rel="stylesheet" type="text/css" href="catalog/view/theme/config->get('config_template') ?>/stylesheet/jquery.fancybox-1.3.4.css" media="all" />
<script type="text/javascript" src="catalog/view/theme/config->get('config_template') ?>/js/jquery/fancybox/jquery.fancybox-1.3.4.js">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js">

September 8, 2011 at 1:05 pm #1582

Hi,
nothing change.
Can I send to you my register.tpl file?

 palma
September 8, 2011 at 9:10 pm #1617
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
September 11, 2011 at 9:52 pm #1645

i have no success to using fancybox i/o prettyPhoto can you pls show me a guideline.

January 27, 2012 at 4:38 pm #5631
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.