• Resolved Pauls550

    (@pauls550)


    Hi. I have set the background colour to blue as this works well with my initial configurable product. Now I am adding a second product the blue background is not suitable. Is it possible to have different backgrounds used on different products?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Marc Lacroix

    (@marcusig)

    Hi there,

    It depends on how you added the background.

    If you need a different colour per product, you can either:

    • use a layer “without choices”, as the background
    • use CSS to change the background colour of the configurator viewer

    Marc

    Thread Starter Pauls550

    (@pauls550)

    Hi. Sorry, I wasn’t very clear. I have a background image set on the configurator customizer settings (Large Blue rectangle) along with Blue accent colour for text. All my product layers have no backgrounds. On the second product I wish for the background to be red with red accent colours on the text. I am using the float style so when I add a background to my product images it looks bad against a white background.

    Plugin Contributor Marc Lacroix

    (@marcusig)

    I see. You will definitely need CSS for this. For example:

    .postid-1086 .mkl_pc {
        --mkl_pc_color-primary: rgb(238, 255, 119);
        --mkl_pc_color-primary_rgb: 238, 255, 119;
    }
    
    .postid-1086 .mkl_pc .mkl_pc_container .mkl_pc_bg {
        background-image: none !important;
        background-color: var(--mkl_pc_color-primary);
    }

    .postid-1086 is the prefix for the current product, to make sure the style only applies to that specific one. In this case 1086 is my product’s ID, so you should replace it with yours.

    Then the primary color is changed.

    The second block removes the background image and replaces it with the primary color. You could also just override the image, with something like this:

        background-image: url(https://mysite.com/myimage.jpg) !important;
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background options per product’ is closed to new replies.