Scene7 - Background image in an Image Preset | Community
Skip to main content
J
james_merrill
October 16, 2015
Solved

Scene7 - Background image in an Image Preset

  • October 16, 2015
  • 1 reply
  • 1385 views

Hi All,

I imagine this must be possible... I am setting up an image preset in Scene7, and want to have it add a background image to each base image.

 

This is what I have so far: layer=0&src=is{background/2014-CN-bg-dark-brown}

 

I will need something like this I assume: layer=0&src=is{Backgrounds/bg-dark-brown}&layer=1&src=is{THE PRODUCT}

 

I guess my question is, what's the name of the reference to the image you're calling the image preset on?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by mvanceadobe

Hi James,

First, in SPS, build a test template containing your background image and the overlaid second image. This will give you an idea of the syntax you need.

I set up a rough example:

http://s7g1.scene7.com/is/image/TechSupportEU/testproduct_36005?$instantTemplate$&wid=504

Note the yellow button overlaid onto the red image

Another example using a different base image:

http://s7g1.scene7.com/is/image/TechSupportEU/Backpack_B?$instantTemplate$&wid=504

In the Image Modifiers section of the preset I added:

&layer=1&src=is{TechSupportEU/yellow_b&size=131,42&pos=67,-174}

Note that this approach can only overlay subsequent layers on top of the image called in the url.

For your scenario, it would be better to set up a template and use parameters to swap the images in and out.

In this example i created bgimage and fgimage

http://s7g1.scene7.com/is/image/TechSupportEU/instanttemplatetest?$bgimage=TechSupportEU%2FBackpack_B&$fgimage=TechSupportEU%2Fyellow_b

Doing it this way, I can leave the bgimage (first layer) alone and just set the foreground image:

http://s7g1.scene7.com/is/image/TechSupportEU/instanttemplatetest?$fgimage=TechSupportEU%2Fyellow_b

 

Mark

1 reply

M
Adobe Employee
mvanceadobeAdobe EmployeeAccepted solution
Adobe Employee
October 16, 2015

Hi James,

First, in SPS, build a test template containing your background image and the overlaid second image. This will give you an idea of the syntax you need.

I set up a rough example:

http://s7g1.scene7.com/is/image/TechSupportEU/testproduct_36005?$instantTemplate$&wid=504

Note the yellow button overlaid onto the red image

Another example using a different base image:

http://s7g1.scene7.com/is/image/TechSupportEU/Backpack_B?$instantTemplate$&wid=504

In the Image Modifiers section of the preset I added:

&layer=1&src=is{TechSupportEU/yellow_b&size=131,42&pos=67,-174}

Note that this approach can only overlay subsequent layers on top of the image called in the url.

For your scenario, it would be better to set up a template and use parameters to swap the images in and out.

In this example i created bgimage and fgimage

http://s7g1.scene7.com/is/image/TechSupportEU/instanttemplatetest?$bgimage=TechSupportEU%2FBackpack_B&$fgimage=TechSupportEU%2Fyellow_b

Doing it this way, I can leave the bgimage (first layer) alone and just set the foreground image:

http://s7g1.scene7.com/is/image/TechSupportEU/instanttemplatetest?$fgimage=TechSupportEU%2Fyellow_b

 

Mark

Terms & ConditionsAccessibility statement

Loading footer...