I need to get rid of the dot beside each product header on the category page.
Also I want to disable the ability to zoom in on each product page.
I need to get rid of the dot beside each product header on the category page.
Also I want to disable the ability to zoom in on each product page.
Hi!
Can you post a link to your product category page please?
Best regards,
Peter
http://tietheknotstore.com/tie/neck-ties/
You will see the dot beside each product and also I want to take away the zoom in function once you get into the product.
1) Add following code to css/custom.css or the quick css field:
div .products .product {
list-style: none outside none;
}
2) You can hide the buttons/hover effect with following css code - add it to css/custom.css or the quick css field:
#top .thumbnail_container_inner .add_to_cart_button, #top .thumbnail_container_inner .show_details_button{
display: none !important;
}The second code did not work. But the first worked perfectly
Hi,
To deactivate lightbox, go to js > avia.js and find this code
//activates the prettyphoto lightbox
if(jQuery.fn.avia_activate_lightbox)
jQuery('body').avia_activate_lightbox();
Replace it with
//activates the prettyphoto lightbox
//if(jQuery.fn.avia_activate_lightbox)
//jQuery('body').avia_activate_lightbox();
Regards,
Ismael
http://tietheknotstore.com/tie/shop/verse-9-bradford-18-necktie-wpocketsquare/
That did not work for the product page. It is now opening the image in a new window. I don't want the image to be clickable at all.
Open up flashlight/js/avia.js and replace following line at the very top:
jQuery(document).ready(function(){
with:
jQuery(document).ready(function(){
jQuery('.single-product .slideshow a').find('img').unwrap();
This will remove the link from the image.
You must log in to post.