Announcement

Collapse

Posting Rules

Posting Rules
This forum was created to help 3dcart users share tips on getting the best out of the service, offer knowledge and experiences about e-commerce in general, and to promote a positive environment in which our merchants can request/dispense advice regarding best practices.

The forum was not created for 3dcart users to submit requests for customer support. Any support related thread will be removed and a support ticket will be placed on your behalf. If you have technical difficulties please visit http://support.3dcart.com.

The 3dcart forum is also not intended to be a medium in which to express dissatisfaction about 3dcart's service, policies or its management and staff. Threads of this nature will also be removed from the forum. If a support issue with your 3dcart store was not resolved in a satisfactory manner; or if you feel that a particular 3dcart offering/policy is not to your liking, please let us know by emailing [email protected] so we can address your concerns directly.

Again, our purpose is to cultivate a positive learning environment for our merchants rather than platform in which to express grievances.

Very Important Rules:
* Never give away your store administration login/password in this forum.

Should you need technical help, please let 3dcart staff help.
Also, please be aware that 3dcart staff will NEVER need to ask for your 3dcart related passwords.

General Rules:
* While debate and discussion are acceptable, we will never tolerate rudeness, insulting posts, personal attacks or inflammatory posts. Our decision is final in these matters.
* Please refrain from posting meaningless threads, one word (or short) nonsensical posts, or similar postings.
* Multiple or repeated posting in order to increase your post count is not allowed.
* Advertising, spamming and trolling is not allowed. This includes using the forum email and Private message system to spam other members.
* We also do not allow posts that are sexual in nature.
* Please wait at least 24 hours before bumping posts.
* Discussion of illegal activities such as software and music piracy and other intellectual property violations are not allowed.
* Each member is allowed one login account. Registering with multiple accounts is not allowed.
* We reserve the right to remove offensive posts without notice.
* We also reserve the right to remove postings which are in violation of our specified posting rules
* Also, while these rules cover most common situations, they cannot anticipate everything. Consequently, we reserve the right to take any actions we deem appropriate to ensure these forums are not disrupted or abused in any way.
* You cannot post any affiliate or referral links, or post anything asking for a referral. Such posts will be subject to removal.
* You cannot post advertisements or notices for contests.
* We also reserve the right to ban anyone who willfully violates the forum rules, as access to our support forums are a privilege and not a right. A banned customer is still entitled to support from the support system, but will not be able to participate in the forum.
See more
See less

Change main image based on option selected in CORE theme

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Change main image based on option selected in CORE theme

    I have searched through a lot of this forum to see if I can find how to change the main image on a product page to match the selected option and so far I have only found instructions in html5 themes.

    We sell fishing tackle. Many lures come in different colors. As our customer selects the color of lure they would like, I would like the main image picture to change as well. I tried dropdown image option but the pictures are so small its laughable and practically useless.

    3DCart says they don't have a way to assist me unless I pay for custom programming. I think this is a feature that should be automatically included but that's me on my soapbox.

    I will take any solutions anyone can offer at this point.

    Thank you

  • #2
    I would recommend contacting Shaun at thecartdesigner.com to see if he can do something. He does good work and has pretty reasonable pricing.

    Comment


    • #3
      Originally posted by JoeBTI View Post
      I would recommend contacting Shaun at thecartdesigner.com to see if he can do something. He does good work and has pretty reasonable pricing.
      Thank you. I will check him out but I'm hoping someone can point me in the right the direction first. I know some basic HTML coding but I think this involves a script of some sort and that is where I get stuck.

      Comment


      • #4
        I am hoping there is someone out there with any other suggestions!!

        Comment


        • #5
          Hey, where did you find the instructions for html5 themes? That might be adapted. I'm also curious. As a temporary solution, I added a jquery ui widget to show the colors in the dropdown but that's not exactly what I want. You can check that here: https://www.bloomsbyheinau.com/luxur...-bloomed-roses
          Selling Flowers Onlinebloomsbyheinau.comReal Roses that Last a Year or Longer

          Comment


          • #6
            Originally posted by kompanigroup View Post
            Hey, where did you find the instructions for html5 themes? That might be adapted. I'm also curious. As a temporary solution, I added a jquery ui widget to show the colors in the dropdown but that's not exactly what I want. You can check that here: https://www.bloomsbyheinau.com/luxur...-bloomed-roses
            Here are the instructions to get this done in HTML5 themes. https://support.3dcart.com/knowledge...the-main-image

            I have pretty much given myself a crash course in javascript and I think I have it narrowed down to the actual function that changes the picture in HTML5 themes. Now, just need to find the time to experiment. If I can get it to work. I will place it here.

            Comment


            • #7
              Oh, I see what they're doing. I also have an idea for how to get this working, in a bit different way. I'll post the code once I'll have it integrated.
              Selling Flowers Onlinebloomsbyheinau.comReal Roses that Last a Year or Longer

              Comment


              • #8
                Either way, if one of us can figure it out, I know it will help out a lot of people. Like I said, this should be standard feature with all plans.

                Comment


                • #9
                  Originally posted by kompanigroup View Post
                  Hey, where did you find the instructions for html5 themes? That might be adapted. I'm also curious. As a temporary solution, I added a jquery ui widget to show the colors in the dropdown but that's not exactly what I want. You can check that here: https://www.bloomsbyheinau.com/luxur...-bloomed-roses
                  Hi kompanigroup, what you did is effective. Great job!! Did you create the widget, or purchase it?

                  And I agree with 10-4 Tackle... it should be a default function for the image to change when the color is selected. It would involved somehow attaching the image to the color choice in the product page, but it certainly seems doable on the part of the talented developers with 3dcart! :cool:

                  Update: I read more around the forum and learned about the DropImage feature in the Options. It did what kompanigroup accomplished with his widget by putting a mini-thumbnail of the image to the right of the color choice. It doesn't change the main image like the hold HTML method apparently did, but at least it's something in the meantime. https://support.3dcart.com/Knowledge...ge-option-type

                  This thread was very helpful to me. Thanks guys!! :)
                  Last edited by Connie Zimmermann; 10-15-2019, 08:00 PM.

                  Comment

                  Working...
                  X