Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 14, 2017 at 12:04 pm #864256
    PerryG

    Hello,
    I was wondering what would be the best option to display 3 different views of one product on a site, like the way it is done on this site..

    http://www.canalisystem.com/en/r14957?sNodeFragFilter=15337

    Thanks in advance for your help. -Perry

    October 14, 2017 at 4:42 pm #864295
    Mike

    Hey Perry,
    How about using the Gallery element with the style set to: “Big image with thumbnails below”
    2017-10-14_104019

    Best regards,
    Mike

    October 18, 2017 at 4:31 am #865509
    PerryG

    That would work great but transparent images display with a black back ground with the gallery. Any other ideas?

    October 18, 2017 at 12:43 pm #865685
    Rikard

    Hi,

    That shouldn’t happen, could you post a link to where we can see the problem please?

    Best regards,
    Rikard

    October 18, 2017 at 5:06 pm #865828
    PerryG

    Hi Rikard,

    Thanks for looking into this. You can see it on this page.
    http://www.lovewordpress.com/canali-chest-press/

    The gallery image on the right is using the same image as the image on the left.

    Thanks again for the help! – Perry

    • This reply was modified 7 years, 1 month ago by PerryG.
    October 19, 2017 at 3:45 pm #866263
    Rikard

    Hi,

    This CSS in your child theme is causing that, please remove it:

    .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big {
    background-color: #333333;
}

    Best regards,
    Rikard

    October 19, 2017 at 4:19 pm #866286
    PerryG

    Thanks Rikard,

    I just checked and I don’t have anything in the following:

    Appearance > Editor > Enfold Child > Style CSS

    or in:

    Theme Options > General Styling > Quick CSS.

    No entries at all, not just the code you posted. Do you have any other ideas? Thanks again! – Perry

    October 19, 2017 at 4:21 pm #866287
    PerryG
    This reply has been marked as private.
    October 19, 2017 at 10:46 pm #866497
    PerryG

    I found where it is getting the color from, Theme Options > General Styling > Alternate Content > Default Background color. I changed it to blue, #0029f5, and now the gallery background on transparent images are blue. I am changing it back to #333333.

    Can you provide me some CSS to make the gallery background transparent? This didn’t work for me:

    .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big {
    background-color: transparent;
    }

    Thanks! – Perry

    • This reply was modified 7 years, 1 month ago by PerryG.
    October 21, 2017 at 2:52 pm #867048
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .page-id-1346 .alternate_color .avia-gallery-big,.page-id-1346 .alternate_color .avia-gallery img {
    background-color: transparent !important;}

    I added the page-id so it will only work on that page, but you can remove it if you wish.

    Best regards,
    Mike

    October 24, 2017 at 8:28 pm #868366
    PerryG

    This worked. Thanks Mike! I really appreciate it.

    October 25, 2017 at 9:33 am #868625
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    October 25, 2017 at 6:20 pm #868873
    PerryG

    Thanks again, Rikard. This topic can be closed. – Perry

    October 27, 2017 at 6:59 am #869408
    Rikard

    Hi Perry,

    Thanks for the feedback, I’ll close this thread for now.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Display different views of a product’ is closed to new replies.