Hi there,
we hope you’re doing well!
It only shows colors.
In order to fix that, add this CSS in Appearance > Customize > Additional CSS:
div.yith-wcwl-share i {
font-family: FontAwesome !important;
}
I think the add to wishlist icon float on my shop page list is too small and right shift. How can I adjust it?
In order to fix that, add this CSS too:
ul.products>.product .yith-wcwl-add-to-wishlist {
left: 16px !important;
}
.yith-wcwl-add-button a:after {
font-size: 20px !important;
}
Is any way to add a wishlist menu item into account page?
By default, our plugin adds a wishlist endpoint on the my-account page. Perhaps your theme is intervening in this. Could you try the Twenty Twenty One theme to verify it?
Try everything and tell us any news, please.
Have a nice day!
Thread Starter
wtvxy
(@wtvxy)
OK. The first problem resolved.
The second CSS applied but
.yith-wcwl-add-button a:after {
font-size: 20px !important;
}
seems only affect the added button icon but not for added button icon.
Thread Starter
wtvxy
(@wtvxy)
Plus, could you tell me how to make share icon smaller?
Hi there,
seems only affect the added button icon but not for added button icon.
In order to fix this, add this CSS:
.yith-wcwl-wishlistaddedbrowse a:after {
font-size: 15px !important;
}
could you tell me how to make share icon smaller?
For this, add this CSS too:
div.yith-wcwl-share i {
font-size: 5px !important;
}
You can modify the values to your liking.
Try it out and tell us if its works well for you.
We will be attentive to your response.
Have a nice day!
Thread Starter
wtvxy
(@wtvxy)
Thank you. They work.
I think this may because this plugin use the css style from my theme and some elements become wired.
For example, the layout of wishlish table looks not aligned correctly in mobile vesrion . Some of the font size is too small and some are too large. Is there a more convenient approach I can customize them instead of modify css everytime?
Plus, if I use YITH account page plugin, I can see the wishlist in account page menu, but ‘open the wishlist’ button will link to this menu instead of a single wishlist page. If I do not use YITH account page plugin, I cannot see the wishlist tab in account page menu. Are they mutually exclusive?
Hi there,
we hope you’re doing well!
Regarding the styles, We was checking your site and it seems that you do not have the CSS and JS files of our plugin loaded. That is probably the reason for the poor display of the wishlist in general. Try adding this code in the functions.php file of your active theme and tell us if the visualization improves:
if ( defined( 'YITH_WCWL' )) {
if( ! function_exists( 'yith_wcwl_enqueue_back_required_assets' ) ) {
function yith_wcwl_enqueue_back_required_assets() {
$suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
$version = defined( 'WC_VERSION' ) ? WC_VERSION : '';
wp_enqueue_style( 'woocommerce_prettyPhoto_css', plugins_url( 'assets/css/prettyPhoto.css', WC_PLUGIN_FILE ), array(), $version );
wp_enqueue_script( 'prettyPhoto', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), '3.1.6' );
wp_enqueue_script( 'prettyPhoto-init', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto.init' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), $version );
wp_enqueue_style( 'yith-wcwl-main', YITH_WCWL_URL . 'assets/css/style.css', array( 'jquery-selectBox' ) );
}
add_action( 'wp_enqueue_scripts', 'yith_wcwl_enqueue_back_required_assets', 100 );
}
if ( ! function_exists( 'ywfav_add_fontawesome' ) ) {
function ywfav_add_fontawesome() {
wp_enqueue_style( 'fontawsome', 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'ywfav_add_fontawesome', 99 );
}
}
On the other hand, we tell you that our YITH WooCommerce Wishlist plugin does not add any endpoint to my account page. While activating our YITH Woocommerce Customize My Account Page plugin, it does allow adding an endpoint with the wishlist page.
If you have more questions, feel free to contact us.
Have a nice day!
Thread Starter
wtvxy
(@wtvxy)
Thank you.
We was checking your site and it seems that you do not have the CSS and JS files of our plugin loaded.
In fact, my website minify and conbime css by Litespeed cache plugin so that you may not see the original css and js.
I do not set up Litespeed to delete content of any css or JS. I add some addtional css to adjust the layout. Now I remove my addtional css and you can see what does it looks like at original: https://www.theryang.com/wishlist/view/OR9XMYPQOTBL/
You will be prefer to check the mobile vesion. The layout is messed up.
As you can see, I want to make my website clean and simple, so that I don’t want to add extra wishlist menu to Navi.
I add this code to functions.php file and make the wishlist items before logout.
add_filter( 'woocommerce_account_menu_items', function($items) {
unset($items['downloads']);
unset($items['customer-logout']);
$items['wishlist'] = __('Wishlist', 'textdomain');
$items['customer-logout'] = __('Logout', 'textdomain');
return $items;
}, 99, 1 );
However, users are not convenient to find a entry for it if without a my-account menu and only provide an endpoint. It is not easy to add item into account menu without coding. I think add this switch into your plugin’s setting will be better choice.
Hello there,
Thanks for your reply, I hope you are doing well 😄
Regarding the aesthetics of the wishlist for the mobile version, please give us indications of what you want to modify so that we can help you more easily.
Regarding access to the wishlist, excuse me but I don’t understand you well, what do you want to do is add an endpoint to my account page? Because if so, I observed on your site and as you can see in the image that I send you, it is already available.
https://we.tl/t-cNSPVpQKA1
Let us know any news, please.
Have a nice day.
Thread Starter
wtvxy
(@wtvxy)
Thank you.
Like Price and stock are not aligned in the same way and too large gap between them. Too large product name.
I have already modified the CSS and made this page look like this:https://ibb.co/VCX4gRc
I am just wondering where this messy comes from. Even though I can modify CSS by myself, but it took me too much time.
Endpoint to my account page is available. Because
‘I add this code to functions.php file and make the wishlist items before logout.
add_filter( ‘woocommerce_account_menu_items’, function($items) {
unset($items[‘downloads’]);
unset($items[‘customer-logout’]);
$items[‘wishlist’] = __(‘Wishlist’, ‘textdomain’);
$items[‘customer-logout’] = __(‘Logout’, ‘textdomain’);
return $items;
}, 99, 1 );
Expand
However, users are not convenient to find an entry for it if without a my-account menu and only provide an endpoint. It is not easy to add items to the account menu without coding. I think adding this switch into your plugin’s setting will be a better choice.`
This is also the same thing as above, it is better to add a switch to plugin setting so that users do not need to code these like me.
Hello there,
I hope you are doing well 😄
It seems that the problems of alignment of the actions are a problem of the plugin itself that we should improve in the mobile version.
Here I am sending you a screenshot of a test site with all of our products so you can see what it looks like https://we.tl/t-U0Nau3ccQ2
Regarding the integration by having our two premium products, both the “YITH WooCommerce Customize My Account Page” and the “YITH WooCommerce Wishlist” you can see that it has a much simpler integration only that it is a benefit of having the premium versions.
Have a nice day.
Thread Starter
wtvxy
(@wtvxy)
Thank you for your efforts to improve your mobile version. In my opinion, the stock state and price should be aligned.
I tried “YITH WooCommerce Customize My Account Page” before. The account page it generated is not concise and clear enough, which I think is not my site’s style.
Today, I use query monitor to check the style, it shows an error at my product catalog and product page.
Missing Dependencies yith-wcwl-main http://www.theryang.com wp-content/plugins/yith-woocommerce-wishlist/assets/css/style.css
query-selectBox, yith-wcwl-font-awesome, woocommerce_prettyPhoto_css (missing)
I do not meet function or display error in my site, but only get this error notification.
Hi there,
We have entered your site but it seems that you do not have the option to show the stock in the wishlist activated. Could you activate it to apply CSS and achieve the visualization you need?
Have you added this code to the functions.php that we provided earlier?
if ( defined( 'YITH_WCWL' )) {
if( ! function_exists( 'yith_wcwl_enqueue_back_required_assets' ) ) {
function yith_wcwl_enqueue_back_required_assets() {
$suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
$version = defined( 'WC_VERSION' ) ? WC_VERSION : '';
wp_enqueue_style( 'woocommerce_prettyPhoto_css', plugins_url( 'assets/css/prettyPhoto.css', WC_PLUGIN_FILE ), array(), $version );
wp_enqueue_script( 'prettyPhoto', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), '3.1.6' );
wp_enqueue_script( 'prettyPhoto-init', plugins_url( 'assets/js/prettyPhoto/jquery.prettyPhoto.init' . $suffix . '.js', WC_PLUGIN_FILE ), array( 'jquery' ), $version );
wp_enqueue_style( 'yith-wcwl-main', YITH_WCWL_URL . 'assets/css/style.css', array( 'jquery-selectBox' ) );
}
add_action( 'wp_enqueue_scripts', 'yith_wcwl_enqueue_back_required_assets', 100 );
}
if ( ! function_exists( 'ywfav_add_fontawesome' ) ) {
function ywfav_add_fontawesome() {
wp_enqueue_style( 'fontawsome', 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'ywfav_add_fontawesome', 99 );
}
}
If you already have it, try removing it and see if the Query Monitor error still occurs. You can also try leaving only our plugin, WooCommerce and Query Monitor active.
Let us know any news please.
Have a nice day.
Thread Starter
wtvxy
(@wtvxy)
I use css to remove stock status for mobile on wishlist page because I don’t want the mobile view to be clean. I remove the additional CSS I added to yith wishlist, you can check how it looks now.
I add your code to funtions.php and the errors disappear.
Thread Starter
wtvxy
(@wtvxy)
Hello.
In order to keep my website running as normal. I staged my website to https://test.theryang.com
You can check the wishlist without my additional CSS and with your code in functions.php here: https://test.theryang.com
Thread Starter
wtvxy
(@wtvxy)
Plus, I found that the are two heart icons on my single product page:https://ibb.co/n85TpNF
Before I add code to funtions.php, there is only one icon.
I understand you add missing js and CSS by these codes, but I am wondering why my website misses these files even though I reinstall your plugin from ‘add plugin’.
