BXSlider for Product Images
BXSlider for Product Images for VamShop 2.
How to install
1. Copy files from archive.
2. Open Admin - Layout - Templates - Main Layout, after
{bender src="{base_path}/css/jquery/plugins/colorbox/colorbox.css"}
add:
{bender src="{base_path}/css/jquery/plugins/bxslider/jquery.bxslider.css"}
after:
{bender src="{base_path}/js/jquery/plugins/colorbox/jquery.colorbox-min.js"}
add:
{bender src="{base_path}/js/jquery/plugins/bxslider/jquery.bxslider.min.js"}
3. Open file /app/Vendor/smarty/vam_plugins/function.content_images.php, after:
<script type="text/javascript">
$(document).ready(function(){
$(".colorbox").colorbox({
rel: "colorbox",
title: false
});
});
</script>
add:
{if $images_count > 4}
<script type="text/javascript">
$(document).ready(function(){
$(".row.small").bxSlider({
adaptiveHeight: true,
pager: false,
minSlides: 3,
maxSlides: 3,
slideWidth: 180
});
});
</script>
{/if}
4. Reset cache files at Admin - Configurations - Store Settings - Reset Cache button at bottom right.
5. Delete /app/webroot/css/vamshop-packed.css file.
Support http://support.vamshop.com
How to install
1. Copy files from archive.
2. Open Admin - Layout - Templates - Main Layout, after
{bender src="{base_path}/css/jquery/plugins/colorbox/colorbox.css"}
add:
{bender src="{base_path}/css/jquery/plugins/bxslider/jquery.bxslider.css"}
after:
{bender src="{base_path}/js/jquery/plugins/colorbox/jquery.colorbox-min.js"}
add:
{bender src="{base_path}/js/jquery/plugins/bxslider/jquery.bxslider.min.js"}
3. Open file /app/Vendor/smarty/vam_plugins/function.content_images.php, after:
<script type="text/javascript">
$(document).ready(function(){
$(".colorbox").colorbox({
rel: "colorbox",
title: false
});
});
</script>
add:
{if $images_count > 4}
<script type="text/javascript">
$(document).ready(function(){
$(".row.small").bxSlider({
adaptiveHeight: true,
pager: false,
minSlides: 3,
maxSlides: 3,
slideWidth: 180
});
});
</script>
{/if}
4. Reset cache files at Admin - Configurations - Store Settings - Reset Cache button at bottom right.
5. Delete /app/webroot/css/vamshop-packed.css file.
Support http://support.vamshop.com
- Please do not vote for the same resource more than once.
- The scale is 1 - 10, with 1 being poor and 10 being excellent.
- Please be objective, if everyone receives a 1 or a 10, the ratings aren't very useful.
- Do not vote for your own resource.