I am new to nopCommerce and trying to make HTML to theme on it I googled lots of things but not able to get proper way to create customized theme nopCommerce, can any one help,
Thanks in advance
The easiest way:
Copy the folder at ~/Themes/DarkOrange to ~/Themes/YOUR_THEME. Modify the corresponding items in theme.config.
If you need to change any view, copy that view from ~/Views/SUB_FOLDER/FILE_NAME.cshtml and paste it under ~/Themes/YOUR_THEME/SUB_FOLDER/FILE_NAME.cshtml.
For example, if you want to change the code in ~/Views/Shared/_ColumnsOne.cshtml, copy that file and paste it under ~/Themes/YOUR_THEME/Shared/_ColumnsOne.cshtml.
If you do not need to change any view, then modifying ~/Themes/YOUR_THEME/Content/styles.css is enough. (Also make sure you update ~/Themes/YOUR_THEME/Views/Shared/Head.cshtml to point to your CSS)
Rule of Thumb: nopCommerce will look for the specific view in your theme. If it can't find the view then it falls back to the original views at ~/Views. Otherwise your theme's views override the original views.
In addition to the Designers guide there are some nice articles describing why and how to use nopCommerce themes:
Why nopCommerce Theme?
How to create nopCommerce themes
A little help here: Overview (Designer's Guide)
Copy all the files inside ~/Views to your Themes: ~/Themes/YourTheme/Views
Then just modify any .cshtml file inside.
I hope it helps!
Related
hope you're doing fine.
I am currently stuck with my Web App project. This is the context: I would like to code a Web App using J2E. There's a free template that I liked and thus I decided to download it. When starting to use it I notice the CSS isn't applied.
Instead of having this, I have this:
However I do not see where the error is. The CSS & Bootstrap files should be visible in the JSP file and IntelliJ recognizes them. However I can't display these files (whether css or even pictures) that are referenced in "href".
Here's the project structure and code, maybe something's wrong there.
I'm used to HTML and to my understanding JSP isn't too different. Are the referencings different though?
Thanks in advance for any help you'll give,
Fares
YES.
Found the answer. Put resources in different folder than WEB-INF.
I believe that, your HTML file is inside the WEB-INF folder, for the to work either remove the WEB-INF path
<link href='style/stylesheet.css'>
or move your HTML one folder up.
I'm trying to edit the HTML of product page from Magento but it's not working.
I followed some tutorials (example: How to edit product page template in Magento) but without success.
I'm editing the "view.phtml" from the path below (standard template):
/siteName/app/design/frontend/base/default/template/catalog/product
Edited code
HTML not updated
Any idea?
Thx.
This file call based on theme so please check your theme folder, the path of this file follow.
/siteName/app/design/frontend/[theme folder]/[theme child folder]/template/catalog/product/view.phtml
If you are using the RWD (responsive) theme you may possibly need to edit the template in that folder structure. It is new in 1.9.x
I am trying to change my stylesheet but i can't find it in Wordpress. I also use LESS/SASS. Searched over the whole internet but can't find my solution, so I try it via Stackoverflow.
Thanks in advance...
Login into WordPress, there you should have a section called "Themes" or "Design". Choose "Theme Editor". There will be a list of all the files you can edit, the CSS stylesheet should be named style.css.
You should find it in the following directory wp-content/themes/your-theme/style.css. If you're theme is using LESS and SASS then there may be a folder for those files.
Often in :
wp-content/themes/theme_name/style.css
But often, there are many stylesheets. You can view source of you website to get the name of avtices stylesheets (if you see <link> with XXX.css, you know that this style sheet is active, and you can get the path).
I am trying to get Flatstrap working with Bootstrap 3 but i can't, the link they provide at the website http://flatstrap.org/ does not contain the flat.css and i cannot get it to work anyways. Can someone tell me how to put things together to get the desired flat design ?
You can find the files her :
Go to the download page of Flatstrap ( you have option to download for bootstrap 2 or 3).
After downloading the desired files, unzipe the downloaded folder you will find a dist folder contains a css folder, inside it you will find your files.
The Flatstrap files called ( bootstrap.css ) like the original bootstrap files, because they modify it from the beginning so just use them directly, there is no need for any other external sheet files.
hope this help you.
just download the bootstrap.css from their site, thats the flattened version.
So I renamed my flatstrap, and stuck it in the dist folder of normal bootstrap. And referenced that.
I have been asked by a customer to edit there ecommerce website, the cms system they use is Magento, how would i go about changing the category page html coding as i need to change a h2 to a h1. Were is it stored on the FTP so i can download edit html and then reupload. i have tried to go to /public_html/app/design/frontend/base/mylightbulb/template/catalog/category and the view.phtml does not contain the html i am after
Thanks
Magento's template is quite complicated (but flexible), but one way to find out where the HTML for a 'block' is located is by enabling Template Path Hints.
You should be able to edit their theme file for the category page here
/app/design/frontend/themepackage/theme/template/catalog/category/view.phtml