Discussion on Sandbox - Modern & Multipurpose Bootstrap 5 Template

Discussion on Sandbox - Modern & Multipurpose Bootstrap 5 Template

By
Cart 7,422 sales
Well Documented

elemis supports this item

Supported

This author's response time can be up to 2 business days.

308 comments found.

You are not on the admin side.

Apologies, we’re not entirely clear on your request. Could you please elaborate? Thanks.

Hi there,

nice theme, thanks for that. I have just one question. We need youtube videos only to load after the visitor accepted the cookie-consent banner. This means, we have to modify the iframe that loads the youtube video and add additional attributes like i.e.

data-cookieblock-src="https://www.youtube.com/embed/xxxxxxxxxxx" data-cookieconsent="marketing" 

How can we do this? The code to implement the youtube player in the theme looks like this

<div class="player" data-plyr-provider="youtube" data-plyr-embed-id="{data.youtube-id}" />

Regards Mike

Hi,

Thank you for your kind words. Unfortunately we’re not entirely sure how to implement this solution to the player plugin. Have you tried it with regular YouTube embed?

Thanks for your answer. Yes, it works with the regular youtube iframe embed. But with this I cannot use the nice player you guys build :)

Without being able to configure such options, we cannot use this player in Europe because of GDPR restrictions. Visitors must always confirm the use of external services like youtube before anything can be loaded.

Regards Mike

Unfortunately we’re not familiar with the implementation process for this feature. You may want to consider reaching out directly to the developer of the player plugin for assistance: https://github.com/sampotts/plyr

Hello, How can I increase the internal margin for the smartphone version? Thanks

Sorry we couldn’t understand your enquiry. Could you please elaborate and provide a screenshot? Thanks!

Hello, I like yout Theme! In the EU, accessible websites will be mandatory from mid-2025. This means, among other things, that you have to have a high contrast (similar to dark mode), changeable text sizes, etc. Are you planning an update on this? Best regards Anna

Thanks for the heads up, unfortunately there are no updates planned soon.

Hello guys, is dark theme planned ?

Hi,

We have decided not to include dark mode due to compatibility issues.

cajkan

cajkan Purchased

Dark theme please <3

not that ticket ) sorry

Sorry we couldn’t understand your question.

Hi, I’m having a problem playing Vimeo videos embedded using Vimeo – plyr on my iPhone. On the 1st playback, the iPhone displays just a black page – no video visible. On the 2nd play the full video is visible. Can you please advise why this is happening and what I need to do to get it to play fully visible 1st time? An example page is here – https://www.propertytours.com.au/propertytours.html – this is happening with the 1st 3 embedded clips on this page. Many thanks, Nick

It appears that this is a known issue with the media player plugin (Plyr) and Vimeo videos and unfortunately there is no solution available at this time. We recommend using the native Vimeo embed or you can upload your videos to YouTube and use Plyr’s YouTube option which doesn’t have this issue.

Thanks for your reply. The YouTube option doesn’t work for me as the end screen is inappropriate. However, the native Vimeo embed works and I’ve changed the page accordingly. However, I’m still missing the excellent, pulsing Play button which is one of my favourite features of Sandbox. If there any code I can use on the native Vimeo embed to also have the pulsing play button? many thanks, Nick

Unfortunately we are not aware of any method to add a custom play button to a native Vimeo embed.

Hi, I’m trying to get the angle-down ⌄ symbol to appear in my NavBar to indicate when there is a dropdown-menu. It shows in this page https://www.propertytours.com.au/propertytours.html but not doesn’t show in this page https://www.propertytours.com.au/index.html where as far as I can see the code is the same. Are there any settings I’m missing? Many thanks, Nick

Hi,

You need to remove “caret-none” class in the code of the page where the arrow does not appear.

Hi, on your docs/blocks/hero.html the 20th example (which links to demo 20) has a background video playing. This is from a self hosted .mp4 file i.e. <video poster=”./assets/img/photos/movie2.jpg” src=”./assets/media/movie2.mp4”.

I’m concerned that using an .mp4 file on my server may exceed my bandwidth allowances. Can you please help with the code to stream this video from YouTube? Many thanks, Nick

Hi,

Unfortunately only mp4 video option is available for background video.

Can this theme be included in a Laravel project? What about deleting components that are not used in the project?

Unfortunately we don’t have any knowledge or experience on Laravel so we are not able to provide any help on this matter. Please check the documentation for details on how to remove unwanted plugins or css: https://sandbox.elemisthemes.com/docs/faq.html#faq-1

Why haven’t I received a reply to my email?

