Return to previous page

Deleting middle section in product content effect

This topic has 9 replies, 3 voices, and was last updated 4 years ago ago by east_ikebukuro

  • Avatar: east_ikebukuro
    east_ikebukuro
    Participant
    February 8, 2021 at 15:02

    I have a problem with product effect.
    When I have “add to cart button” under the product’s thumbnail, middle section appeas in product effect.

    Without “add to cart button”, the middle section disappears.

    How can I delete the middle section with “add to the cart button”?
    Deleting middle section in product content effect

    #273075 Copied Theme version: 7.2.4.1 WooCommerce version: 4.9.2
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 8, 2021 at 15:42

    Hello,

    Thansk for using XStore.
    Please provide URL and temporary wp-admin access.

    Regards

    #273090 Copied
    Avatar: east_ikebukuro
    east_ikebukuro
    Participant
    February 9, 2021 at 00:43

    Thanks for your reply.
    Please take a look.

    Please contact administrator
    for this information.
    #273153 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 9, 2021 at 08:14

    Hello,

    Thanks for the reply.
    Please provide URL of page where the Add to cart button is displayed incorrectly.

    Regards

    #273170 Copied
    Avatar: east_ikebukuro
    east_ikebukuro
    Participant
    February 9, 2021 at 10:44

    Currently I see them home.

    Please contact administrator
    for this information.
    #273203 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 9, 2021 at 14:28

    Hello,

    You can add next custom css code for the Home page:

    .product-view-mask .footer-product, .product-view-info .footer-product {
    display: flex;
    justify-content: space-between;
}
.product-view-mask .footer-product .show-quickly, .product-view-info .footer-product .show-quickly, .product-view-mask .footer-product .et-wishlist-holder, .product-view-info .footer-product .et-wishlist-holder {
    position: relative;
    transform: none;
    width: auto;
    flex: 1;
}
.footer-product .button:not(.compare):not(.add_to_wishlist) {
    display: none !important;
}
.product-view-mask .footer-product .et-wishlist-holder, .product-view-info .footer-product .et-wishlist-holder {
    border: none;
}

    or add products-hover-only-icons class for row/section your products are in

    Regards

    #273249 Copied
    Avatar: east_ikebukuro
    east_ikebukuro
    Participant
    February 9, 2021 at 16:09

    I added the code to additional CSS section.
    Middle section disappeared, but “add to cart button” also disappeared.
    How can I correct this error?add to cart button has gone

    #273270 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    February 9, 2021 at 18:13

    Hello,

    Keep the option enabled and also add the code. It will show add to cart below the image but hide that button on hover.

    Regards

    #273301 Copied
    Avatar: east_ikebukuro
    east_ikebukuro
    Participant
    February 9, 2021 at 23:59

    I confirmed it.
    Thanks!

    #273350 Copied
  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Deleting middle section in product content effect’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Kids Store – WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.