Remove ‘Show More’

  • Hello! I would like to remove ‘Show more” on homepage and shop pages. Both the popup widget and the animated button that replaces the product price.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @sviatos,

    I am sorry for the delay in response.

    Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    .woocommerce.products .product:hover .product-price,
.woocommerce .products .product:hover .product-price {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.woocommerce.products .product:hover .product-button,
.woocommerce .products .product:hover .product-button {
  display: none;
}

    Hope that helps.

    Regards,
    Kharis

    Thread Starter sviatos

    (@sviatos)

    @kharisblank Hello! Thank you so much! But on the shop page ‘Show More’ is still displayed (not clickable though) https://pearlovka.com/shop/

    • This reply was modified 3 years, 1 month ago by sviatos.

    Thank you for getting back @sviatos!

    Try this CSS code to replace the one I suggested:

    .woocommerce.products .product:hover .product-price,
.woocommerce .products .product:hover .product-price {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
.woocommerce .product .product-button,
.woocommerce.products .product:hover .product-button,
.woocommerce .products .product:hover .product-button {
  display: none;
}

    Regards,
    Kharis

    Thread Starter sviatos

    (@sviatos)

    @kharisblank Thank you again! It worked, but now the prices are not displayed on the shop page. Can we bring them back? https://pearlovka.com/shop/

    Hi @sviatos,

    Try this code:

    .woocommerce.products .product .product-price,
.woocommerce .products .product .product-price,
.woocommerce.products .product:hover .product-price,
.woocommerce .products .product:hover .product-price {
  -webkit-transform: unset;
  transform: unset;
  visibility: visible !important;
}

.woocommerce .product .product-button,
.woocommerce.products .product:hover .product-button,
.woocommerce .products .product:hover .product-button {
  display: none;
}

    Regards,
    Kharis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove ‘Show More’’ is closed to new replies.