Change hove icon and Change item details on post

[luckycatstudio]

Hi! i have 2 questions!
1. how can i change the hover icon (from the plus to something else, or not att all if that’s possible)
and maybe if i can change the ratio and the thumbnail picture to 1:1?
https://prnt.sc/uiyh71

2. how can i change the placement of the item details on my product pages? i want it to be before the item description (first thing in the page basically )
https://prnt.sc/uiyicl

[FocuxTheme Support]

Hi

1. For changing the thumbnail height, edit the page with Elementor > edit the EDD Product widget, you can adjust the thumbnail height there https://prnt.sc/ujo84s

For changing the icon, you can use the js code to replace the plus icon to another icon without changing the template. Add the following JS to Appearance > Theme options > Custom Codes > Custom Javascript:

(function($){
  $('.tvtk-grid-item').each(function() {
     $(this).find('.button-area .view i').removeClass('fa-plus');
     $(this).find('.button-area .view i').addClass('fa-adjust'); //You can replace fa-adjust to yours from the fontawesome library.
  });
})(jQuery);

2. It’s hard to change the order based on the current template, you have to copy single-download-standard.php to your child theme folder, and customize it. This issue is out of the scope of our support.

Thanks

[luckycatstudio]

I changed the js to this

(function($){
  $('.tvtk-grid-item').each(function() {
     $(this).find('.button-area .view i').removeClass('fa-plus');
     $(this).find('.button-area .view i').addClass('fas fa-search');
})(jQuery);

and nothing changed

[FocuxTheme Support]

Sorry

Try to add the following JS to Appearance > Theme options > Custom Codes > Footer Code field

(function($){
  $('.grid-button.details i').removeClass('fa-plus');
  $('.grid-button.details i').addClass('fas fa-search');
})(jQuery);

Don’t miss the script tag. https://prnt.sc/ulcsd3

[luckycatstudio]

Thanks! it worked

[FocuxTheme Support]

OK that’s all right.

[Author]

Posts