Post by Marqasa » Sun Mar 12, 2023 8:29 pm

Hallo i need some help
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
Last edited by Marqasa on Thu Mar 16, 2023 1:32 am, edited 5 times in total.

New member

Posts

Joined
Sat Feb 03, 2018 12:33 pm

Post by IP_CAM » Sun Mar 12, 2023 8:44 pm

Well, why not ask the Theme Supplier, nobody else would know... :laugh:

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.


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

User avatar
Guru Member

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by Marqasa » Sun Mar 12, 2023 9:29 pm

I did not ask because it is a free theme and someone already comment it on the extension page but did not get a reply.
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 ;)

New member

Posts

Joined
Sat Feb 03, 2018 12:33 pm

Post by Marqasa » Wed Mar 15, 2023 3:05 am

I asked the builder of the theme but it seems he does no longer gifs support true OpenCart and does not respond.
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

New member

Posts

Joined
Sat Feb 03, 2018 12:33 pm

Post by by mona » Wed Mar 15, 2023 4:15 am

There is probably a setting somewhere in admin

Anyway you can do it this way
edit line 1974 of your stylesheet

from

Code: Select all

#myHeader {
top: -110px;
}
to

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


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by Marqasa » Wed Mar 15, 2023 2:03 pm

[/code]
by mona wrote:
Wed Mar 15, 2023 4:15 am
There is probably a setting somewhere in admin

Anyway you can do it this way
edit line 1974 of your stylesheet

from

Code: Select all

#myHeader {
top: -110px;
}
to

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
Thanx,
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.
:dance: :dance: :dance: You are the greatest
:clap:
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	
    }
Only now the menu sticks to all my pages ?????
I only want the menu in the homepage but it shows in all my pages, do you know how to solve this ??

New member

Posts

Joined
Sat Feb 03, 2018 12:33 pm

Post by by mona » Wed Mar 15, 2023 7:22 pm

return the css file as it was and add

Code: Select all

<style>
#myHeader {
top: 0 !important;
position: absolute;
z-index: 9	
}
</style>
to the file catalog/view/theme/** the theme folder **/template/common/home.twig.
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


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by Marqasa » Thu Mar 16, 2023 1:27 am

by mona wrote:
Wed Mar 15, 2023 7:22 pm
return the css file as it was and add

Code: Select all

<style>
#myHeader {
top: 0 !important;
position: absolute;
z-index: 9	
}
</style>
to the file catalog/view/theme/** the theme folder **/template/common/home.twig.
instead
Yes i edited my home.twig it is almost good only in the homepage the menu is over right and not in the middel.
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 ;D
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 }}
Many thanx by Mona i will change this post to solved .

New member

Posts

Joined
Sat Feb 03, 2018 12:33 pm
Who is online

Users browsing this forum: ggrant3, OSWorX and 16 guests