Tatyana Kozyreva is a highly qualified front-end developer in BelVG company. She’s mostly working with complex e-Commerce Magento and Prestashop -based sites. Tatyana has an experience of developing component-based architectures, site planning, and user interface design. Her professional capabilities include performance optimization, progressive enhancement, usability and accessibility, SEO, user interface design and more. The most…
Hire the authorToday I’m going to explain how to animate your website by CSS3 hover-effects, that are activated upon mouse hover. We will consider a case based on Theme configurator (themeconfigurator) default module in Prestashop 1.6 theme. And this article is dedicated to such CSS-properties as transform and transition, that you can easily apply in your webstore.
Magento 2.0 uses Flexbox (Flexible Box Layout Module) which lets you to control the size, order and alignment of elements by several axes, as well as distribute free space between elements and do many other things. Read more
Magento 2.0 supports a CSS-preprocessor called LESS. LESS allows using variables, mixins, functions and mathematical operations when writing styles. Using LESS significantly increases the productivity when developing and accompanying styles.
Navigation is one of the most important components of any store. Usually, to access the navigation menu on a website the user has to scroll up to the top of the page. But the sticky navigation menu is a much better and convenient solution.
Prestashop 1.6
In this article I will describe how to create such a sticky menu in the default Prestаshоp 1.6 theme on the basis of the default module Top horizontal menu (blосktоpmenu). Read more
It’s hard to imagine an on-line store with no commercial banners, animated and interactive blocks. In our digital time, internet-users want to get maximum utility for minimum time. If the store can’t provide it, there is a big possibility that a potential customer will leave to a competitor, so that’s why you need to be original to keep the customer’s interest. With the help of the slider you can quickly draw attention to the most important information on the web-site. Read more
Magento LookBook extension lets you put a set of markers to the product image and then link these markers to other products, which will appear in a pop-up as soon as the customer clicks on a marker. You can also select specific area on the product photo and it will get automatically highlighted upon mouse hovering.
Key features:
Magento Animated Slider does a fantastic job of making your pages look livelier and draws much needed attention to the messages you want to get to your customers. With this module aside from simple static images you are able to animate the slide content from the text content to multiple images appearance on the slide.
Key features:
We are proud to present our new mobile and tablet theme, providing eight awesome looks for your store – Magento Chameleon template. Every single detail of mobile device’s Chameleon user interface is developed for a user to get the best browsing experience on the go. The theme complies with Magento 1.7 mobile standards and is running on various mobile platforms like iPhone, iPad, Android, Windows Mobile, Blackberry, etc. Simply select the theme color and enjoy the great transformation happening. Read more
Let’s say you already have HTML, CSS, JavaScript layout. How to make a theme for Magento, using this layout? In this article I describe steps to create a theme.
At the first stage we create folders for our new theme. We call it my_theme. Then we add a new folder with the name of our new theme.
/app/design/frontend/default/my_theme/ – our new theme
/app/design/frontend/default/my_theme/layout – assign content blocks for each structural block you create.
Push the boundaries with the BelVG ecommerce blog full of Magento and PrestaShop innovative and comprehensible guides, PrestaShop and Magento news, online marketing solutions. Find out more about web development and web design trends. Ecommerce is booming and emerging - keeping up with the latest strategies and tools is not easy. That’s why the BelVG team has decided to create this CMS blog where our certified professional Magento & PrestaShop developers, creative designers and experienced marketers can share their knowledge, tips, case studies and ready-to-use ecommerce solutions. The members of our team have been working with the most in-demand ecommerce platforms such as Magento and Prestashop for more than 7 years. We have created over 100 websites, took part in more than 600 project and we want to invest our knowledge and experience in making ecommerce better. Become a regular reader of our web design and web development blog and you will improve your skills. Most of the development articles are specifically helpful for those who prepare for Magento certifications. Let’s explore the challenging but exciting ecommerce world together.
