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

WooCommerce product picture mouseover

    • 9 years, 2 months ago Deniz
      Participant

      Expired

      If we go to the product page with a mouseover on the products, there is an illustration of error. Here several screenshots.

    • 9 years, 2 months ago Deniz
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Please send us the product page link. So we can give it a closer look. What woocommerce version do you have?
      Let us know.

      Best regards!

    • 9 years, 2 months ago Deniz
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      This is strange. It does not happen on our side. Do you have any other woocommerce add-on installed? Can you please enable the login credentials in order for us to give it a closer look? Fill in the necessary information on your extra information fields of your profile data.
      Read this article for more information.

      In the mean time, add this code into your custom css box:

      .woocommerce ul.products li.product .image_wrap a.button.add_to_cart_button.product_type_simple.btn-bt.default {
          display: none;
      }

      Let us know.

      Best regards!

    • 9 years, 2 months ago Deniz
      Participant

      Expired

      I have updated WooCommerce plugin, but now the sequence is broken.Please see the follwoing link

      The CSS Code does not solve the Problem.

      My profile data was updatet.

    • 9 years, 2 months ago Deniz
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      You have a very old theme version. Please update theme to it’s latest version. It has many important changes made at the woocommerce files as well.
      Also deactivate all third party plugins. To rule out all possible conflicts caused by any of them.
      Let us know if the issue persists.

      Best regards!

    • 9 years, 1 month ago Deniz
      Participant

      Expired

      After Theme Update same problem

    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      I can’t recall exactly what issue did you have. The images links you send us are no longer available, but seeing the last css i send your and the products, i suppose it’s about the “add-to-cart” buttons.
      I added this code into your custom css:

      .woocommerce ul.products li.product .image_wrap a.button.add_to_cart_button.product_type_simple.btn-bt.default {
          display: none;
      }
      ul.products li .button, ul.products li .added_to_cart {
          top: 38% !important;
      }

      There is only one “add-to-cart” button now and it’s centered.
      Let us know if you need anything else.

      Best regards!

    • 9 years, 1 month ago Deniz
      Participant

      Expired

      its dosent work!

      When I add the code I get an error appears.

      The Problem is still there

    • 9 years, 1 month ago Deniz
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      Do you mind explaining a little more? What error are you referring to? The code does work. Previously there where two “Select Options” buttons when you hover the product. Now it is only one showing. And i don’t see any error messages.
      See screenshot.
      Was this not what you were asking for?

      Best regards!

    • 9 years, 1 month ago Deniz
      Participant

      Expired

      Please see the following Screenshot Serviceshop:

      1) This Element/Display should to be hide.
      2) This Element/Display should to be hide.

      —— START only mouseover view ——-
      3) This is shown correctly.
      4) This is shown incorrect. The Item “Select Options” is not centered. See reference Point 3,5 and 7
      5) This is shown correctly.
      6) This is shown incorrect. See reference Point 3,5 and 7
      7) This is shown correctly.
      8) This is shown incorrect. See reference Point 3,5 and 7
      —— END only mouseover view ——-

      9) The font size is too large. We require 24px
      10) The font size is too large. We require 24px

    • 9 years, 1 month ago Deniz
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 1 month ago Mirela
      Participant

      Hello,

      1-2 are not issues. This is the shop page default layout. To hide them add this code:

       .woocommerce-page .woocommerce-result-count {
          display: none;
      }
      .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
          display: none;
      }

      4- is affected by th elength and size of the product title. After reducing the title font size, it will align like the rest.

      9-10 to change font size, add this code:
      .woocommerce-page ul.products li.product h3 {font-size: 22px !important;} edit the value to your wish.

      5-6 these two products are not the same. One is a simple virtual product and the other is a variable product. The options are displayed based on the product type options.

      Let us know.

      Best regards!

    • 9 years, 1 month ago Deniz
      Participant

      Expired

      1,2,4,9-10) works fine!
      Thank you very much!

Viewing 16 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