Prestashop Themes

How to add product combination and attributes in PrestaShop 1.7 –

Do you want to add product attributes like size, color in your PrestaShop e-commerce store? keep reading this article, you can found here the simple steps!

Webibazaar Templates provides many eCommerce Website Themes platforms on Best PrestaShop Themes, Responsive BigCommerce Themes, Shopify Themes, OpenCart Themes, WooCommerce Themes.

Add product combination and attributes in PrestaShop 1.7 Theme is a very important feature for the eCommerce site. if you add attributes like size, color, etc.. then your customer has a choice and they are able to find a certain good product that suits them. Price also depends on attribute selection.

Let’s start with how to add product attributes in-store.

Add product combination and attributes in PrestaShop 1.7
Add product combination and attributes in PrestaShop 1.7

let’s find out how to add attributes at the admin side. login to your admin panel and go to Catalog => Attributes & Features

First, add Attributes then add Attributes value. here below screenshot, you can see 4 Attributes.

Add product combination and attributes in PrestaShop 1.7

Let’s create one attribute

Now click on the ‘Add new attribute’ button:

Now complete all fields and click on Save Button.

  • Name: Here Write the name of attributes so create all attributes with a different name.
  • Public Name: This name will display the front of the site on the product page that name seen by the customer.
  • Attribute type: it displays how the attribute will be displayed on the product page. You can choose between Drop-down list, Radio buttons, Colour, or texture.

After fill, all files then click on the Save button to create new Attributes.

Add product combination and attributes in PrestaShop 1.7

Now next step to add value for the attribute.

Click on the view button and for add value click on ‘add new value’ at the top.

There fill 4 fields to add new value:

  • Attribute group: Select the Attribute group for value.
  • Value: Here Write the name of the value.
  • Color: If your attribute is color then set the required color.
  • Texture: here upload the image to define texture or type of product.it will display on the product page.

Add product combination and attributes in PrestaShop 1.7

Don’t forget to click the ‘Save’ button, after you fill out all the fields.

Now add another value the same as above.

you know very well how to create new attributes and values of an attribute from the above steps. but now assign that attribute value to a required product.for that we have to create a combination with attribute and attribute value.

Related Read: How to add Currencies and set Default currency PrestaShop 1.7

To add the combination to a product follow the simple steps:

1. in your Prestashop admin panel go to Catalog -> ProductChoose the product you need add a combination

2. Choose Product with combinations from the right column

Add product combination and attributes in PrestaShop 1.7

3. Choose the combination tab and select the attribute and attribute value that you require. you can add as many attributes as your need.

Add product combination and attributes in PrestaShop 1.7

Click on Generate Button and new product variation will display below.

as result, you will get a product with a combination

Add product combination and attributes in PrestaShop 1.7

then you can edit details of the product of new combinations

Add product combination and attributes in PrestaShop 1.7

Now finally add combination in product click on the Save button

Now you will see attributes on the product page and customers can select their requirements.

Read More Blogs and Services

How to Create Cms page in PrestaShop 1.7

How to Setup Multistore in PrestaShop 1.7

Custom Service, Theme Customization, Banner Design, Google Sitemap | One Day Services

Convert Website To WordPress

Online Store Setup Service

Bigcommerce Themes

How To Show Second Product Image Swap On Hover Using CSS in BigCommerce

Let’s discuss showing the second image in BigCommerce at cardholder.

In this blog, We show the Second product image when hovering over the product card, and Your site will look more Effective than before. It works on any page like Home page, Product page, Category list, and Grid view Featured Product, Latest Product, etc.

Steps to add the Second image on product card:

Edit File path like : ..\templates\components\products\card.html

Find the below code:

Now insert the below code after above code:

After Edit file your code look like:

How to show second Product image in BigCommerce at cardhover
How to show second Product image in BigCommerce at cardhover

How to show second Product image in BigCommerce at cardhover

