Return to previous page

How do I change and move the + icons in the main image on the homepage

This topic has 11 replies, 2 voices, and was last updated 6 months, 1 weeks ago ago by Tony Rodriguez

  • Avatar: Rich Kil
    Rich Kil
    Participant
    October 19, 2023 at 13:58

    how do I change and move the + icons in the main image on the homepage

    #370821 Copied Theme version: 5.2 WooCommerce version: 8.2
    10 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 20, 2023 at 09:42

    Hello, @Rich Kil,

    Thank you for choosing XStore as your WooCommerce WordPress theme.

    If you are interested in modifying and relocating the ‘+’ icons present in the primary image on the homepage, kindly proceed with the following steps:

    1. Edit the homepage using Elementor.
    2. Modify the Hotspot element according to your preferences.
    3. Update the changes.

    For your convenience, we have attached an image for reference.
    https://imgur.com/2W0iYnD

    We trust this information will be of assistance to you.

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Best Regards,
    Team 8Theme.

    #370906 Copied
    Avatar: Rich Kil
    Rich Kil
    Participant
    October 20, 2023 at 16:37

    I changed item #1, installed my product link, product image and updated the page but do not see the change when I view the page. Also, how do you move the hotspot (+) around the image?

    #370959 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 21, 2023 at 07:31

    Hello, @Rich Kil,

    Thank you for your response.

    1) We kindly request that you update your XStore theme and core plugin to the most recent version and check again. You can access the update history at https://xstore.8theme.com/update-history/.

    We recommend that you refer to our theme documentation for guidance on how to update the theme.

    https://xstore.helpscoutdocs.com/article/63-theme-update

    https://xstore.helpscoutdocs.com/article/37-plugins-update

    2) We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://xstore.helpscoutdocs.com/article/36-included-plugins), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

    If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

    Please note that you should take a complete backup of your site before proceeding.

    We trust this information will be of assistance to you.

    Best Regards,
    8Theme’s Team.

    #370981 Copied
    Avatar: Rich Kil
    Rich Kil
    Participant
    October 25, 2023 at 15:56

    I’ve tried your instructions and deactivated all 3rd party plugins and still cannot edit the hotspot (+) image or position.

    #371510 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 26, 2023 at 08:29

    Hello, @Rich Kil,

    We are pleased to inform you that we have completed the review of your website. During the process, we edited the page using the Elementor page builder and made adjustments to the hotspot element.

    Upon inspection, we found that items 2, 3, and 4 of the hotspot were displaying and functioning correctly. However, item 1 was not visible. After conducting a thorough debugging process, we identified the issue. The problem was due to the positioning of the ‘+’ icon, which was hidden beside the second item.

    We have rectified this issue by adjusting the position of the ‘+’ icon. As a result, all items are now working perfectly. We kindly request you to refer to the screenshot provided in the link below for further clarification:

    https://postimg.cc/mcLjJcNx
    https://postimg.cc/fS0TsfQJ

    Additionally, we recommend clearing your browser cache and checking the website again to ensure that all changes are visible.

    Should you have any further queries or require additional assistance, please do not hesitate to contact us.

    Best Regards,
    8Theme’s Team

    #371587 Copied
    Avatar: Rich Kil
    Rich Kil
    Participant
    October 26, 2023 at 21:13

    I still have not resolution to this hotspot issue. All 3rd party plugins have been deactivated.

    #371685 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 27, 2023 at 08:07

    Hello, @Rich Kil,

    We appreciate your prompt response.

    Should you desire to modify the hotspot (+) image or its position, we have prepared a comprehensive video tutorial for you on your site. We kindly request you to watch it in its entirety and adhere to the steps demonstrated in the video. The video URL is in the private content area.

    We trust this will effectively address your concern.

    Best Regards,
    8Theme’s Team

    Please contact administrator
    for this information.
    #371721 Copied
    Avatar: Rich Kil
    Rich Kil
    Participant
    October 27, 2023 at 15:00

    Can I change the hotspot from an individual product page to a main category page?

    #371792 Copied
    Avatar: Rich Kil
    Rich Kil
    Participant
    October 27, 2023 at 15:17

    Also, can I disable the hotspots on the mobile version?

    #371796 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 28, 2023 at 05:45

    Hello, @Rich Kil,

    1) If you are interested in modifying the hotspot from a specific product page to a main category page, kindly follow these steps: navigate to the hotspot element, select ‘Content Type’, choose ‘Custom’, and then input the link of the main category page. Once completed, please ensure to update the changes.

    Please refer to the attached image for further clarification.
    https://ibb.co/WD0ZMjy

    We trust this information will be of assistance.

    2) Should you desire to deactivate the hotspots on the mobile version, kindly proceed to edit the hotspot element. You can do this by navigating to ‘Advanced’, then ‘Responsive’, followed by ‘Hide On Mobile Portrait’. Once there, please switch it to ‘ON’ and ensure to update it.

    Please refer to the attached image for further clarification.
    https://postimg.cc/18jNH2hT

    We trust this will rectify your issue.

    Best Regards,
    Team 8Theme.

    #371834 Copied

  • Tagged: , , , , , ,

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘how do I change and move the + icons in the main image on the homepage’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.