YH
Forum Replies Created
-
Forum: Plugins
In reply to: [WooCommerce Stripe Payment Gateway] FPX on Optimized Checkout SuiteHi, thanks for the prompt reply.
No, there is no other plugin that has enabled FPX payment option. There is webtoffee installed but deactivated.
The System Status report has been pasted here https://pastebin.com/yvSLqk1a
Update:
I found a possible solution on how to make it work (video on 1st position) while still being on UX builder instead of using the standard layout. I created a shortcode for the standard product gallery by adding this into the functions.php// in your plugin or child theme functions.php
add_shortcode( 'vwgproductgallery', 'vwgproductgallery_shortcode' );
function vwgproductgallery_shortcode( $atts ) {
if ( ! is_product() ) {
return ''; // only run on single product pages
}
global $product;
// start output buffer
ob_start();
// WooCommerce core function that outputs the product image gallery
// in modern versions this calls the same template part that Customizer uses
if ( function_exists( 'woocommerce_show_product_images' ) ) {
woocommerce_show_product_images();
} else {
// fallback for very new WooCommerce versions
do_action( 'woocommerce_before_single_product_summary' );
}
return ob_get_clean();
}Since the standard gallery layout is already working, I simply paste the shortcode [vwgproductgallery] into my UX Builder, and the Product Gallery have the video in 1st position when the “Show video first in product gallery” is checked.
But it then led me to realize an old issue. That the image in the main image area is still not reflecting the correct active thumbnail in the slider. i recreated it on this page https://yhdev.infy.uk/product/ianna-pendant-light/?v=2
Could you please provide a solution for mismatched image and the thumbnail? as well as the issue of video being cropped?
Thank you.
- This reply was modified 9 months ago by YH.
Thank a lot for helping out.
I finally found some of the issues. I discovered the previous issue, on why we’re seeing different things. The dummy site’s hosting server-side was caching different versions, so clearing my site’s cache wasn’t enough. Adding ?v=2 to the URL allow me to see the difference in incognito.
So kindly check out the site again at https://yhdev.infy.uk/product/nalini-chair/?v=2
It is currently set to Normal style layout. With the “Adjust the video size according to the theme settings” unchecked.Cropped video issue
You should be able to see, the video on the main image area appears cropped in both desktop and mobile version. The current style is set to normal. The original video dimension is of square proportion. When i tried to check the “Adjust the video size according to the theme settings”, the desktop view shows the correct square dimension of the video, however the mobile view would then become a vertical portrait. Can you please help with a CSS to fix this issue?
With your previous updated CSS, i’m certain i’ve applied in into the Additional CSS for the theme. And i think the CSS doesn’t show up because it’s now on different class. The class you’ve given is .product-gallery-stacked but the style product gallery is normal. Because i’ve changed the layout from Stack to Normal. Your latest CSS worked for the stack layout in the UX builder. Sorry for the confusion. Could you kindly help with a CSS for the normal layout as well? These are the only two layout i’ll be using.
Video position issue.
The UX builder provides page customization the standard settings can’t. Most Flatsome users chose this theme for UX builder for such customization. But you are right, that the standard method through Appearance → Customize → Product Page → Product Layout, indeed works for the 1st position video. So I can only hope you’ll consider adapting your awesome plugin to the UX builder in future. The options in the UX Builder are also limited to basically Normal, Vertical, Full-width and Stack akin to the standard product layout.
Thanks a lot.
Yes, it was the cache issue. Thank you.
About having the video in 1st position. I understand it works fine on the standard woocommerce’s default Right Sidebar. But it doesn’t seem to work for Flatsome’s UX builder Rightside bar (which is called normal style). The thumbnail did move to the 1st position but there is no update on the main image area. Could you kindly review the link again? https://yhdev.infy.uk/product/nalini-chair/
Thank you.
It works wonderfully.
I hope you’re also able to provide a solution for the normal style of product gallery.
Because while the both CSS is still applied, the video appears to be cropped horizontally, instead of showing the full size (original size of video is square).
Lastly, is there a way that i can place the position of the video after the 1st image? Making the video in the 2nd place. It’d be nice if i can have some control over the position using CSS since the “Show video first in product gallery” doesn’t work for this theme.
You can view the issue using the same link, i’ve just changed the setting to normal as style.
Thank you.
- This reply was modified 9 months ago by YH.
Forum: Plugins
In reply to: [Video Gallery for WooCommerce] Video not showing in product galleryLook forward for the new version in future. Thanks for developing this great plugin.
Forum: Plugins
In reply to: [Video Gallery for WooCommerce] Video not showing in product galleryThanks for the custom CSS. It made the video appear on stacked gallery style. Here’s what happened when i tested it with different options:
When “Show video first in product gallery” is checked the vide would still not appear.
When “Show video first in product gallery” is unchecked it appeared but with distorted proportion if “Adjust the video size according to the theme settings” is checked as well.
https://imgur.com/a/sY8xiPJAnd without the “Adjust the video size according to the theme settings” checked, it would look but not in the same proportion as other stacked images.
https://imgur.com/a/5gxnZZ8I should also mention that in the custom builder page of Flatsome, the video thumbnail does not appear at all. It only shows up after exiting the page editor.
Furthermore on the mobile version, the video would be laid on top of the first thumbnail instead.
https://imgur.com/a/6neW9j0The best option at the moment if a style has to be applied, appears to be on Vertical style with desktop and mobile view.
https://imgur.com/a/SW0cGnkI wish i can send you the link to diagnose the issue directly, but it’s still being developed locally.
I’ve tested so many times on the Location feature, using VPN, TOR and other ways and i’d say with absolute certainty that the price doesn’t change based on the location. Using incognito mode doesn’t even make sense because it is still connected to our local ISP server.
Hi Amin,
Allow me to improve my question.
I’d like to remove the sub menu Branda that is under the menu ‘Customize’ in the toolbar, at the FRONT-END of the site, as you can see in this image link https://imgur.com/a/R7VnuaV, indicated by the red arrow.
I’ve reviewed your document, however what you meant by ‘delete the menu’ which I believe you meant by unchecking the menu I wish to remove from, does not exist. There is no one menu item called ‘Branda’ in the Menu Item, as you can see in this image link https://imgur.com/9JeISEY, indicated by the red box. There is also no such menu called ‘Customize’.
The only way seems to be removing the whole toolbar on the frontend, by unchecking the all of the relevant roles in the front-end section, as you can see in this image link https://imgur.com/a/IBBQDLQ, indicated by red box.
Or is there a better way that I’m not aware of, to solve this issue? Thank you.