Opencart 3.0.2.0 Custum Layout - css

Good afternoon
Is there anyone who can help me.
I have been trying for a while, but i do not get it done.
I use OpenCart 3.0.2.0 and would like a different kind of Layout.
I would like to select per banner whether it is left, center or right.
As soon as I choose left or right, this applies to the entire page.
Here is a layout I want:
This is what I want.
Can anybody help me with the code? And with file to edit.

I can guide you to a HTML/CSS/LESS code I have built and you can take an example from that should you wish.
I used lesscss.org, and the npm package less-watch-compiler.
https://github.com/mabbashm110/Sprint-Challenge--Responsive-Less
Also check this video out on how to create a custom theme on Open cart: https://www.youtube.com/watch?v=mqTstomXZiM
Let me know if you need help understanding it.

I think You have to modify controller and pass data to twig.
after modify twig file code according to your need.

Related

Woocommerce website product name not showing full

I have a woocommerce site on the front page product title now show full it's show half title and then 3 dots pls anyone can fix this
My website
Woocommerce
I have tried to edit template but it's not works
I have check your installation but didn't spot any issues about the problem that you described.
Check screenshot: https://prnt.sc/BYr-zaTIk4Of
BUT, I have checked the whole site for any issues and I have see this: https://prnt.sc/Hb61fv_wk0IP
Now if you this is your problem it's very simple. You have to edit your main .css file which is located in /wp-content/themes/elessi-theme/style.css and then search for ".nasa-show-one-line" and in this point delete the second rule which is "white-space: nowrap;" like screenshot here: https://prnt.sc/rWOLVKoRnsQg
Before you start to make any changes just remember to take a copy of your css file locally.
I hope to help you with this issue. If you need something else just inform me to take it to another step.
Friendly, George
This may have to do with CSS. So one option is to check what happens there. Another option is to give us a live URL from your installation to check the problem. Sure it's simple to find a a solution.
-- You can check your theme's demos if it happens the same there like in your installation!

How to add buttons on top of an image, like waypoints on a map [WORDPRESS]

I’m new to wordpress therefore I’m not aware of all the capabilities of this tool, but I wanted to know how do I add buttons on top of an image, much like the waypoints you normally see in maps in museums or even video-games. It is something that I am having trouble recreating and I would need some help with that.
Here is an example but of course, with less buttons than what it is actually shown here.
Also, before I forget to mention, thank you to all those who try to help me.
(This is a repost from my original topic in the wordpress forums, you can find it here.)

How to make complete masonry box clickable - Wordpress

I have a site: http://weltreise.inomex.ch/
I have three columsn Monsonry. I'm trying to make the complete each box clickable to complete post. Currently, only read more takes me to complete article. Any idea how to do it?
Thanks
How are you running the loop that delivers content to the blocks (plugin, custom template, etc.)
You need to make sure the link tags are being placed around the entire block, not just the "read more" link.
Author won't change theme just for you. It is also bad practice to change php file code by yourself, because of all updates and stuff. I would suggest that you add custom javascript(jQuery) (it is dirty solution, but it should work). Also be careful. Even if you wrap masonry brick with anchor(a), you should remove links that are inside that brick -> you should change anchor(a) with something else (span).

plonetruegallery: Download link or button, so users can download a viewed image?

I use collective.plonetruegallery for image galleries within Plone and I like it. However, what I miss is a "download" button or a simple "link" in order to let users actually download a image. The "Galleria" display view of plonetruegallery does seem to offer such a link/button -- does any of the other display views? Or any other solution whithout having to hack the plonetruegallery addon myself?
I know that you can right click and then choose "download image" among several other options within your preferred browser -- however, for a dumb user to cumbersome ;)
I have added an option to collective.ptg.contactsheet (1.1.2) that let you choose between going to the content or downloading it.
Espen
There's not a built-in "feature" to do this. You can see which of the gallery views might have this; looks like you've already found one. I'm sure you could easily customize another one to include such a link, simply by following the example in Galleria.
This is quite easy to make. The url to download the image would probably be:
/path/to/image/download
One option could be to just add an action.
If you want to have this for a specific gallery, I can probably fix it.
(go to https://github.com/collective/collective.ptg.contactsheet or whatever gallerytype you want it for and add an "Issue"
Espen

How to use jQuery to show a different page in ASP.NET

I am trying to set up functionality similar to Netflix. Where if you mouseover a movie - you are presented with a window of movie details (all client-side).
At high level, can someone in this forum help by telling me how this should be implemented? I.E., one or more .aspx pages, what would go in code-behind, and .js file, css, etc. Just trying to get an idea on how this would be set up to work.
Basically, when I hover over an item, I need to query for details that belongs for that record being moused-over and display it in the window or div. I also need to have some functionality in that window (i.e. a textbox and button which will end up needing to get saved in a database).
Thanks for any tips and suggestions -
You would want to add an AJAX call to the hover event of the image, that pulls from a webservice/web method.
Here is a good example, you would change some things. However, it should get you started.
http://www.mikesdotnetting.com/Article/96/Handling-JSON-Arrays-returned-from-ASP.NET-Web-Services-with-jQuery
If I understood your question correctly, you should try this excelent jQuery plugin:
http://www.sohtanaka.com/web-design/css-on-hover-image-captions/
Look at the demo here:
http://www.sohtanaka.com/web-design/examples/image-hover/
easy to install and configure and very slick!
Good luck
EDIT: sorry wrong lik the first time
There are certainly many jQuery plugins that will do this for you. jQuery UI may also be of benefit.
Here is one that appears to do something like you are describing:
http://plugins.jquery.com/project/VisualLightbox

Resources