Gallery

Available as Elementor widget!

Since Rife theme in version 2.1.0 it is available as Elementor widget.

What is it for

Gallery shortcode can be used to display photos & videos in our bricks gallery that is mostly known from usage in our albums. With this shortcode, you can display it on any page or post that you like.

It requires plugin Apollo13 Framework Extensions in version 1.3.0 at least and Rife theme in version 1.10.0 at least.

What is needed for it

To use it you need to create album or work and add media to it. When you have such album/work prepared then you can use the shortcode to display it where you want.

All typical settings of bricks album can be set in shortcode.

Shortcode and its parameters

First, let’s see some examples:

[a13fe-gallery id="123" ]
[a13fe-gallery id="8792" texts="0" socials="1" ratio="1/1" columns="4"]
[a13fe-gallery id="5985" texts="1" gradient="1"]
[a13fe-gallery id="6121" cover_hover="1" texts_hover="1" columns="2" margin="20px"]

So shortcode is named a13fe-gallery and it has following parameters that you can use:

  • id – (required) album/work ID that you want to use media from

    Where to find ID of post
    Where to find the ID of the post
  • columns – (default 3) how many columns should gallery take(maybe be smaller depending on the device screen). Value from 1 to 6.
  • margin – (default to 5px) margin between items in pixels.
  • ratio – (default 0) – what proportion of width to height should item be displayed. Possible values:

    • 0 – Original image size
    • 1/1
    • 2/3
    • 3/2
    • 3/4
    • 4/3
    • 9/16
    • 16/9
    • any other numbers combination
  • filter – (default to 0) if tags for items are provided should filter be displayed. 1 for yes, 0 for no.
  • lightbox – (default to 1) should items open to lightbox. 1 for yes, 0 for no.
  • hover_effect – (default to drop) what type of the hover effect should gallery use. Possible values:
    • cross
    • drop
    • shift
    • pop
    • border
    • none
  • cover – (default to 0) should cover be displayed over an item. 1 for yes, 0 for no.
  • cover_hover – (default to 0) should cover be displayed over an item on mouse hover. 1 for yes, 0 for no.
  • cover_color – (default to rgba(0,0,0,0.7)) cover color when it is displayed. 1 for yes, 0 for no.
  • texts – (default to 0) should title & description be displayed over an item. 1 for yes, 0 for no.
  • texts_hover – (default to 0) should title & description be displayed over an item on hover. 1 for yes, 0 for no.
  • texts_position – (default to bottom_center) texts position over image. Possible values:
    • top_left
    • top_center
    • top_right
    • mid_left
    • mid_center
    • mid_right
    • bottom_left
    • bottom_center
    • bottom_right
  • gradient – (default to 0) should gradient be displayed over an item. It is useful to make texts more readable. Gradient position is dependant on texts_position. 1 for yes, 0 for no.
  • gradient_hover – (default to 0) should cover be displayed over an item on mouse hover. 1 for yes, 0 for no.
  • socials – (default 0) should sharing icons be displayed. 1 for yes, 0 for no.
Was this article helpful to you? Yes No