# NEW Template: RefleXions

**URL:** <https://forums.realmacsoftware.com/t/new-template-reflexions/49550>\
**Category:** Elements\
**Created:** [August 7, 2025, 6:40pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550 "2025-08-07T18:40:21Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\
**Post date:** [August 7, 2025, 6:40pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/1 "2025-08-07T18:40:21Z")

</div>

Dear Elements Weavers,

I just finished my third template for Rapidweaver Elements.

It is a template for the photographers under us and if you’re just looking to show off your amazing photos, **RefleXions** is the perfect platform for you. With many options for arranging your photos on your website, you’re sure to find something that suits your style. Notably, each photo is accompanied by its own Lightbox, enabling you to illuminate your images fully on the screen.

We’ve also got some extra layouts for contact pages and about us, as well as some inspiration for designing your legal pages. The template is fully compatible with Elements Themes (dark mode currently not supported). Change the theme to your liking and get a totally different colour experience with other fonts being used.

**Photography Gallery website template for Rapidweaver Elements**

You can find all details at the [Elements Marketplace](https://marketplace.realmacsoftware.com/elements/projects/reflexions)  
Or you can preview a sample page directly here at [RefleXions](https://reflexions-elements.weaverpixel.com "Preview RefleXions")

Hope you like what I have created.

 ![RefleXions - marketplace 01](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/7/27f722dc6a055ce972b567582d672a765b1c3ed1.jpeg)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 7, 2025, 6:52pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/2 "2025-08-07T18:52:51Z")

</div>

Congrats on the launch, looks great!

---

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [August 7, 2025, 7:09pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/3 "2025-08-07T19:09:48Z")

</div>

that’s really cool stuff. i can recommend the template to everyone. absolutely a fair deal!

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [August 7, 2025, 8:44pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/4 "2025-08-07T20:44:02Z")

</div>

beeing? is that a new word? hahahahaha

---

<div class="post-metadata">

**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\
**Post date:** [September 15, 2025, 2:36pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/5 "2025-09-15T14:36:02Z")

</div>

Look nice 👏🏻👏🏻👏🏻

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [September 15, 2025, 3:46pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/6 "2025-09-15T15:46:18Z")

</div>

Great work, request could it be possible to add a “randomise” feature too this so pictures move around each time site is opened?

---

<div class="post-metadata">

**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\
**Post date:** [September 15, 2025, 6:17pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/7 "2025-09-15T18:17:51Z")

</div>

Thanks @AnasHyeee, means a lot to me 👍

---

<div class="post-metadata">

**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\
**Post date:** [September 15, 2025, 6:20pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/8 "2025-09-15T18:20:01Z")

</div>

Hey @PMUK

really like this idea, have to think about how it could be solved. Not an easy task!

---

<div class="post-metadata">

**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\
**Post date:** [September 15, 2025, 10:06pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/9 "2025-09-15T22:06:47Z")

</div>

Hey @WeaverPixel

You create a complex grid, but it’s really not easy to do so. Which part do you want to improve? I will help with it.

---

<div class="post-metadata">

**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\
**Post date:** [September 16, 2025, 8:08pm UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/10 "2025-09-16T20:08:36Z")

</div>

Hi @AnasHyeee

The grid is not as complex as it looks. It is more or less a collection of sections. Below are some pictured examples.

 ![Ohne Titel 2](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/9/d9779426438975ca44f2fd2150db6c83bf55b97f.png)

 ![Ohne Titel 3](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/1/e106bb930b8fdb6ea8f4e0f7c3630aa154238717.png)

 ![Ohne Titel 4](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/2/2241560c1a4f90dce08bd34b8ada145b2299f45d.png)

If you have an idea how to randomise the photos with every reload, very welcome. Maybe we can continue this discussion via PN.

Thanks for offering your help!

---

<div class="post-metadata">

**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\
**Post date:** [September 17, 2025, 12:02am UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/11 "2025-09-17T00:02:25Z")

</div>

Hello @WeaverPixel

Let’s bring your idea to life. We can’t randomize the photos with every reload by using HTML, CSS, we have to use JavaScript

Look for this video.

> **[randomise the photos with every reload.mp4](https://drive.google.com/file/d/1zIbgIm-XQ5bUH9aKhSUQf1O2mFdoQcXk/view?usp=sharing)**
>
> Google Drive file.

Let us chat and work to make your idea 💡

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [September 17, 2025, 7:16am UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/12 "2025-09-17T07:16:47Z")

</div>

how are you achieving the randomness?

I think I would probably apply a `order-{number}` to each of the items in the grid, but interested to hear how you’ve solved this 🙂

---

<div class="post-metadata">

**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\
**Post date:** [September 17, 2025, 10:22am UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/13 "2025-09-17T10:22:49Z")

</div>

I give the name of the class for the `grid container` and the `name ID` for every image, then the `JavaScript code` will play randomly every reload.

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [September 17, 2025, 10:55am UTC](https://forums.realmacsoftware.com/t/new-template-reflexions/49550/14 "2025-09-17T10:55:09Z")

</div>

If you type bento into search this has been discussed many times and here’s a working example how to do it. [https://forums.realmacsoftware.com/t/build-a-bento-grid-in-elements/49755](https://forums.realmacsoftware.com/t/build-a-bento-grid-in-elements/49755)
