Setup Quick View Plugin

Watch the video below. Also There are optional settings you can add to get similar results as MegaMart eCommerce Child Theme.


Here are optional settings for design:

If you want to get similar results as the MegaMart eCommerce demo site then add these colors and settings:

Quick view button

Settings Name
Value

Text color

rgba(96, 108, 56, 1)

Text color on hover

rgba(255, 255, 255, 1)

Background color

rgba(255, 255, 255, 1)

Background color on hover

rgba(96, 108, 56, 1)

Border color

rgba(96, 108, 56, 1)

Border color on hover

rgba(96, 108, 56, 1)

Border width

default

Border style

default

Border radius (unit: px)

default


Settings Name
Value

General text font size inside modal box

default

Modal CSS z-index

default

Modal border radius (unit: px)

default

Modal overlay background

default

Modal box inner background

rgba(255, 255, 255, 1)

Text color inside modal box

rgba(33, 33, 33, 1)

General border color

rgba(238, 238, 238, 1)

Input fields background color

rgba(255, 255, 255, 1)

Input fields text color

rgba(33, 33, 33, 1)

Modal box spinner icon color

rgba(33, 33, 33, 1)

Spinner icon font size (unit: px)

28px

Modal image border radius (unit: px)

default

Gallery thumbnail items row

default

Gallery thumbnail column gap (unit: px)

default

Gallery trigger button color

rgba(33, 33, 33, 1)

Gallery trigger button color on hover

rgba(255, 255, 255, 1)

Gallery trigger button background color

rgba(255, 255, 255, 1)

Gallery trigger button background color on hover

rgba(33, 33, 33, 1)

Gallery image border color

rgba(238, 238, 238, 1)

Gallery trigger icon font size (unit: px)

default

Gallery trigger icon border radius (unit: px)

default


Product content options

Setting Name
Value

Title text

rgba(33, 33, 33, 1)

Title font size (unit: px)

default

Title font weight

Sem Bold

Title line height (unit: em)

default

Regular price

rgba(188, 108, 37, 1)

Price font size (unit: px)

25px

Price font weight

Bold

On-sale price

rgba(188, 108, 37, 1)

Sale badge font size (unit: px)

default

Rating star empty

default

Rating star filled

default

Excerpt text

rgba(41, 41, 41, 1)

Meta text

rgba(41, 41, 41, 1)

Meta text on hover

rgba(188, 108, 37, 1)


Setting Name
Value

Icon color

rgba(255, 255, 255, 1)

Icon color on hover

rgba(33, 33, 33, 1)

Icon background color

rgba(33, 33, 33, 1)

Icon background color hover

rgba(238, 238, 238, 1)

Mobile close button font size (unit: px)

default


Misc buttons inside modal box

Setting Name
Value

Text color

#FFFFFF

Text color on hover

#FFFFFF

Background color

#606C38

Background on hover

#283618

Font size (unit: px)

default

Font weight

default

Text transform

default

Letter spacing (unit: px)

default

Line height (unit: em)

default

Height (unit: px)

default

Border radius (unit: px)

default

Last updated