[Resolved] How can I replace image boxes with a slider

[Author]

Posts

[barisS]

hi, I currently use realtor starter theme. I the have a problem with single-property page. When I add detailed images for the house I want a slider not image boxes. Please check out a property listing on zillow.com you will understand what I mean.
this is the codes for image boxes:

[wpv-conditional if="( $(wpcf-property-gallery) ne '' )"]
<div class="text-center property-gallery">
[types field='property-gallery' width='300' height='200' align='none' resize='crop' separator=' '][/types]
</div>
[/wpv-conditional]

I created a "view" instead of codes above.

[wpv-post-link]
<div class="property-slider" style="background-image: url([types field='property-gallery' size='full' url='true'][/types])"></div>

Questions:
1-Problem is code above pulls all gallery images from every listing. I want to pull gallery-images related to the one single post but I don't know how can I specify it as 'current listing'

2-How can I resize gallery pictures so they will be bigger?

[Luo Yang]

Dear Baris,

Q1) I want to pull gallery-images related to the one single post but I don't know how can I specify it as 'current listing'
You can add a filter into the view to specific the post is current post, see our document:
https://toolset.com/documentation/user-guides/filtering-views-query-by-post-id/
section "Value set by View shortcode attribute", for example:
[wpv-view name="Filter by post id" ids="[wpv-post-id]"]

2) How can I resize gallery pictures so they will be bigger?
you can setup some CSS code to resize the background images with attribute "background-size":
hidden link

[barisS]

THANKS