/webdesigner/community?hl=en
This content is likely not relevant anymore. Try searching or browse recent questions.
-
2/13/19
'Repeat for each item in collection' option not showing on group 0 Recommended Answers 5 Replies 0 Upvotes
1 Recommended Answer
$0 Recommended Answers
I am trying to create a responsive dynamic ad and am therefore unable to group the product prices and images into the swipeable gallery. I've got the gallery sorted to it displays each product, but the group of prices does not have the 'Repeat for each item in collection' option coming up when I try to bind it???
Details
All Replies (5)
Double check these steps to enable that option.
  1. Library panel: confirm exact name & capitalization of your group. If you didn't edit then it might be "Group1"
  2. Select your gallery component and in the Properties panel, set "Groups" to the name from step 1.
  3. Dynamic panel > Bindings > Create new binding and in the dialog you'll see your group as a child of the gallery component (screenshot attached) probably now called "Group1_1Group1", select that element and you'll be able to see "Repeat for each ..."
 Hope that helps,

Kent
Google Web Designer team
marked this as an answer
Helpful?
-
2/13/19
Hi Ken,

Thanks for getting back to me so quickly. I need to have the image gallery and the prices bound separately as I want to be able to move the two independently of each other when the ad size changes responsively (since when they're all in the same group you can't change the layout on a responsive basis). So I've currently got the images bound into the swipeable gallery, but the prices are in a separate div and need to be bound on the 'repeat for each item in collection' attribute separately. Is this possible? 

Thanks! Rose
marked this as an answer
Helpful?
Sounds like you have 2 different groups in your gallery, or maybe just binding separate elements of the group. The best way to handle a responsive dynamic gallery is to stay with the single group model and use Media rules to change the layout of your gallery item group for each different layout required.

“Item” group responsive setup:
    1. Set viewport to the original static layout size
    2. Responsive > Master rules
    3. Library > edit “item”
    4. With nothing selected, Properties panel: uncheck Auto resize, and set Width & Height to 100% (sets the group container size without affecting the elements yet).
    5. Select all elements and wrap (right-click) in a div named “item-ctn” *
    6. Double-click into item-ctn and set all elements’ position & size to %
    7. Back out to item-ctn, note the width & height (in px, you’ll need these to edit visually, later) and set the width & height to 100%
Will look stretched in GWD but normal when previewed. To edit at the original aspect ratio, temporarily reset item-ctn to its original px values noted above. Each size uses a different original height & width.
Set up completed.
* item-ctn usage is not required when the gallery “item” group is already set to 100% width & height.

“Item” group editing - For each Media rule:
  1. Responsive > Master rules
  2. Library > edit “item”
  3. Viewport tool, change to desired ad size
  4. Responsive panel > Media rules
  5. Adjust properties as needed.
    Tip: Resize item container to original px dimensions noted above, then can edit at actual, undistorted size.
  6. Restore item-ctn to 100% before previewing


Hope that helps,

Kent
Google Web Designer team
marked this as an answer
Helpful?
11/25/19
I think we're within the same issue. Though this is pretty confusing. We need several items to show up when the layout size for the ad changes(in responsive mode). Such as going from 300x250(being one item) to 970x250 (being 3 or more items). When we change the "show frames" value to 3 (for the 970x250 layout) it also adds 3 items to the smaller size (300x250) which we want 1 item in. Also we went through the steps you explained and can't find the div named "item-ctn"
marked this as an answer
Helpful?
For responsive files using the swipeGallery, the question is "How can I change the number of items shown at different sizes?" This is a problem because changing the value of "Show Frames" on the gallery affects all sizes.

The solution is to use multiple copies of the swipegallery each with a different number of items shown, and then use Media Rules to hide and show the correct gallery. For very simple cases that may be enough, but you often need to go a step further and use custom JavaScript to determine which gallery is being shown at any given size, and then re-initialize your custom gallery functionality like autoplay highlight.

It can be quite difficult to set up for the first time. A good way to proceed is to use one of the templates with a responsive gallery as a starting point or at least a guide. There are about six templates with responsive galleries for example: Dynamic Remarketing for Google Ads > (#5) "Dynamic Remarketing Side-by-side with Individual CTA Buttons". This one has three galleries: 1) one item 2) two items horizontal, and 3) two items vertical.

Hope that helps,

Kent
Google Web Designer team
marked this as an answer
Helpful?
This question is locked and replying has been disabled.
Discard post? You will lose what you have written so far.
Write a reply
10 characters required
Failed to attach file, click here to try again.
Discard post?
You will lose what you have written so far.
Personal information found

We found the following personal information in your message:

This information will be visible to anyone who visits or subscribes to notifications for this post. Are you sure you want to continue?

A problem occurred. Please try again.
Create Reply
Edit Reply
Delete post?
This will remove the reply from the Answers section.
Notifications are off
Your notifications are currently off and you won't receive subscription updates. To turn them on, go to Notifications preferences on your Profile page.
Report abuse
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
Report post
Questions about a different Google product are no longer considered off-topic and should be moved to the relevant community.
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
This reply is no longer available.
/webdesigner/threads
//accounts.google.com/ServiceLogin
You'll receive email notifications for new posts at
Unable to delete question.
Unable to update vote.
Unable to update subscription.
You have been unsubscribed
Deleted
Unable to delete reply.
Removed from Answers
Marked as Recommended Answer
Removed recommendation
Undo
Unable to update reply.
Unable to update vote.
Thank you. Your response was recorded.
Unable to undo vote.
Thank you. This reply will now display in the answers section.
Link copied
Locked
Unlocked
Unable to lock
Unable to unlock
Pinned
Unpinned
Unable to pin
Unable to unpin
Marked
Unmarked
Unable to mark
Reported as off topic
/webdesigner/profile/0?hl=en