I bought it by mistake thinking it was a WordPress theme. Please refund me quickly.

Please submit your refund request through the following link: https://themeforest.net/refund_requests/new

I’m using demo3 as a basis, and have a few anchor links in the top menu, along with some “regular” links. This works great with the “scroll”-class.

However, on mobile, when these links are clicked through the offcanvas menu, the offcanvas menu stays open. I noticed that in the onepage-demo, the menu closes automatically when clicking an anchor link, but I can’t figure out how to do this. Any help is appreciated. Thanks

Hi,

Please try adding “onepage” class to the body tag.

Took me awhile to get this going – This is a working solution to get the offcanves search to work. Hopefully some body can make use of it. Or if anyone else has a better solution, post away

It will search everything in the current page for a container with the id SearchArea

Add the highlight style

<style> .highlight { background-color: yellow; } </style>

On the form, I had to add onSubmit=”return false;” otherwise the page would reload for some reason on the first search.

<form class=”search-form w-100” onSubmit=”return false;”> <input id=”search-form” type=”search” class=”form-control” placeholder=”Type keyword and hit enter” onsearch=”searchFilter()”> </form> <!- /.search-form -> <button id=”btnclose” type=”button” class=”btn-close” data-bs-dismiss=”offcanvas” aria-label=”Close”></button>

<script> // Function to search and highlight text in a given container function searchAndHighlight(searchTerm, containerId) { const container = document.getElementById(containerId); const content = container.innerHTML; const regex = new RegExp(searchTerm, “gi”); // Case-insensitive search const highlightedContent = content.replace( regex, ` ${searchTerm} ` ); container.innerHTML = highlightedContent; }

// Function to scroll to the first highlighted element in a container function scrollToFirstHighlight(containerId) { const container = document.getElementById(containerId); const firstHighlight = container.querySelector(”.highlight”); }

if (firstHighlight) {
   firstHighlight.scrollIntoView({
    /behavior: "smooth",/
    block: "center",
  });
}

var searchFilter = () => { let myCounter = 0; let myCloseButton = document.getElementById(“btnclose”); myCloseButton.click(); var els = document.getElementsByClassName(‘highlight’), i = els.length; while (i—) { els[i].className = ‘none’; } const input = document.querySelector(”.form-control”); if (input.value != null && input.value != ””) { searchAndHighlight(input.value,’SearchArea’); scrollToFirstHighlight(‘SearchArea’) } if (input.value != null && input.value != ””) { var els = document.getElementsByClassName(‘highlight’), i = els.length; while (i—) { myCounter ++; } if (myCounter == 0) { alert(‘No Results Found’); } } }

</script>

Great, thank you for sharing!

What folders from 3.4.1 do I need to update to be able to use the ‘X-Twitter’ icon – – Running 3.4.0 Thanks

Hi,

You need to update assets/fonts/unicons folder and if you’re using the gulp version src/assets/scss/theme/_icons.scss file. If not, then add the following css code in you style.css:

.uil-x-twitter:before {
  content: "\edb7";
} 

Hi Guys, my usual request (plea?) – any updates / changes imminently planned before I undertake an update to my site? best wishes, Nick

Thanks for asking, but there are no updates planned soon.

Hi, I really like the template. I’m going to purchase it, but I have one question. Is there no “My Account” page?

Thank you for your interest in Sandbox. While there is no pre-built My Account page included, you can easily create one using the elements available within the template. Please note that this is a pure HTML template so all elements are only available as design and do not include functionality.

I see you have answered it before about dark mode. Definitely missing the dark mode, would be a great feature for the template. Great job with the template.

Hi,

I bought the theme recently, and trying to configure it to angular but i got many issues in the plugin.js

can i know the issue

Hi,

Unfortunately we are not familiar with Angular so we may not be able to identify the specific issues with the plugin.js file in an Angular environment. However you can examine each plugin individually within the src/assets/js/vendor folder to understand their functionality and compatibility.

If you’re encountering compatibility issues with Angular you might need to explore alternative plugins that are explicitly designed to work seamlessly with Angular.

We apologize for any inconvenience this may cause and encourage you to seek assistance from Angular experts or consider alternative plugins tailored for Angular integration.

Hi, do you have an html version of this template? I really like this one, but I need to use React for my project

Hi,

Thank you for purchasing Sandbox. This is the HTML version of the template. It comes with both Gulp and generated versions. You’ll find the generated production files in two folders: dist (minified) and dev (unminified).

Are there plans to make the main page in the style of an online store?

Thank you for your inquiry. Unfortunately this is not in our plans.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey