Add Custom Arrows to Listing Grid Slider

Replace the default listing grid slider arrows with custom SVG icons to enhance visual design and branding consistency in JetEngine.

Specifications
Add Custom Arrows to Listing Grid Slider
7 January, 2026
  • Plugin
    • JetEngine
  • Category
    • Dynamic Content
  • Programming languages
    • PHP
Source code

Installing Instruction

How to Add Snippets into the functions.php File of the Active Child Theme

Attention: Create a site backup before applying any changes to functions.php.

This ensures that you can restore the website if something goes wrong after adding the code snippet.

  1. Copy the required code snippet to your clipboard.
  2. Navigate to WordPress Dashboard > Appearance > Theme File Editor.
  3. Click the functions.php tab to open the file.
  4. Paste the code snippet below the existing code in the Selected file content: area.
  5. Click the "Update File" page.

Example Use Case

Use this snippet to customize slider navigation arrows with branded icons, ideal for designers creating cohesive visual experiences across dynamic listing sliders.
Applicable scenarios:

  • Replacing default slider arrows with custom branded SVG icons.
  • Creating consistent visual design language across listing sliders.
  • Adding unique navigation elements that match site branding and aesthetics.
Specifications
Add Custom Arrows to Listing Grid Slider
7 January, 2026
  • Plugin
    • JetEngine
  • Category
    • Dynamic Content
  • Programming languages
    • PHP
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Propose a solution
Request a new feature

Leave a feature request through GitHub, and our developers will consider it

Request features