Modifying Drupal 8 administration theme - themes

I've recently added the faqfield module - but when reviewing this in the content editor the fields are spewing over the container.
I fixed the issue by adjusting the textarea.form-textarea css to min-width:100% in chrome console -- but I am not sure how to apply this fix to the site itself. Is there a way of adding into the db level an override css for the admin theme? Or do I create an overriding change in the theme folder - and if so how?
before quick fix
after quick fix

You can create a new custom admin theme and have it use the contributed admin theme you're using as a base.
You can then just override stuff as needed:
In your my_theme.info.yml in the top section add:
base theme: contrib_admin_theme_name
You then use your own custom theme as the admin theme, but it well use everything from the contributed admin theme, except for the stuff you overwrite.

The best way is to go to Drupal.org and submit it as a patch (you'd be doing it in the Drupal core issue queue since Seven is a core theme). If you don't want to do that then you'd create a subtheme based on the Seven theme, and add your CSS in there. You don't wan to update the theme directly as anytime you update the Drupal core it'll overwrite your changes.

Related

CS-CART Themeing

I have been looking into using CS-CART as a shopping cart and started looking through the themes and it appears to me the only way to build a theme is to extend a default theme and use the theme editor and visual designer to construct themes. Is this the only way or is there a way to code custom themes without being limited to designing in the administration section?
The theme editor is intended to be used as a customization tool for the site administrator, not for the theme developer.
A theme may provide configuration for the theme editor - what colors can be changed, etc.
For the deep customization of how the site looks you can create you own theme with your own CSS code.
Check out this guide on how to create your custom theme - http://docs.cs-cart.com/4.3.x/designer_guide/theme_tutorial/index.html
Also there is an official Bootstrap 3 theme for CS-Cart which can be easily customized - https://github.com/cscart/cscart-boilerplate#the-cs-cart-boilerplate-theme
You are not limited, you have all the tools that you need to develop as you desire, the responsive theme is the base because this theme was tested enough so far and have good feedback and for somebody to start from scratch will take to much time and until you finish CS-Cart will do a big change and you will need to do another work ;)
Please check https://www.ambientlounge.ie and let me know if you find any limitations here :D
It's very easy modift cs-cart theme, cs-cart theme base on bootstrap and and smarty engine, firt you need looking for "index.tpl", "common/script.tpl", "common/style.tpl", "view/block_manager/render/grid.tpl || container.tpl || block.tpl || location.tpl. and you will understand cs-cart theme structure
You need to know smarty engine syntax here http://www.smarty.net/documentation
and cs-cart developer doc here http://docs.cs-cart.com/4.3.x/#designer-guide

Magento new theme with default data

I have installed Magento CE 1.9.1.0 with sample data. I have copied the default theme of interface rwd and rename it as test theme. Update the package and theme from the admin panel and Save the same. But when refresh the front panel from browser no data will be displayed including images etc. Please help me to know what are the tricks behind the same.
Why data is lost while new theme has been activated?
How to see the sample data?
What are the files am I need to configure more?
you want to Customize RWD theme.in your rwd package you can make a new theme like
design/frontend/rwd/yourtheme and start copying the files which you want to customize in yourtheme.
copy files from design/frontend/rwd/default to design/frontend/rwd/yourtheme and start customization.
and also check this link too
If my understanding is right, you already create your own theme package and set it in the System > Configuration > Design (and correctly followed the magento fallback system) Link
Next, if your working on locally, make sure to set the cache as disabled. Navigate to System > Cache management and select all, refresh and then disabled it.

Which template do you edit to change doctype in Magento checkout?

Which template do you edit to change doctype on the Magento checkout page?
I am trying to implement a design change using an alternative package/theme for mobiles using the Magento's HTML5, "iphone" template but I have been having problems with doctypes on certain pages.
The checkout is one such page. Try as I have I haven't been able find the template.
IT is driving me insane.
Any help appreciated.
Using Magento 17.0.2
Go to app/design/frontend/default/yourtheme/template/page folder, then edit the 1-column.phtml, 2columns-left.phtml, 2columns-right.phtml and 3 columns.phtml
First go to layout/checkout.xml. Copy that into your design if it's not already there so you can change the section that references template/page/1column.phtml as the template. Override that with your own file and in there you'll be able to set any doctype.
If you want to change the doctype globally, and not just on the checkout page, you can just edit your 1column.phtml.
As you make changes to these files go into the admin and clear your cache if you don't see the updates immediately.

Completely Remove Magento Template

I installed magento on my webserver and tried 3 different templates on my URL. I want to stick on template number 3, but i don't know how te completely remove my 2 old templates.
There are still in my Admin Dashboard
How can i remove this old themes?
Greetings Dennis
go to system=>configuration=>design and update theme name and default to your 3 theme and clear all you var/cache and see
I will go with Anil's solution but even this doesn't help try deleting the theme file from the directory if you know what all you added to the project directory while adding those themes. Be careful do not delete any other files other than those theme files or regarding to it.
Clear your magento cache by going to cache management in system menu on admin panel.
I hope this will solve your issue.

magento sub theme possible?

i'm creating a magento shop.
I've downloaded a new Template.
The template has an own "package" folder and has its phtml files in the "default" folder inside the package.
Now i begun to add a theme folder in this package to customize the downloaded template.
Everything is working fine.
But now i want to create sub-designs for this customized version, to make some shop-categories look different (I can change the theme for single categories in the backend).
is it possible?
what can you recommend?
I think Aoe_DesignFallback extension will help you http://www.fabrizio-branca.de/custom-design-fallbacks-in-magento.html
You can create as many theme variations as you want inside your custom package
package/default
package/theme1
package/theme2
...
package/themeN
Inside these themes you can customize as many files as you want. For example, you can edit only one specific template for on specific theme. Because of Magento fall-back mechanism all the rest files will be used from 'default' theme of your package and then from 'default' theme of 'base' package
Read this guide:
http://info.magento.com/rs/magentocommerce/images/MagentoDesignGuide.pdf
You need to make different designs for different categories, and at the backend,
Catalog > Manage Categories > for each categories > Custom Design Tab
You can select the design you want for that particular category.
You can also add something in Custom Layout Update as per your need.
You can even give time range that design will be shown and automatically display the default design after that time.
The only fallback mechanism for themes in Magento is between the supplied 'base' theme and your selected theme. That is, Magento will look for files in your selected theme, and, if any specific file is not found, will fallback to the supplied 'base' theme.
So, you can probably merge your desired theme with the 'base' theme, and replace the 'base' theme with this newly-created theme. Then, you can create one single sub-theme that can fallback on the new 'base' theme. I will not recommend you doing this, as this will make upgrading to new versions of Magento very difficult.
If you really want to make this work, I will recommend having a workflow outside of Magento to handle your files in the themes and sub-themes. Perhaps some sort of scripts that take files from the main theme and merge them into the sub-themes before copying all the themes and sub-themes folders into Magento.

Resources