This topic has 6 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Rose Tyler
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?
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.
Thank you for your cooperation and we look forward to hearing from you soon.
Best Regards,
8Theme’s Team
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.
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
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?
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
You must be logged in to reply to this topic.Log in/Sign up