.card-figure:hover .second-img {
opacity: 1;
}
.card-figure .second-img {
top: 0;
left: 0;
margin: 0 auto;
opacity: 0;
position: absolute;
right: 0;
transition: all .4s ease-in-out 0s;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
-ms-transition: all .4s ease-in-out 0s;
}
.card-figure {
position: relative;
overflow: hidden;
}

Now Refresh Your home page and hover on the product card second image Show in your theme.

BigCommerce

PSD To BigCommerce Convert

Page Speed Optimization Service

Website Design Audit Service

SEO Optimization Service

Prestashop Themes

Manage Megamenu in PrestaShop 1.7 theme – Webibazaar Templates

Webibazaar Templates provides many eCommerce Web Templates eCommerce platforms on Best PrestaShop Themes, Responsive BigCommerce Themes, Shopify Themes, OpenCart Themes, WooCommerce Themes.

Manage Megamenu in PrestaShop 1.7 Theme is Easy to use and you can add each category in Menu. You Can also add your own link and cms block to Menu. If you want to add a product to the menu dropdown then you can add very easily and quickly. Also, support is fully responsive in both Horizontal and Vertical menus.

How to manage megamenu :

There is 2 way to create a Submenu dropdown in Megamenu.

  1. Display subcategory default order
  2. Display subcategory manually

1. Display subcategory default order:

In this you need to simply click on the button, Then displayed all subcategory which is available in the main Category.

Manage Megamenu in PrestaShop 1.7
Manage Megamenu in PrestaShop 1.7

2. Display subcategory manually:

In this way, you can create your own Sub menu dropdown design.

  • Click on the Built Sub menu Button.
  • First Create one row to add multiple columns.
  • Now in a row create a column which you require.
  • Click On ‘Add New Item’.
  • Now, add Category, link, product, page, cms block, etc.
  • To add a product, you need to add the product id which you want to display.

Related Read: How to add Menu in PrestaShop

 

Manage Megamenu in PrestaShop 1.7

See the video for a better Understand How to manage whole Megamenu.

If you want to see more themes like support megamenu, click on here.

Check Our Other Blogs and Services:

Manage Featured, Special, New Product in PrestaShop 1.7

Countdown Timer on Prestashop theme

Online Store Setup Service

Google Cloud Platform Migration For OpenCart

PSD To BigCommerce Convert

Prestashop Themes

Top 10 Latest Fashion Designer PrestaShop Premium Responsive Themes – Webibazaar Templates

Here you check Best PrestaShop Multiboutique PrestaShop Themes.

PrestaShop has implemented a multi-store system in order to be able to manage several eCommerce stores within a single back office. The different stores of the PrestaShop multi-store can use a common or completely independent product catalog.

Do you think about fashion products, and you want to start an eCommerce store of Boutique, Fashion products, Jewellery, Clothes, Footwear and many more..!!. Then it’s Great. You came to the right place. What do you think about the eCommerce store and programming language?

Let me Solve this question for you.!! There is a number of choices to start a Premium Web Templates store as specially for a programming language like you have OpenCart Themes, PrestaShop Templates, Shopify Themes, BigCommerce Templates, WooCommerce Themes and Many More!

So, just think about what is best for me? and what is best for my business? Pretty hard questions but no problem if you read till the end of the blog you will surely realize that “Yes this is best for me and you will get well profit your valuable time”.

E-Commerce Store:

So, let me explain everything and go-ahead every aspect of the eCommerce Themes Store and especially for fashion why PrestaShop is best as per my eyes..? and here I also give you the top 10 best boutique fashion PrestaShop Theme. You can choose anyone from that and start your business within a few seconds.

So, We are in programming language right..!. If you want to start a small store or small inventory then I suggest you go with Shopify and BigCommerce..!!. Both platform pricing and features some about the same and some are different.

About OpenCart:

If you want to go with OpenCart then I suggest No just because of not SEO, but another thing like addons. The Modules much like not you get as you get on PrestaShop. And regarding WooCommerce is good as you well knowledge of codding or you have a team to handle of your store.

