Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Cancel image display when clicking on product image

    • 6 years, 9 months ago manu_kom
      Participant

      Expired

      On mobile devices, inside the article’s tab, when you click on the image, a window with the image opens. Can we completely cancel that action? Do not open any window or do anything.

      https://ibb.co/jzhfpz

    • 6 years, 9 months ago Ruco
      Keymaster

      Hello,

      You can do that by adding this line into custom css or style.css of child theme:

      @media(max-width:767px;){
      .product_item.style_large:hover .extra-wrapper{
          box-shadow:none;
      }
      
      }

      Regards!

    • 6 years, 8 months ago manu_kom
      Participant

      Expired

      The code still does not work. I remember the case:

      I want that in all the versions (desktop and mobile) ak click on the product image does not open any window to see the image (enlarge). I want to completely cancel that action

    • 6 years, 8 months ago Mirela
      Participant

      Hello,

      Please go to Customize > Shop > Shop Single Product > Product Lightbox/Quick view. Swipe them OFF.
      Let me know if this is what you needed.

      Best regards!

    • 6 years, 8 months ago manu_kom
      Participant

      Expired

      Not because now the zoom option comes out.
      What I want is to eliminate the opening of the image by clicking on the image.

    • 6 years, 8 months ago Mirela
      Participant

      Hello,

      Try adding this css into your Custom Css box:

      @media (max-width: 480px){
      .shop-products .product_item .cl-thumb-wrapper {
          pointer-events: none;
      }
      }

      Let me know.
      Best regards!

    • 6 years, 8 months ago manu_kom
      Participant

      Expired

      This code does not do what I need. Currently this code blocks access to the product by clicking on the image from the online store.

      I need to block the access INSIDE A PRODUCT when I click open the product iamgen (as if it were a zoom)

    • 6 years, 8 months ago Mirela
      Participant

      Hello,

      Then, edit the css above to this:

      @media (max-width: 480px){
      figure.woocommerce-product-gallery__wrapper {
          pointer-events: none;
      }}

      This will remove the pointer actions on the image when you are in the single product page.

      Best regards!

    • 6 years, 8 months ago manu_kom
      Participant

      Expired

      And in the desktop version of computer? In mobile versions the action has been removed, but on the desktop it is still happening

    • 6 years, 8 months ago Ruco
      Keymaster

      Hello,

      In that case you have to remove only the media query:

      figure.woocommerce-product-gallery__wrapper {
          pointer-events: none;
      }

      Regards!

    • 6 years, 8 months ago manu_kom
      Participant

      Expired

      Should I leave it basically like this?

      @media (max-width: 480px){
      }

    • 6 years, 8 months ago Mirela
      Participant

      Hello,

      No, the opposite. Just edit the code, to the latest version provided from us. So the result code is this:

      figure.woocommerce-product-gallery__wrapper {
          pointer-events: none;
      }

      This part:

      @media (max-width: 480px){
      }

      is used to make the css valid for only the devices with screen size up to 480px. Not the desktop.

      Regards!

      • This reply was modified 6 years, 8 months ago by Mirela.
    • 6 years, 8 months ago manu_kom
      Participant

      Expired

      Thanks ! ;)

Viewing 12 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password