Show Second Product Image on Hover - WooCommerce - CSS - Elementor Wordpress Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 34

  • @honeypeadigital
    @honeypeadigital 5 หลายเดือนก่อน +1

    NICE! This came in time. I wanted to implement this

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      Perfect!

  • @perks98
    @perks98 5 หลายเดือนก่อน +3

    Good guide without PHP coding and for simplicity. But the best approach would be to create a custom dynamic tag for Elementor that gets the product gallery images and pulls one of those images in, that way it doesn't mess with the flow of Woocommerce for non-tech shop users and it prevents repetitive and duplicate info having to add to Woocommerce gallery and use the same image in the ACF field.

    • @websquadron
      @websquadron  5 หลายเดือนก่อน +1

      Good alternate suggestion.

  • @sproksch87
    @sproksch87 5 หลายเดือนก่อน

    so damn easy. But I couldn't manage it myself.
    thanks for the great video

  • @arturo5050
    @arturo5050 5 หลายเดือนก่อน

    Thanks for the video. I actually asked you how to do this in past videos lol
    Amm do you know how can we put so only affect the Desktop?

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      You would add an @media css code to the beginning

  • @slingsandarrows
    @slingsandarrows 2 หลายเดือนก่อน

    Could you show people how to do this using the full site editor instead of Elementor?

    • @websquadron
      @websquadron  หลายเดือนก่อน

      Once I'm commissioned for it :)

    • @slingsandarrows
      @slingsandarrows หลายเดือนก่อน

      ​@@websquadron 👎

  • @NicholasZein
    @NicholasZein 5 หลายเดือนก่อน +1

    Clever and easy to implement! 🤌

  • @BUY_YOUTUB_VIEWS_d125
    @BUY_YOUTUB_VIEWS_d125 5 หลายเดือนก่อน

    where do you get the ideas

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      Often whilst I'm sat on the loo checking what other people are struggling with.

  • @dancruz7845
    @dancruz7845 4 หลายเดือนก่อน

    How can I do this with blocksy theme?

  • @wilhelmthepresbyter5115
    @wilhelmthepresbyter5115 2 หลายเดือนก่อน +1

    you are literally the BEST bruv, thanks a lot

  • @RubyMusics
    @RubyMusics หลายเดือนก่อน

    I wanted to avoid downloading another plugin for such a small function. ACF is on my websites by default anyway. Great solution! Thanks!

  • @jh_chen
    @jh_chen 5 หลายเดือนก่อน +1

    Isn't there an easier way to show the first image in the gallery? without the need to create a custom field

    • @NicholasZein
      @NicholasZein 5 หลายเดือนก่อน

      There is a way, however not an "easy" one (unless you know how to code).

  • @estebanlopez5372
    @estebanlopez5372 5 หลายเดือนก่อน

    Isn't it an easier way? I mean, with no plugins :(

    • @websquadron
      @websquadron  4 หลายเดือนก่อน

      I have videos on how to add Custom Fields without using Plugins too.

  • @haroonkashif10
    @haroonkashif10 2 หลายเดือนก่อน

    Hey Imran, I found a better way. You can do the same thing with the flip box. Set the front background image to product image and set the back background image to the acf image and select the fade effect.

  • @pixelgap
    @pixelgap 5 หลายเดือนก่อน

    Excellent. Thanks for sharing Imran

  • @zafit02
    @zafit02 5 หลายเดือนก่อน

    YESSSSSSSS I wanted to know how to do this for so long, but i think there must be a way to avoid creating a custom field, and just show the 2 photo of the gallery, if not you have to add photo in custom field of the product to eachone

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      There probably is an easier way :)

  • @ak47marx16
    @ak47marx16 5 หลายเดือนก่อน

    Nice, thanks. What is the recommended product feature image size. Is it 800x800 or should it be more?

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      600 x 600 is fine

  • @multa7053
    @multa7053 5 หลายเดือนก่อน

    Great video! Did something very similar a few days ago. But added the ease-in-out because of you now. Looks way smoother. Thanks a lot!

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      Glad it helped!

  • @bebuulab1054
    @bebuulab1054 4 หลายเดือนก่อน +1

    yow man! you are really are a ROCKSTAR! all features I needed on my business is already in your YT channel keep it up man!

  • @waitingza1978
    @waitingza1978 5 หลายเดือนก่อน

    how to display field type gallery image 1 sure but image 2, 3, 4 etc (fix image custom number)

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      I don't understand?

    • @waitingza1978
      @waitingza1978 5 หลายเดือนก่อน +1

      @@websquadron sorry, Is there a way to show the second image in the gallery?

    • @websquadron
      @websquadron  5 หลายเดือนก่อน

      @@waitingza1978 How would you want to show it?

    • @waitingza1978
      @waitingza1978 5 หลายเดือนก่อน

      @@websquadron dynamic image