Let me tell you more briefly in programming languages. First, start with OpenCart: OpenCart is a free open source eCommerce platform for all merchants like me. OpenCart has provided a professional and easy to understood foundation from which to build a successful eCommerce Store.

Especially what I like about OpenCart is Server Resources. OpenCart works in fewer server resources like most of all shared hosting having PHP 7.0, MySQL databases, cURL ( Server Extension ), 300-500 MB of Free space and mode_rewrite. If you want to know more about what I get after the OpenCart installation request to read OpenCart Installation or Direct Purchase OpenCart Themes.

Now move on to PrestaShop, PrestaShop Foundation in 2007 as Open Source and same as OpenCart we already discussed before. PrestaShop provides free and paid both the version of the eCommerce store. The paid version is called PrestaShop Ready and the charge is that approx 25 Euro/month or 19 Euro/month.

If you have download a free version then you need other charges like an SSL certificate, Hosting charges, for a small amount to the developer if you want setup from the team. The best part is that PrestaShop provides default integration of Payment gateways, accounting, ERP, Courier and other needs of the eCommerce Store. Looks at all Webibazaar PrestaShop Templates.

Let me show you the Top 10 Fashion Boutique PrestaShop Theme from Webibazaar :

List of Best PrestaShop Themes:

  • 1. Zalato – The Multi Boutique PrestaShop Template
  • 2. Beaubel – The Boutique PrestaShop Template
  • 3. Amoza – The Fashion PrestaShop Template
  • 4. Clothly – The Fashion PrestaShop Template
  • 5. Cloth – The Fashion PrestaShop Template
  • 6. Creative – The Modern PrestaShop Template
  • 7. Diavon – The Fashion PrestaShop Template
  • 8. Famiza – The Fashion PrestaShop Template
  • 9. Fashmall – The Fashion PrestaShop Template
  • 10. Fazena – Fashion PrestaShop Template

1) Zalato – The MultiBoutique PrestaShop Template

Zalato is the Modern and Boutique Fashionable PrestaShop Template. You can also use it in any store like selling products of fashion, clothes, jewelry and others. It includes ready to use everything like sliders, banners, product comparison, product wishlist, image zoom effect, custom width, google Rich snippets, responsive and retina-ready.

This theme comes with Responsive and Supports all devices, is user-friendly, fine-looking and the best solution for your business. You can also check out the design of this theme and demo for more understanding.

Multiboutique Prestashop Theme
Multiboutique Prestashop Theme

Live Demo More Detail

2) Beaubel – The Boutique PrestaShop Template

If You want a design like simple and color combination also simple then you choose with Beaubel Boutique PrestaShop Template. In this template, you can also use clothes, watch, goggles, shoes, fashion products, garments, lingerie products and many more. The theme comes with other features like Photo Gallery, BootStraps, Mega Menu, Lazy Load Effect, Support RTL, Products comments, Responsive and many more.

Create a fantastic fashion PrestaShop store with this Beaubel – The Boutique PrestaShop Template. If you look at the theme then you realize that theme comes with testimonials that what your clients say about your products and customers or visitors can share products to Social Websites like Facebook, Twitter, and others..!!.

Multiboutique Prestashop Theme

Live Demo More Detail

3) Amoza – The Fashion PrestaShop Theme

Amoza has a good look, gorgeous and minimal look. The theme is specially designed for fashion, garments, clothes, shoes, apparel, jewelry and multi-purpose store. Amoza PrestaShop theme looks great, just because of simple color combinations and all pages well customization and organization. The theme comes with SEO optimized, Image zoom effects, Custom width, Pop-up add to cart, icon fonts, etc..!!.

This theme is totally Responsive, Retina-ready, Video-Gallery and custom page layout. The theme built on BootStrap3, HTML5 and perfectly looking on Desktop, Mobile and Tables. Also, you can take great support from Webibazaar Templates.

