Search results

  1. F

    Hotspot won't work

    Hi, it seems your are trying to create an iFrame on-the-fly when hotspot is activated which may get involved.. Instead, we have a clean way to integrate embeds like panoramic views, youtube videos, etc. by simply inserting a link to an HTML page with your content. In the case of youtube (or...
  2. F

    Change Fonts

    Hello. The available fonts you see there are so called web fonts, meaning they are almost always available on most user computers be it Windows or macOS or Linux. By users I mean web visitors who are going to see your published project. Additional fonts is something that is usually managed by a...
  3. F

    360 viewer not showing on Woocommerce Product Page

    Hi, it's not clear why the webrotate gallery is not replacing the default one in your WooCommerce, which is the main issue right now, I think. Most likely it's related to Elementor you are using there. We will get in touch with you directly via email to see how we can help as would need access...
  4. F

    Product not showing while url is working

    Hi Mirna, and thanks for the detailed notes. 1) You don't need to use WordPress Media. Uploading via FileZilla is sufficient. Also, all you need to upload from your published project is the single folder that resides under published/360_assets of your SpotEditor project. 2) Our WooCommerce...
  5. F

    Access to XMLHttpRequest has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

    Hi, please see this article. CORS is a server-side configuration and there're steps to configure it on CloudFront + S3: https://repost.aws/knowledge-center/no-access-control-allow-origin-error
  6. F

    Advanced "Play to Label" - Open Hotspot Content

    Hi, thanks for the detailed summary! I think it's because of the Key hotspot name having white spaces which is something we rarely test unfortunately. This has not been reported so far either.. Please rename "On Off Switch Animation" to something like "On-Off-Switch-Animation" and it will work...
  7. F

    apiReadyCallback working only once

    Yes, it's a callback and the code you shared looks right.
  8. F

    apiReadyCallback working only once

    Yes. Should be called before apiReadyCallback and right after you see .xml in the network tab.
  9. F

    apiReadyCallback working only once

    PS: we do have an undocumented callback that we use internally and it may do what you need but it's not very straightforward as you will need to modify XML content directly. For example: configReadyCallback: function(xml, isFullscreen) { var $ui = $($(xml).find('userInterface')[0])...
  10. F

    apiReadyCallback working only once

    Hi, yes, it works as designed in that the callback is called once when viewer is loaded and the second time when full-screen view is loaded if you have it configured, i.e the high-res images and user triggered it. There's another callback for when it's "reloaded" using reload function which...
  11. F

    Rotate to specific point or image on button click in JS

    Each such icon (hotspot indicator) has these CSS classes assigned: hotspot_indicator hotspotname_indicator <-- where hotspotname is the name you gave the hotspot When it's clicked, we assign two extra classes to the indicator elements: indicator_active hotspotname_active Generally, this...
  12. F

    Rotate to specific point or image on button click in JS

    Hi, can you please paste a screenshot of the hotspot popup where you need to customize the image?
  13. F

    Announcements

    WebRotate 360 Product Viewer AdHoc Integration v2.5.2 for Magento 2.x Released [!] Compatibility for PHP 8.1. ****************************** Direct download: https://www.webrotate360.com/products/cms-and-e-commerce-plugins/plugin-for-magento.aspx?section=Download
  14. F

    Products with combinations any progress?

    As promised, please find below the new plugin with support for configurable products. It works much better now in that it adds a 360 thumbnail to the gallery on the product pages so it works as intended by Prestashop, i.e we're not forcing the popup when user clicks the gallery thumbnails, and...
  15. F

    Wordpress and DIVI error

    Hi there and thanks for your message. I just checked your link and all three 360 products views loaded fine for me. What was the fix you applied?
  16. F

    Rotate to specific point or image on button click in JS

    I'm glad React integration is going well! As for the requirement, it's pretty easy. 1. Create an image label. This is done under Images -> Rows tab in SpotEditor, where you can double-click on any of the images to create a named label. This will simply add a property to the published xml file...
  17. F

    Products with combinations any progress?

    Hello and sorry it takes longer than expected! We do have a new version of the Prestashop plugin with support for configurable products, which needs a bit more testing.. We'll do our best to finish the testing this week and will send you a new zip asap. PS: there's an email you sent as well...
  18. F

    How to get hotspot click action in React?

    It's hard to say without debugging but most likely the webrotate360 container has zero width and/or height when useEffect is called. We also listen for browser resize events and if such event is triggered e.g. when inspector window is opened, the viewer will resize itself to fit into the parent...
  19. F

    Complete Tutorial for Webrorate360

    Hi! Sure, here's a copy-paste that explains it: To summarize our licensing options, PRO license doesn't limit any usage so you can host the viewer on any number of websites / domains (yours or your clients'). PRO license is $399. With this license applied, there's a link to webrotate which is...
  20. F

    How to get hotspot click action in React?

    Hi Mavia, as per the code above, the key is the api obj that you receive in the apiReadyCallback. You can do lots of things with it, including responding to hotspot click actions in the same way you did without React, e.g: viewer.settings.apiReadyCallback = (api, isFullScreen) => {...
Top