Can be added three images after banner
For the theme http://www.spearthemes.com/oc-light/
Or default theme opencart 3.0.2.0
I understand that it is difficult to add images to themes.
There may be an easier way to add images.
It's right to add html content modules or it's not a safe way.
The 3 images also have a hover effect.
Thank you
Attachments
three images.jpg (159.21 KiB) Viewed 770 times
And as an example/demo you can add this:
Code: Select all
<div class="beffect">
<a href="#"><img src="you_image_location.jpg"></a>
</div>
Code: Select all
.beffect{
position: relative;
overflow: hidden;
}
.beffect img {
max-width: 100%;
transition: all 0.5s;
}
.beffect a:hover::before {
border: 0 solid rgba(255, 255, 255, 0.7);
}
.beffect a::before {
content: "";
height: 100%;
width: 100%;
position: absolute;
border: 50px solid rgba(255, 255, 255, 0);
top: 0;
left: 0;
transition: all 0.5s ease-in-out;
}
.beffect a:hover::after {
transform: scale(0.5);
opacity: 0;
transition-delay: 0.1s;
}
.beffect a::after {
content: "";
height: 100%;
width: 100%;
position: absolute;
opacity: 0.5;
border: 30px solid #fff;
top: 0;
left: 0;
transform: scale(0);
transition: all 0.3s ease-in-out;
transition-delay: 0s;
}
Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer
When I insert the image it works from the module.
When I write code it does not appear exactly what I write
source image C:\xampp\htdocs\opencart\image\catalog\demo\canon_eos_5d_2.jpg
<img style="width: 408.525px; height: 375.1px;" src="http://localhost/opencart/image/catalog ... s_5d_2.jpg">
Thank you
Attachments
my site.jpg (68.73 KiB) Viewed 710 times
html module.jpg (103.85 KiB) Viewed 710 times
did you update your theme file first ?dani888 wrote: ↑Sun Sep 16, 2018 7:12 pmI made the changes but maybe I did not do something right
When I insert the image it works from the module.
When I write code it does not appear exactly what I write
source image C:\xampp\htdocs\opencart\image\catalog\demo\canon_eos_5d_2.jpg
<img style="width: 408.525px; height: 375.1px;" src="http://localhost/opencart/image/catalog ... s_5d_2.jpg">
Thank you
you can add <style> </style> direct to your page as well
Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature
After you pasted the code, press again on code view, then save
Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer
its look like he didn't update his CSS sheet and just trying to achieve it direct without mentioning div class
Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature
Great so don't forget to mention the step here as well in case if some have same problem & Mark your post as resolved
Thanks
Urgent Questions shoot here: khnaz35@gmail.com
Enjoy nature
Great so don't forget to mention the step here
Well, anyone should know, that HTML Code needs to be entered in SOURCE MODE,
but sure not in WYSIWYG (What you see is what you get) Mode, to make such work.
It works this way since 'MS FrontPage 95' and similar WYSIWYG HTML Editors exist,
so there is nothing really new about this...
Still, I usually mention this, if I make such a Posting, just to make sure, since more
and more OC Newbies never played around with (html) Code before.
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Correct, you used Windows
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Users browsing this forum: No registered users and 18 guests