Related Read: Fashion Premium PrestaShop Theme

 

Multiboutique Prestashop Theme
Multiboutique Prestashop Theme

Live Demo More Detail

4) Clothly – The Fashion PrestaShop Template

Clothly is a premium responsive PrestaShop theme with a complete package of BootStrap, Responsive, PSD file included, Featured category and many more..!!. This theme contains everything that you need for your eCommerce store. Clothing is suitable for every type of Fashion, Boutique and Others. Also, it gives you great other features that your customer put a memorable and awesome eCommerce Shopping Experience.

Multiboutique Prestashop Theme
Multiboutique Prestashop Theme

Live Demo More Detail

5) Cloth – The Fashion PrestaShop Template

If you look for an extraordinary theme that built with all features needs of the eCommerce PrestaShop theme then check Cloth – Fashion Boutique PrestaShop Theme. The theme looks perfectly in any design, Screen resolution, Mobile responsive and Retina-ready.

Prestashop theme is a completely multi-purpose and highly customizable layout with product comparison, Custom fonts, Custom Color, Custom width, Full-Screen Slider Bootstrap and Many More..!!. With other call features, You can make a great eCommerce store.

Multiboutique Prestashop Theme

Live Demo More Detail

6) Creative – The Modern PrestaShop Template

As per the name same website design. Yes, The theme is a completely Creative and Modern PrestaShop theme. Full width of theme choices for your shop. The theme was created with HTML5, CSS3. It’s suitable for every type of store.

Creative Prestashop Templates provide clean, Stylish design for an online shop that want to purchase Fashion Products, Cloth, Lingerie and Underwear products. The theme includes elegant typography and simple and clear web design.

Multiboutique Prestashop Theme

Live Demo More Detail

7) Diavon – The Fashion PrestaShop Template

A Clean PrestaShop theme for all fashion products and boutique products out there. With it’s you get to sell products with it. For the Premium PrestaShop theme, where you can showcase Products in List View, Grid View, Lazy Load effect, Icon fonts and Custom contents.

The theme is completely responsive to the mobile retina-ready layout. The PrestaShop theme is a modern and Image Oriented design that you can customization easily.

Related Read: Best PrestaShop Themes In 2022

 

Multiboutique Prestashop Theme

Live Demo More Detail

8) Famiza – The Fashion PrestaShop Template

Famiza PrestaShop Theme wonderful, powerful and elegant design template. Really, Theme is strongly supported for your eCommerce business. You get everything like AddToCart, Checkout, Wishlist, MegaMenu and other features well. As the above all theme, This theme also completes Responsive, Retina-Ready and Include with all features like RTL, Attractive Slider and also Color Combination, etc.

Well, I mention all the features as you need in a Boutique store or Fashion Store. But, if you want to look at more templates regarding Electronics PrestaShop and Lingerie PrestaShop.

women fashion Prestashop Theme

Live Demo More Detail

9) Fashmall – The Fashion PrestaShop Theme

Fashmall PrestaShop Template is a clean and fresh PrestaShop Template that designs for Boutique stores, Fashion stores, Cloth stores, any needs of the online eCommerce Store. The theme includes Bootstrap, HTML5, JavaScript, JQuery and other many more features.!!.

Good PrestaShop Template looks with its Typography, Responsive, Great focus on readability and other many features. Also, this theme is highly customizable, well optimization with SEO, speed and conversion rate.

clothe Prestashop Theme

Live Demo More Detail

10) Fazena – Fashion PrestaShop Template

Fazena PrestaShop Responsive Creative Template with a full-page width theme. The Theme is compatible with rich functions easily. This theme includes Social block, Custom static block, Product comparison, Social share buttons, SEO Optimized, MultiLingual and Blog.

Also, Fazena theme includes PSD Supplied.

fashion Prestashop Theme

Live Demo More Detail

