Wishlist Button formatting, Product Sorting Text Change, and Category Content Display Issue

This topic has 6 replies, 2 voices, and was last updated 1 weeks, 1 days ago ago by Rose Tyler

  • Avatar: Drishti
    Drishti
    Participant
    September 19, 2024 at 21:57

    1) Wishlist Button Product Grid Hover Effect: I have enabled the wishlist button in the product grid hover effect using “Hover Effect -> Default” and selecting only the wishlist button. Now, I would like to:

    2) Change its position from the top left to the top right.
    Make the button larger with a thicker border. Could you guide me on how to achieve this?
    Changing the Display Text for Product Sorting on Product Archive Pages: In the product archive pages (shop, categories), there’s an element for product sorting. I want to modify the display text of the sorting. How can I do this?

    3) Custom Product Archive Page – Category Content Not Displaying: I’ve created a custom product archive page, and it works well, but it is not displaying the category content at the bottom of the page. What changes or settings do I need to update to display that information properly?

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 20, 2024 at 07:31

    Hello, Drishti,

    Your site is under maintenance mode, so we can’t check your site.
    Could you please provide temporary wp-admin access?

    1/ https://prnt.sc/epRwTQ49d8yM

    2/ Please provide some screenshots for a better understanding of your request.

    3/ https://www.8theme.com/topic/issue-for-category-description-and-description-after-content-didnt-show/#post-411728

    Thank you for your cooperation and we look forward to hearing from you soon.

    Best Regards,
    8Theme’s Team

    Avatar: Drishti
    Drishti
    Participant
    September 20, 2024 at 20:12

    Point 3’s solution works perfectly, thanks.
    Revised version of point 1:
    Wishlist Button Product Grid Hover Effect: I have enabled the wishlist button in the product grid hover effect using “Hover Effect -> Default” and selecting only the wishlist button. Now, I would like to:
    * Change its position from the top left to the top right.
    * Make the button larger with a thicker border. Could you guide me on how to achieve this?

    Revised version of point 2:
    Changing the Display Text for Product Sorting on Product Archive Pages: In the product archive pages (shop, categories), there’s an element for product sorting. I want to modify the display text of the sorting. How can I do this?

    Please see the attached screenshots.

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 22, 2024 at 09:27

    Hello, Drishti,

    We appreciate your prompt response.

    1/ Custom CSS code can be used:

    .etheme-product-hover-default .footer-inner, .etheme-product-hover-overlay .footer-inner {
        justify-content: flex-start;
    }
    .etheme-product-grid-item .footer-inner i, .etheme-product-grid-item .footer-inner span.et-icon, .etheme-product-grid-item .footer-inner svg {
        font-size: 30px;
    }

    2/ The default product sorting is managed by the WooCommerce plugin; our theme does not influence this setting. We recommend contacting WooCommerce support for assistance with this feature https://wordpress.org/support/plugin/woocommerce/

    Best Regards,
    8Theme’s Team

    Avatar: Drishti
    Drishti
    Participant
    October 5, 2024 at 00:22

    Hi Rose,

    Thank you for your help.

    1 more query, I want to show the wishlist button all the time in the products carousel/grid, category/shop pages. Without any hover effect. Could you guide me on how to achieve this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 6, 2024 at 07:48

    Hello, Drishti,

    Thank you for getting in touch with us.

    Please try to use this custom CSS code:

    .etheme-product-hover-default:not(:hover) .footer-inner>*, .etheme-product-hover-overlay:not(:hover) .footer-inner>*,
    .etheme-product-hover-default:not(:hover) footer, .etheme-product-hover-overlay:not(:hover) footer {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    Best Regards,
    8Theme’s Team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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