Adding a Class to a Shopware Theme Plugin - themes

We have a theme plugin which is encrypted with CodeIgniter. I only want to change the color of a button but the class does not exist. I assumed the theme pulled the button from the Bare or the Responsive Template. After searching for the button code I find it in the Bare ajax.checkout.tpl and add a class and even an inline style to the button. After clearing the Template cache, I still see no change. Am I wrong in thinking that the button is pulled from the Bare template file or have I simply missed a step?

You should have a look at the theme-inhertance: https://developers.shopware.com/designers-guide/smarty/#template-inheritance
Create a new theme with "injectbeforeplugins = false" and add an all.less to your individual theme. In this all.less you can override the class with your own styles.
Changing files in a custom plugin or the standard themes is considered bad practise. Since the Bare-Theme is loaded before the plugins, the plugin will override all changes in the bare theme. You need to change this in your own theme with "injectbeforeplugins = false" as described in the documentation.

Related

Magento 2: File path for changes in css

I am new to magento 2 and I am making css changes in luma theme on below path.
But after content deployment I lost my css changes.
Please help me in that.
/pub/static/frontend/Magento/luma/en_US/css/styles-m.css
/pub/static/frontend/Magento/luma/en_US/css/styles-l.css
You should not edit/modify files within pub/* or vendor/* directory.
Pub is for deployment and vendor is for default structure, which you
override via your template or custom modules
Instead:
create a new theme inside app/design/frontend/{vendor}/{yourTheme}/.
You can use Blank or Luma theme
You can also create new theme which inherites from Blank (inheritance
is defined within theme.xml). If you are already using some theme
then skip this step.
edit .less within your theme so the changes stay visible and don't
get replaced when clearing the cache or upgrading the system.
Use grunt to compile your .less into deployment files.
You can also setup sourcemaps to pin point your styling within the
theme .less files so you can be more productive.
if you want to override only css file then you don't need to compile it. so follow above steps , change your css and clear the cache. it will worked.

How can I customize Docfx documentation (themes or templates)?

I just started using Docfx and set up some basic conceptual documentation. Now I want to make some adjustments to the theme (company logo, perhaps some font changes, etc.) Minor stuff.
The official documentation only gives a high-level description of how to create a new template. I've never used a templating language before, so I'd like to avoid that for now if possible.
My question is: how can I make small adjustments to the default theme, like some CSS changes and perhaps adding external resources (like font awesome)?
Do I have to create an entire template (or a part of it) or can I include a CSS file somehow? The documentation mentions a theme option but so far I've found no examples or existing themes to learn from.
A mere link to a project that uses a custom theme or template would already be very helpful. The docfx repo has a docfx.website.themes folder and the default template is also in there I believe, but I couldn't really figure out which files I would have to provide to roll my own.
Export template:
Run docfx template export default, then you'll see default template in _exported_templates\default
Change themes in default template, e.g:
Adding external resource: modify styles\head.tmpl.partial
CSS change: modify styles\docfx.css or styles\main.css
Use customized template:
Run docfx -t _exported_templates\default, which will use your customized template!
NOTE: It is possible that DocFX updates its embedded templates when releasing new version. So please make sure to re-export the template if you overwrite or dependent on that template in your custom template.

Change button-image using overrides

I would like to change the image of the "Check out now" button in the cart view of VirtueMart. I know the image is located at joomla_root/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png and that I could change it there.
But I fear that this change will be reverted once I update VirtueMart somewhen. I heared about overrides in Joomla, but I found no description how to use them for images.
Edit
The image seems to be used multiple times for different buttons. I want to change them all, so that's no problem - but I would like to avoid overriding every single file using this image.
The css-file for these buttons is located at components/com_virtuemart/assets/css/vmsite-ltr.css. Maybe it would be the best solution to override this file? This should change every button. But where do I have to locate the new css-file and the new image?
In each template there is a "template" override folder... Usually at:
/templates/yourtemplate/html/
You can simply add another folder inside it for the component you wish to work on like so:
/templates/template_name/html/com_component/view_name/view_file.php
You have to figure out which view in virtumart uses your background image... then find the php file in that view and copy the file entirely to the path where you created for you override
Basically the file at
/templates/template/html/com_virtumart/view_name/view_file.php
Will override the one in the normal place like:
/components/com_virtuemart/views/view/tmpl/whereve.php
So when you update virtumart and it overrites the normal install path... your override file won't be touched!
Hope that helps
MORE SPECIFICALLY SOMETHING LIKE:
yoursite.com/templates/your_template/html/com_virtuemart/productdetails/default.php

Joomla 2.5 - Phocagallery and component.php

I'm setting up a site and I've run into a problem:
I've modified the component.php file in order to customize the printing of an article. Unfortunately i discovered that phocagallery uses the same file to display pictures.
Is it possible to indicate a file different from component.php as template view for phocagallery images?
That template file is what controls the look/output of ALL components. You're better off doing a template override for whatever component (like com_content) or doing this to customize the print view.

How can i make customized template for the front end by overriding the default one?

I am new to Pyrocms and reading the documentation I could not change fix my problem. I need my own template to be incorporated that is I want to change the default one provided. How can I do that. I really need a help.
Go into:
system/cms/themes/default/
This is the folder where you can find the default template of pyrocms. There you will see folders like "views, css, js, img" etc.
You can start by modifying views/layouts/default.html and views/partials/ folder.
Ofcourse if you need to change css and/or js you need to modify them too.
By the way this is the official pyrocms documentation for editing themes:
http://www.pyrocms.com/docs/manuals/designers

Resources