Move Single Product Swatch Images to Last Position on Mobile

This topic has 8 replies, 2 voices, and was last updated 2 hours, 40 minutes ago ago by Sparc

  • Avatar: Sparc
    Sparc
    Participant
    March 17, 2025 at 12:49

    Hi,
    on the mobile single product page, the Swatch images always show first. I’d like to set them to the last position in the gallery instead, since that’s where the recently selected color appears. After picking a color, users shouldn’t need to scroll back to the top to see it. Any way to tweak this?

    Thanks!

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 17, 2025 at 13:00

    Hello,

    Thank you for reaching out to us.

    1. Could you please provide a link to the variable product from your website, along with screenshots or a video, to better understand your request and the desired outcome?

    2. Could you please provide temporary wp-admin and FTP access? We will check what can be done to help you.
    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please reach out to your hosting provider who will guide you through the process.

    Best regards,
    8Theme Team

    Avatar: Sparc
    Sparc
    Participant
    March 17, 2025 at 13:26

    In addition to the above problems, there is another problem that cannot be solved :
    I’ve run my site through Google’s Rich Results Test, and it shows a “Valid Item Detected” notice under Breadcrumbs. It’s not an error, but there’s an “Unnamed Item” with ID #breadcrumb”. I’m guessing it’s missing a “name” field or something in the BreadcrumbList setup.

    Thanks a lot!

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 17, 2025 at 13:36

    Hello, Sparc,

    Please post new questions via separate topics – https://www.8theme.com/forums/xstore-wordpress-support-forum/

    We appreciate the FTP access you provided. However, it seems that the initial details we requested were not included. Specifically, we do not see any relevant screenshots, videos, or wp-admin access credentials related to your request.

    To assist you efficiently, please provide these details at your earliest convenience.

    Best Regards,
    8Theme’s Team

    Avatar: Sparc
    Sparc
    Participant
    March 17, 2025 at 13:47

    Thanks

    Content is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 17, 2025 at 14:05

    Hello, Sparc,

    Could you please provide a link to the variable product from your website, along with screenshots or a video, to better understand your request and the desired outcome?

    Best regards,
    8Theme’s Team

    Avatar: Sparc
    Sparc
    Participant
    March 17, 2025 at 14:26

    On the mobile version of my single product page (e.g., https://hugdesign.shop/product/womens-crop-top-bowl-of-ramen/), the Swatch images currently show up first in the gallery. I’d like to move them to the last position instead. This way, when users switch colors, they can instantly see the selected image without scrolling up. It’s a smoother flow for checking variations on mobile.

    Files is visible for topic creator and
    support staff only.
    Avatar: Sparc
    Sparc
    Participant
    March 17, 2025 at 14:29

    image2

    thnaks

    Files is visible for topic creator and
    support staff only.
  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

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