I have a fresh install of OC3.0.3.8 and i have installed the Theme Criclet from ExtensionStudio.
I got almost everthing to work but only i can't get the Slideshow to show as in the theme on there demo.
https://demo.extensionstudio.net/circlet/
my site is;
https://www.marqasa.nl/
So i only want to know how to get the slideshow as in there site.
Regards

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig
But i will try to get support i think it's something simple but need help to find out with file to edit.
For now thanks
Regards

Can anyone tell me how to get the slidshow to start from the top of the page with the menu overlaying like on the links here above ?
I already tried to edit /public_html/catalog/view/theme/circlet/template/common/home.twig but no succes if i place {{ content_top }} before {{ header }}
it just shows one under the other and i want to show it in one image.
Thanx in advance
Anyway you can do it this way
edit line 1974 of your stylesheet
from
Code: Select all
#myHeader {
top: -110px;
}
Code: Select all
#myHeader {
top: 0 !important;
position: absolute;
z-index: 9
}
remember to refresh ALL your cache including any server side cache and browser
check it has updated (that caching has been cleared)
https://www.marqasa.nl/catalog/view/the ... esheet.css
and see that the online version has the new code
DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Thanx,by mona wrote: ↑Wed Mar 15, 2023 4:15 amThere is probably a setting somewhere in admin
Anyway you can do it this way
edit line 1974 of your stylesheet
from
toCode: Select all
#myHeader { top: -110px; }
Code: Select all
#myHeader { top: 0 !important; position: absolute; z-index: 9 }
remember to refresh ALL your cache including any server side cache and browser
check it has updated (that caching has been cleared)
https://www.marqasa.nl/catalog/view/the ... esheet.css
and see that the online version has the new code
This is the issue and now it is solved.
The slideshow is now on the top like i wanted.
I edited the file in stylesheet and cleaned all the Cache files and now it is like i wanted it.




I used this code to get the text in the center.
Code: Select all
#myHeader {
top: 0 !important;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 9
}

I only want the menu in the homepage but it shows in all my pages, do you know how to solve this ??
Code: Select all
<style>
#myHeader {
top: 0 !important;
position: absolute;
z-index: 9
}
</style>
instead
DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Yes i edited my home.twig it is almost good only in the homepage the menu is over right and not in the middel.by mona wrote: ↑Wed Mar 15, 2023 7:22 pmreturn the css file as it was and addto the file catalog/view/theme/** the theme folder **/template/common/home.twig.Code: Select all
<style> #myHeader { top: 0 !important; position: absolute; z-index: 9 } </style>
instead
This is only on the homepage and not the other pages and also not when you scroll down then it is in the center.
After playing around with the file i think now it is working fine, i hope this is the best way i don't know but it works

My file catalog/view/theme/** the theme folder **/template/common/home.twig.
Code: Select all
{{ header }}
{{ content_top }}
<div id="common-home" class="container">
<div class="row">{{ column_left }}
{% if column_left and column_right %}
{% set class = 'col-sm-6' %}
{% elseif column_left or column_right %}
{% set class = 'col-sm-9' %}
{% else %}
{% set class = 'col-sm-12' %}
{% endif %}
<div id="content" class="{{ class }}">{{ content_bottom }}</div>
{{ column_right }}</div>
</div>
<style>
#myHeader {
top: 0 !important;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 9
}
</style>
{{ footer }}