These are all “10+ PrestaShop Fashion Multi Boutique PrestaShop theme” Superb looking and beautiful design on Webibazaar Templates. Really it takes lots of time to write a blog and hope you like it.

Still, if you want more Theme PrestaShop design “Best PrestaShop Themes” and Check ” Top 10+ PrestaShop Premium Templates

FAQs 

What is the best PrestaShop theme?

One of the most recognized Presta shop themes that are used everywhere is a warehouse. These are the most recommended templates on the net.

Does PrestaShop have free themes?

Taking the use of Presta shop themes will not cost anything. These themes give an optimized experience to people.

Check more Blogs and Services :

How To Debug PrestaShop Mode Error 500

How To Remove Shop Powered By Prestashop

Prestashop Upgrade 1.6 To Latest 1.7 Version

Page Speed Optimization Service

PSD To OpenCart Conversion Services

 

Prestashop Themes
  • How To Manage And Enable SEO & URLs In PrestaShop 1.7X Version – Webibazaar TemplatesWebibazaarHow To Manage And Enable SEO & URLs In PrestaShop 1.7X Version - Webibazaar Templates
    SEO has become an integral part of promoting and marketing a website online. Search engine optimization is improving the site to get more traffic from search engines. PrestaShop Themes provide the option to improve your website’s SEO. A friendly URL is important. Google search engines identify friendly URLs rather than unfriendly ones. Search engine optimization also ...
  • Installation Of PrestaShop 1.7.X On LocalHost [Step by Step Tutorial]WebibazaarInstallation Of PrestaShop 1.7.X On LocalHost [Step by Step Tutorial]
    The Prestashop theme is the Open-source eCommerce Themes Platform. This platform provides a stats-driven dashboard so the user can manage their site in the way they like. Webibazaar Templates provide many eCommerce Web design Themes platforms on Best Prestashop themes, Responsive BigCommerce themes, Shopify themes, OpenCart themes, WooCommerce themes. Here we will show you how to install the ...
  • How To Add Google Analytics For Your ECommerce PrestaShop Theme 1.7WebibazaarHow To Add Google Analytics For Your ECommerce PrestaShop Theme 1.7
    Google Analytics is one type of Google Service that tracks and Report Website Traffic. You can analyze your website traffic behavior. PrestaShop theme is Provide module Especially for Google Analytics. However, You have to only install the Module and add a tracking Code For use. It is very easy to install and use this module. Webibazaar Templates ...
Prestashop-2

Opencart Themes
  • Best OpenCart eCommerce Responsive Templates – Webibazaar TemplatesWebibazaarBest OpenCart eCommerce Responsive Templates - Webibazaar Templates
    Webibazaar provides you Best OpenCart Themes. You can select any templates and start an eCommerce Themes Business. OpenCart Templates included lots of extensions, modules and add a banner option. It has many articles and documents. It is also used for creating multilanguage ECommerce Website Templates or websites. Features of OpenCart Template: 1. Shopping Cart – Main use of shopping ...
  • How To Install OpenCart 3.X Themes Over The Existing Store – Webibazaar TemplatesWebibazaarHow To Install OpenCart 3.X Themes Over The Existing Store - Webibazaar Templates
    Install OpenCart Themes enable you to customize the look of your website. To install a new theme in OpenCart, first, you need to install OpenCart on your site. Follow the below step to Install OpenCart Templates. Installation of OpenCart Templates: There are two ways to install a Theme: For the Installation of OpenCart, we have to follow the ...
  • How To Manage HTML Content Module In OpenCart – Webibazaar TemplatesWebibazaarHow To Manage HTML Content Module In OpenCart - Webibazaar Templates
    HTML content module provides the functionality to add text, images, video. You can also change color, size, the font in this block. There are a few steps for How to use the HTML Content Module in OpenCart Themes. Let’s start it and follow these simple steps. Install and edit HTML Content module To use the HTML Content ...
Big-Discount

Recent Comments