Ready This is an app especially developed for Shopware 6
Custom CSS, JS and Predefined CSS Classes | (Styles and Javascript)

Custom CSS, JS and Predefined CSS Classes | (Styles and Javascript)

by Armscript no ratings yet 1 Downloads
Current version:

Version:

Rent
30.05% Promotional discount Including trial month This app starts with a free trial month. It can be canceled at any time on a monthly basis or will be automatically renewed at the indicated prices. € 3.84* / month € 5.49* / month Promotion valid until 30/11/2021 13:30

Free updates and support included

Cancelable monthly

To use the wish list, you must accept the necessary cookies. Accept cookies
Can be used in:
Cloud Self-hosted
Support
Details
  • arm9073981732566m
  • Armscript
  • 2.0.0
  • 18 Aug 2021
  • de_DE en_GB
  • 6.4.0.0
    6.4.1.0 – 6.4.1.2
    6.4.2.0 – 6.4.2.1
    6.4.3.0 – 6.4.3.1
You will have ability to add Custom CSS and Javascript into your website. You will also get... more

Product information

Highlights

  • Add your own Custom CSS and Javascript
  • Animations for images, containers and other Predefined Custom CSS Classes
  • Customize any background, input color, placeholder color of CMS element
  • Apply shadows to texts and images
  • Add, remove on inputs and buttons, change their colors and background colors

Features

  • Add your own Custom CSS
  • Add your own Custom Javascript
  • Animations for images, containers and other Predefined Custom CSS Classes
  • Customize any background of CMS element
  • Change input color, background color, placeholder color
  • Apply shadows to texts and images
  • Add, remove on inputs and buttons, change their colors and background colors

Description

You will have ability to add Custom CSS and Javascript into your website.


You will also get a list of hundreds of css classes which you can use in your shopping experiences to customize colors, background colors, fonts, layouts, animations and anything related to style on your website.


Read more about the plugin and our other plugins here at: https://armscript.com/Products/


The Class List:


arm-animation-bounce-top - images of such container will bounce from bottom to top when the page is loaded

arm-animation-bw-fade - fading from black to white will take place periodically showing a nice animation


arm-bg-black - sets the background of the container to black

arm-bg-white - sets the background of the container to white

arm-bg-red - sets the background of the container to red
arm-bg-green - sets the background of the container to green

arm-bg-blue - sets the background of the container to blue

arm-bg-purple - sets the background of the container to purple

arm-bg-orange - sets the background of the container to orange

arm-bg-gray - sets the background of the container to gray

arm-bg-navajowhite - sets the background of the container to navajowhite


arm-bg-lg-black-purple - sets the background of the container to a linear gradient from black to purple

arm-bg-lg-black-blue - sets the background of the container to a linear gradient from black to blue

arm-bg-lg-black-red - sets the background of the container to a linear gradient from black to red

arm-bg-lg-black-green - sets the background of the container to a linear gradient from black to green

arm-bg-lg-black-yellow - sets the background of the container to a linear gradient from black to yellow

arm-bg-lg-black-turquoise - sets the background of the container to a linear gradient from black to turquoise

arm-bg-lg-black-orange - sets the background of the container to a linear gradient from black to orange


arm-bg-lg-white-purple - sets the background of the container to a linear gradient from white to purple

arm-bg-lg-white-blue - sets the background of the container to a linear gradient from white to blue

arm-bg-lg-white-red - sets the background of the container to a linear gradient from white to red

arm-bg-lg-white-green - sets the background of the container to a linear gradient from white to green

arm-bg-lg-white-yellow - sets the background of the container to a linear gradient from white to yellow

arm-bg-lg-white-turquoise - sets the background of the container to a linear gradient from white to turquoise

arm-bg-lg-white-orange - sets the background of the container to a linear gradient from white to orange


arm-br-10 - sets the borders of inputs, buttons and selectors to be more round

arm-br-50 - sets the border of inputs, buttons and selectors to be very round

arm-br-black - changes border colors to black

arm-br-none - removes borders from all elements in the container


arm-black - sets colors of all texts, borders and svg's to black

arm-white - sets colors of all texts, borders and svg's to white

arm-red - sets colors of all texts, borders and svg's to red

arm-green - sets colors of all texts, borders and svg's to green

arm-dark-blue - sets colors of all texts, borders and svg's to dark blue

arm-purple - sets colors of all texts, borders and svg's to purple

arm-orange - sets colors of all texts, borders and svg's to orange

arm-gray - sets colors of all texts, borders and svg's to gray

arm-navajowhite - sets colors of all texts, borders and svg's to navajowhite


arm-input-placeholder-black - changes placeholder colors of inputs of the container to black

arm-input-placeholder-white - changes placeholder colors of inputs of the container to white

arm-input-placeholder-primary - changes placeholder colors of inputs of the container to primary color set in theme setting

arm-input-placeholder-secondary - changes placeholder colors of inputs of the container to secondary color set in theme setting


arm-input-bg-black - sets container's inputs to have black background and white color of text in them

arm-input-bg-white - sets container's inputs to have white background and black color of text in them

arm-input-bg-primary - sets container's inputs to have primary color background
arm-input-bg-secondary - sets container's inputs to have secondary color background


arm-img-shadow - sets a shadow for images inside of a container

arm-text-shadow-black - sets a black shadow to texts inside of a container

arm-text-shadow-white - sets a white shadow to texts inside of a container

Read, write and discuss reviews... more

Customer reviews

Installation manual

  • Install the plugin through your admin panel.


For custom css classes:

  • Read the CSS Class list in plugin description section
  • Put the desired class name(s) in your cms elements (Content->Shopping Experiences) corresponding input field(CSS Classes field on right side of screen under Section Settings), hit the save button and see the changes immediately


For your own Custom CSS and JS:

  • Open the plugin configuration
  • Add your own custom css and js, make sure that the "Activate CSS" and "Activate JS" toggles are switched on and hit save. After that you will see your customizations in the storefront.

Changelog

Version 2.0.0

Ability to add your custom css and js, 20 new css classes for linear gradients

Version 1.0.0

Initial Release of ArmCSSClasses

About the manufacturer

Armscript Armscript 6 Extensions No ratings
Current version:

Version:

Rent
€ 3.84* / month € 5.49* / month Promotion valid until 30/11/2021 13:30

Free updates and support included

Cancelable monthly

To use the wish list, you must accept the necessary cookies. Accept cookies

Recently viewed

Shopware Logo
Your opinion matters to us!

Honest feedback is valuable and our basis for improvement. That's why we're asking you to take part in our latest survey on Shopware as a brand. It will probably take you less than 5 minutes.