Additional image caraousal-fancybox or pretty photo

ThemeBurn SupportForumsOpenCart ThemesShoppica OpenCart ThemeAdditional image caraousal-fancybox or pretty photo

This topic has been marked as not a support question.

HI I need product image coursal for additional image more than 2 .

i Know how to put fancybox css and js in header and script in product.tpl

But stuck in additiona image css part. Please help me achive that.. a sample code found on a website was

#main_column_st .product-image {
float:left;
width:400px
}
#main_column_st .product-image .image {
margin:auto;
width: 260px;
position:relative

}
#main_column_st .product-image .image .magnify {
background-image:url(../image/magnify.png);
background-position: center center;
background-repeat:no-repeat;
width:260px;
height:260px;
position:absolute;
z-index:150;
left:0;
top:0;
display:none;
}
.arr_left {
background-image: url(../image/arr_left.png);
width:14px;
height:29px;
float:left;
margin-left:10px;
position:relative;
z-index:100;
}
.arr_right {
background-image: url(../image/arr_right.png);
width:14px;
height:29px;
float:left;
margin-left:10px;
position:relative;
z-index:100;
}
#main_column_st .arr_left {
background-image: url(../image/arr_l2.png);
width:27px;
height:25px;
position:absolute;
left:59px;
top:370px;
z-index:100;
}
#main_column_st .arr_left:hover {
background-image: url(../image/arr_l.png)
}
#main_column_st .arr_right:hover {
background-image: url(../image/arr_r.png)
}

#main_column_st .image-additional {
overflow: hidden;
padding-top: 23px;
width:192px;
position: absolute;
left:96px
}
#main_column_st .image-additional img {
border:1px solid #e8e6e6
}
#main_column_st .image-additional ul {
margin: 0px;
clear: both;
padding: 0;
padding-top: 16px;
left: -96px;
position: relative;
width: 9999px;
}
#main_column_st .image-additional ul li {
float: left;
display: inline;
margin: 0px 10px 0px 10px;
list-style-type: none;
width: 74px;
height: 76px;
position: relative;
padding: 0px;
text-align: center;
}

2) { ?>

<a href="” title=”" class=”fancybox” ><img src="” title=”" alt=”" id=”image” />

<ul <?php if(count($images) >

<a href="” title=”" class=”fancybox” rel=”fancybox”><img src="” title=”" alt=”" />

Please help me get caraousal using prettyphoto or fancybox..anything would do..

February 23, 2012 at 3:49 pm #6485

2) { ?>

<a href="” title=”" class=”fancybox” ><img src="” title=”" alt=”" id=”image” />

<ul <?php if(count($images) >

<a href="” title=”" class=”fancybox” rel=”fancybox”><img src="” title=”" alt=”" />

February 23, 2012 at 3:51 pm #6486

please help on this

February 24, 2012 at 2:47 pm #6502

Hi,

We are not very sure, what exactly you want to do. If you want, you can attach a screenshot with basic instructions.

Could we take a look at your website as well?

Best,
ThemeBurn team

February 27, 2012 at 10:12 am #6544

also help me to reduce the image sizes..it is too big

  • This reply was modified 4449 days ago by  atirkhan.
February 27, 2012 at 1:45 pm #6558

Hi,

1) You can reduce product size from Admin -> Extensions -> Modules -> Shoppica Theme CP -> Layout tab -> Products per row option

2) Unfortunately, the carousel photos are not a trivial modification and could not be covered by the free support offered by this forum. You may post your question in the official opencart forums, or seek a freelancer to do the job for you.

Best Regards,
ThemeBurn team

February 28, 2012 at 6:00 pm #6603
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.