[Resolved] Custom fields slider functionality

[Author]

Posts

[kerimF]

Hi there!

So first of all I want to say I'm really, really happy I bought your plugin. For the last year I've been struggling a lot to make my website work the way I want it too. The problem was it got all so bloated with different plugins that the website was too slow. Your plugin makes my dream come true, really. So awesome work guys!

My question is the following: I want to create a slider for a content template that I use on one of my custom post types. I want the slider to display the images from a custom field where I can insert multiple images. I read a couple of articles on Toolset and I'm only managing to display the images now, but not as a slider. Clearly I'm doing something wrong. Can you please help me by telling me how I can make it work? What I did so far, based on this article: https://toolset.com/forums/topic/how-to-display-the-pics-i-uploaded-as-a-slider/#post-518295

- I downloaded flexslider and added it though FTP to my child theme folder
- I added a snippet of PHP
- I created the slider through the plugin view and added a snippet of Javascript underneath it

[kerimF]

🙂

[Beda]

Hello Kerim, nice that you like the advantages of Toolset.

Related to putting your Repeating Image Fields into a slider, the smoothest is to kickstart your project with a Toolset Module.

Toolset Modules are sets of Structure (CPT, Fields, Terms, Views, Templates, and more) that you can import into your sites, customize if needed and populate with your custom Content.
Later, you can export them and re-use those Modules on every site you build. Each time, the end user will be able to populate the website and the module will provide the structure to display it.
https://toolset.com/documentation/user-guides/using-toolset-module-manager/

You might wonder why this guy recommends you to install Toolset Module Manager if all you want is a slider for Repeating Fields 😀
- the Module Manager Plugin actually also provides access to a large online cloud of Modules that are already "ready to go".
- It includes even slider modules, and what's best, one where Repeating Fields are used.

Hence it's the perfect kickstart for your project installing Toolset Module Manager, find the "Portfolio Slider With Thumbnails" module and install it.

It will allow displaying the Repeating Images as sliders, as seen here https://toolset.com/modules/portfolio-slider-with-thumbnails/ and here hidden link

Please let me know if that helps to achieve the goal faster 🙂
There is no need for custom code with this Module.

[Beda]

changing post status.

[kerimF]

Thank you very much for the response!

Now that I'm at it, I also have another question. I'm trying to create a search bar for my front page, but I really don't know how to customize it properly. I can't get the main search bar to go away and I don't know how to get the different filters next to each other. Besides that, the posts that are being displayed by my custom search aren't clickable. Can you explain to me how I can make this work? I'm using the Divi theme.

Thank you so much!

The link to the page where the custom search bar is: hidden link

CSS that I'm using now to style the search bar:

/* Checkboxes and radio buttons */
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

input[type="radio"] {
margin: 4px 0 0;
line-height: normal;
}

input[type="checkbox"] {
margin: 6px 0 0;
line-height: normal;
}

/* Labels */
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}

.wpt-form-radio-label {
margin-left: 8px;
}

/* Form layout */
.form-group {
margin-bottom: 15px;
}

.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

ul.wpt-form-set {
list-style-type: none !important;
}

.row {
float: left;
display: flex;
};

New threads created by Beda and linked to this one are listed below:

https://toolset.com/forums/topic/im-trying-to-create-a-search-bar-for-my-front-page-can-you-explain-to-me-how-i-can-make-this-work/

[kerimF]

It seems like it doesn't matter what I try. It's not working

[Beda]

Related to the new question, please follow up here:
https://toolset.com/forums/topic/im-trying-to-create-a-search-bar-for-my-front-page-can-you-explain-to-me-how-i-can-make-this-work/

We can handle only one support issue each thread:
https://toolset.com/toolset-support-policy/

Is the issue you reported in this current Thread resolved?