What are you looking for?
91xwhr62TUL._AC_SL1500
81HbcT5T7lL._AC_SL1500
71vzn0lxEtL._AC_SL1500
816Sb-5eoGL._AC_SL1500
71oR839EhjL._AC_SL1500
81-Uv5GsAtL._AC_SL1500

ASUS ROG XG27AQDMGR 27 Inch 1440p 240Hz Glossy OLED HDR Gaming Monitor

$569.67

Category:
Description

.aplus-v2 .aplus-content-wrapper {
position: relative;
overflow: hidden;
}

.aplus-v2 .container-with-background-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}

function logShoppableMetrics(moduleName, showsAddToCart) {
if (window.ue && window.ue.count) {
window.ue.count(“aplus:shoppable:” + moduleName + “:addToCart”, showsAddToCart ? 1 : 0);
}
}

From the brand

.aplus-v2 .apm-brand-story-carousel-container {
position: relative;
}

.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
position: absolute;
width: 100%;
}

/*
Ensuring the carousel takes only the space it needs.
The sizes need to be set again on the absolutely positioned elements so they can take up space.
*/
.aplus-v2 .apm-brand-story-carousel-container,
.aplus-v2 .apm-brand-story-carousel-hero-container {
height: 625px;
width: 100%;
max-width: 1464px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

.aplus-v2 .apm-brand-story-carousel-hero-container,
.aplus-v2 .apm-brand-story-carousel-hero-container > div {
height: 625px;
}

.aplus-v2 .apm-brand-story-carousel.a-carousel-container {
padding: 0px;
}

/*
This centers the carousel vertically on top of the hero image container and after the logo area (125px).
Margin-top = (heroHeight – cardHeight – logoAreaHeight) / 2 + logoAreaHeight
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner {
margin-top: 149px;
}

/*
Cards need to have a width set, otherwise they default to 50px or so.
All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card.
The left margin is for leaving a space between each card.
*/
.aplus-v2 .apm-brand-story-carousel .a-carousel-card {
width: 362px;
margin-left: 30px !important;
}

/* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right {
padding: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image {
border: none;
margin: 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner,
.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
background: #fff;
padding: 20px 6px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner {
border-radius: 0px 4px 4px 0px;
}

.aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner {
border-radius: 4px 0px 0px 4px;
}

  2. ASUS Monitors Brand Story

  3. ASUS Monitors Brand Story

  4. ASUS Monitors Brand Story

  5. ROG Gaming Monitors

  6. TUF Gaming Monitors

  7. ASUS Monitors Brand Story

  8. ProArt Displays

  9. ASUS Monitors Brand Story

  10. Portable Displays

  11. ASUS Monitors Brand Story

  12. Eye Care Monitors

.aplus-v2 .aplus-content-wrapper {
position: relative;
overflow: hidden;
}

.aplus-v2 .container-with-background-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}

function logShoppableMetrics(moduleName, showsAddToCart) {
if (window.ue && window.ue.count) {
window.ue.count(“aplus:shoppable:” + moduleName + “:addToCart”, showsAddToCart ? 1 : 0);
}
}

From the manufacturer

{“parentAsin”:””,”enableFullScreenByDefault”:false,”clickstreamNexusMetricsConfig”:{“producerId”:”vsemetrics_playercards”,”schemaId”:”clickstream.CustomerEvent.4″,”actionType”:”DISCOVERY”,”eventOwner”:”vsemetrics_playercards”,”eventType”:”IVEVideoView”,”productId”:”B0FWHPY1GJ”},”videoReferenceId”:”vc|d7d6c605-ef33-43c5-987e-943515e4f6c2|c929c70d|ATVPDKIKX0DER|638110″,”contentId”:”B0FWHPY1GJ”,”ccvDisclosure”:””,”closedCaptionsConfig”:{“captionsOnTexts”:{“de”:”German (Automated)”,”ja”:”Japanese (Automated)”,”en”:”English (Automated)”,”fr”:”French (Automated)”,”es”:”Spanish (Automated)”},”captionsOffText”:”Captions off”,”languageToLabelTexts”:{“English”:”English”,”French”:”French”,”German”:”German”,”Spanish”:”Spanish”,”Japanese”:”Japanese”}},”mimeType”:”application/x-mpegURL”,”vendorCode”:”APLUSVC”,”videoHeight”:480,”disableReportIllegalLink”:false,”videoWidth”:854,”useHotspotsNX”:false,”eligibleToTriggerCCWeblab”:false,”videoUrl”:”https://m.media-amazon.com/images/S/vse-vms-transcoding-artifact-us-east-1-prod/16bc580f-562d-4fc3-b49f-eb51c8373f6e/default.jobtemplate.hls.m3u8″,”metricsEmissionMethod”:”nexus”,”imageUrl”:”https://m.media-amazon.com/images/I/719qFwXATjL.jpg”,”needPlayerFactory”:false,”isMobile”:false,”showHotspots”:false,”aciContentId”:”amzn1.ive.vendor.video.0b6291ed5a4e48a091c5518445bee9dc”,”altText”:”one for all”,”videoContentId”:”0b6291ed5a4e48a091c5518445bee9dc”,”creatorType”:”Vendor”,”clientPrefix”:”aplus-305356″,”hotSpotsV3Weblab”:””,”videoType”:”vendor”,”productAsin”:”B0FWHPY1GJ”,”labelDetails”:{“labelName”:””,”labelType”:””,”labelWeblabName”:””,”labelWeblabTreatment”:””,”showLabel”:false,”tooltipSelector”:””},”sushiMetricsConfig”:{“eventSource”:”Player”,”endpoint”:”https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test”,”requestId”:”5WY9JEAY646788Z0F4VY”,”sessionId”:”137-0282104-0859026″,”customerId”:”0″,”refMarkers”:”aplus-305356_ref”,”sessionType”:1,”placementContext”:”desktop_web.AplusWidget.aplusdp”,”marketplaceId”:”ATVPDKIKX0DER”,”weblabIds”:””,”isInternal”:false,”isRobot”:false,”clientId”:”VSE-US”,”videoAsinList”:””,”pageAsin”:”B0FWHPY1GJ”},”reportUrl”:””,”videoTitle”:”one for all”,”vendorName”:”Merchant Video”,”nexusMetricsConfig”:{“eventSource”:”Player”,”isInternal”:false,”playerTSMMetricsSchemaId”:”vse.VSECardsPlayerEvents.9″,”widgetMetricsSchemaId”:”vse.VSECardsEvents.9″,”producerId”:”vsemetrics_playercards”,”refMarkers”:”aplus-305356_ref”,”placementContext”:”desktop_web.AplusWidget.aplusdp”,”weblabIds”:””,”clientId”:”VSE-US”,”videoAsin”:”0b6291ed5a4e48a091c5518445bee9dc”,”videoAsinList”:””,”pageAsin”:”B0FWHPY1GJ”},”awaConfig”:{“useUpNextComponent”:false,”clickstreamNexusMetricsConfig”:{“producerId”:”vsemetrics_playercards”,”schemaId”:”clickstream.CustomerEvent.4″,”actionType”:”DISCOVERY”,”eventOwner”:”vsemetrics_playercards”,”eventType”:”IVEVideoView”,”productId”:”B0FWHPY1GJ”},”initialVideo”:”0b6291ed5a4e48a091c5518445bee9dc”,”shouldPreload”:true,”enableClickBasedAttribution”:false,”isChromelessPlayer”:false,”closedCaptionsConfig”:{“captionsOnTexts”:{“de”:”German (Automated)”,”ja”:”Japanese (Automated)”,”en”:”English (Automated)”,”fr”:”French (Automated)”,”es”:”Spanish (Automated)”},”captionsOffText”:”Captions off”,”languageToLabelTexts”:{“English”:”English”,”French”:”French”,”German”:”German”,”Spanish”:”Spanish”,”Japanese”:”Japanese”}},”enableDynamicBlur”:false,”showPlayerPlayButton”:false,”isVideoImmersivePlayer”:false,”metricsEmissionMethod”:”nexus”,”skipInitialFocus”:false,”playerSkin”:”none”,”disabledViewIds”:[“replayHint”],”includeEarnsComissionDisclosure”:false,”customerId”:”0″,”containerId”:”aplus-305356-player-87a7bfc5-3a8e-4300-b5d6-263ef8be7c6b”,”allowCrossOrigin”:false,”requestMetadata”:{“clientId”:”VSE-US”,”marketplaceId”:”ATVPDKIKX0DER”,”requestId”:”5WY9JEAY646788Z0F4VY”,”sessionId”:”137-0282104-0859026″,”method”:”desktop_web.AplusWidget.aplusdp”,”pageAsin”:””},”shouldLoop”:false,”shouldDisableControls”:false,”alwaysSetInitialVideo”:true,”showPlayerCloseButton”:false,”clientPrefix”:”aplus-305356″,”useAutoplayFallback”:false,”sushiMetricsConfig”:{“eventSource”:”Player”,”endpoint”:”https://unagi-na.amazon.com/1/events/com.amazon.eel.vse.metrics.prod.events.test”,”requestId”:”5WY9JEAY646788Z0F4VY”,”sessionId”:”137-0282104-0859026″,”customerId”:”0″,”refMarkers”:”aplus-305356_ref”,”sessionType”:1,”placementContext”:”desktop_web.AplusWidget.aplusdp”,”marketplaceId”:”ATVPDKIKX0DER”,”weblabIds”:””,”isInternal”:false,”isRobot”:false,”clientId”:”VSE-US”,”videoAsinList”:””,”pageAsin”:”B0FWHPY1GJ”},”ospLinkCode”:”vse”,”showPosterImage”:true,”languageCode”:”en”,”languageLocalization”:{“play”:”Play”,”volumeLevel”:”Volume Level”,”subtitles”:”Subtitles”,”volumeSlider”:”Volume Slider”,”playVideo”:”Click to play video”,”fullscreen”:”Fullscreen”,”scrubberBar”:”Scrubber bar”,”mute”:”Mute”,”unmute”:”Unmute”,”pause”:”Pause”,”captions”:”Captions”,”nonfullscreen”:”Non-Fullscreen”},”version”:””,”isMoreVideosButtonEnabled”:false,”nexusMetricsConfig”:{“eventSource”:”Player”,”isInternal”:false,”playerTSMMetricsSchemaId”:”vse.VSECardsPlayerEvents.9″,”widgetMetricsSchemaId”:”vse.VSECardsEvents.9″,”producerId”:”vsemetrics_playercards”,”refMarkers”:”aplus-305356_ref”,”placementContext”:”desktop_web.AplusWidget.aplusdp”,”weblabIds”:””,”clientId”:”VSE-US”,”videoAsin”:”0b6291ed5a4e48a091c5518445bee9dc”,”videoAsinList”:””,”pageAsin”:”B0FWHPY1GJ”},”shouldStartMuted”:false,”airyVersion”:”VideoJS”,”languagePreferenceStrings”:{},”enableInactiveFocus”:true,”showVideoInfo”:false,”isReactFactory”:false,”osaInstrumentationConfig”:{“schemaId”:”csa.VideoInteractions.2″,”producerId”:”vsemetrics_csa_instrumentation”},”enableDelphiAttribution”:true,”includeReportWidget”:false,”shouldAutoplay”:false}}

The video showcases the product in use.The video guides you through product setup.The video compares multiple products.The video shows the product being unpacked.

one for all

Merchant Video

(window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js(‘https://m.media-amazon.com/images/I/61rtJ3+GOOL.js?AUIClients/VSEPlayer’);
(window.AmazonUIPageJS ? AmazonUIPageJS : P).load.js(‘https://m.media-amazon.com/images/I/3175HHgX+OL._RC|11KFCxsEshL.js,11uNd0zHc-L.js,51ocjucRF0L.js,41tLmUCnr0L.js,91G7VmlBk7L.js,11cPgPsKKOL.js_.js?AUIClients/Brila’);

P.now(“premium-aplus-13-carousel-1”).execute(“init-pagination-carousel”, function(init) {
if (init) {
return;
}
P.register(“premium-aplus-13-carousel-1”, function() {
return function() {
P.when(“A”, “jQuery”, “a-carousel-framework”, “ready”).execute(“paginate-carousel”, function (A, $, framework) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const LEFT_ARROW_KEY = 37;
const RIGHT_ARROW_KEY = 39;
const HOME_KEY = 36;
const END_KEY = 35;

var moduleId = “1”;
var carouselName = “premium-aplus-13-carousel-1”;
var paginationAction = “aplus-pagination-dot-action-” + moduleId + “-” + carouselName;
var paginationGroup = “#aplus-pagination-group-” + moduleId + “-” + carouselName;

/* If the carousel goes to a new page */
A.on(“a:carousel:”+carouselName+”:change:pageNumber”, function (data) {
A.$(paginationGroup+” .carousel-slider-circle”).removeClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘false’).attr(‘tabindex’, -1)
.eq(data.newValue – 1).addClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘true’).attr(‘tabindex’, 0);
});

function syncPaginationDotsWithCarouselPages(numPages) {
const parentElement = document.querySelector(paginationGroup);
if (parentElement && parentElement.children) {
const children = parentElement.children;
for (let i = 0; i = numPages) {
// If number of dots > num of pages, we should hide other dots
children[i].classList.add(‘aplus-pagination-dot–display-none’);
} else if (children[i].classList.contains(‘aplus-pagination-dot–display-none’)) {
// Reset display of dots if it was hidden before
children[i].classList.remove(‘aplus-pagination-dot–display-none’);
}
}
}
}

framework.onInit(carouselName, function (carousel) {
try {
var totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
/* Resize event handler to re-calculate the pagination dots count based on orientation */
window.addEventListener(‘resize’, function() {
carousel.resize();
totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
});

A.declarative(paginationAction, ‘click keydown’, function(event){
var isClick = event.type === ‘click’;
var isKeydown = event.type === ‘keydown’;
var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE;
var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE;
var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY;
var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY;
var isHome = isKeydown && event.$event.keyCode === HOME_KEY;
var isEnd = isKeydown && event.$event.keyCode === END_KEY;

if (isClick || isEnter) {
var data = event.data;
carousel.gotoPage(data.page);
} else if (isEsc) {
event.$target.blur();
} else if (isLeftArrow || isRightArrow || isHome || isEnd) {
event.$event.preventDefault();
const dots = A.$(paginationGroup + ” .carousel-slider-circle”);
const currentIndex = dots.index(event.$target);
let nextIndex;

if (isLeftArrow) {
nextIndex = currentIndex > 0 ? currentIndex – 1 : dots.length – 1;
} else if (isRightArrow) {
nextIndex = currentIndex < dots.length – 1 ? currentIndex + 1 : 0;
} else if (isHome) {
nextIndex = 0;
} else if (isEnd) {
nextIndex = dots.length – 1;
}

dots.eq(nextIndex).focus();
carousel.gotoPage(nextIndex + 1);
}
});
} catch (e) {
P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');
}
});
});
}
});
});

P.now(“premium-aplus-13-carousel-2”).execute(“init-pagination-carousel”, function(init) {
if (init) {
return;
}
P.register(“premium-aplus-13-carousel-2”, function() {
return function() {
P.when(“A”, “jQuery”, “a-carousel-framework”, “ready”).execute(“paginate-carousel”, function (A, $, framework) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const LEFT_ARROW_KEY = 37;
const RIGHT_ARROW_KEY = 39;
const HOME_KEY = 36;
const END_KEY = 35;

var moduleId = “2”;
var carouselName = “premium-aplus-13-carousel-2”;
var paginationAction = “aplus-pagination-dot-action-” + moduleId + “-” + carouselName;
var paginationGroup = “#aplus-pagination-group-” + moduleId + “-” + carouselName;

/* If the carousel goes to a new page */
A.on(“a:carousel:”+carouselName+”:change:pageNumber”, function (data) {
A.$(paginationGroup+” .carousel-slider-circle”).removeClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘false’).attr(‘tabindex’, -1)
.eq(data.newValue – 1).addClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘true’).attr(‘tabindex’, 0);
});

function syncPaginationDotsWithCarouselPages(numPages) {
const parentElement = document.querySelector(paginationGroup);
if (parentElement && parentElement.children) {
const children = parentElement.children;
for (let i = 0; i = numPages) {
// If number of dots > num of pages, we should hide other dots
children[i].classList.add(‘aplus-pagination-dot–display-none’);
} else if (children[i].classList.contains(‘aplus-pagination-dot–display-none’)) {
// Reset display of dots if it was hidden before
children[i].classList.remove(‘aplus-pagination-dot–display-none’);
}
}
}
}

framework.onInit(carouselName, function (carousel) {
try {
var totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
/* Resize event handler to re-calculate the pagination dots count based on orientation */
window.addEventListener(‘resize’, function() {
carousel.resize();
totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
});

A.declarative(paginationAction, ‘click keydown’, function(event){
var isClick = event.type === ‘click’;
var isKeydown = event.type === ‘keydown’;
var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE;
var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE;
var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY;
var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY;
var isHome = isKeydown && event.$event.keyCode === HOME_KEY;
var isEnd = isKeydown && event.$event.keyCode === END_KEY;

if (isClick || isEnter) {
var data = event.data;
carousel.gotoPage(data.page);
} else if (isEsc) {
event.$target.blur();
} else if (isLeftArrow || isRightArrow || isHome || isEnd) {
event.$event.preventDefault();
const dots = A.$(paginationGroup + ” .carousel-slider-circle”);
const currentIndex = dots.index(event.$target);
let nextIndex;

if (isLeftArrow) {
nextIndex = currentIndex > 0 ? currentIndex – 1 : dots.length – 1;
} else if (isRightArrow) {
nextIndex = currentIndex < dots.length – 1 ? currentIndex + 1 : 0;
} else if (isHome) {
nextIndex = 0;
} else if (isEnd) {
nextIndex = dots.length – 1;
}

dots.eq(nextIndex).focus();
carousel.gotoPage(nextIndex + 1);
}
});
} catch (e) {
P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');
}
});
});
}
});
});

P.now(“premium-aplus-13-carousel-3”).execute(“init-pagination-carousel”, function(init) {
if (init) {
return;
}
P.register(“premium-aplus-13-carousel-3”, function() {
return function() {
P.when(“A”, “jQuery”, “a-carousel-framework”, “ready”).execute(“paginate-carousel”, function (A, $, framework) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const LEFT_ARROW_KEY = 37;
const RIGHT_ARROW_KEY = 39;
const HOME_KEY = 36;
const END_KEY = 35;

var moduleId = “3”;
var carouselName = “premium-aplus-13-carousel-3”;
var paginationAction = “aplus-pagination-dot-action-” + moduleId + “-” + carouselName;
var paginationGroup = “#aplus-pagination-group-” + moduleId + “-” + carouselName;

/* If the carousel goes to a new page */
A.on(“a:carousel:”+carouselName+”:change:pageNumber”, function (data) {
A.$(paginationGroup+” .carousel-slider-circle”).removeClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘false’).attr(‘tabindex’, -1)
.eq(data.newValue – 1).addClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘true’).attr(‘tabindex’, 0);
});

function syncPaginationDotsWithCarouselPages(numPages) {
const parentElement = document.querySelector(paginationGroup);
if (parentElement && parentElement.children) {
const children = parentElement.children;
for (let i = 0; i = numPages) {
// If number of dots > num of pages, we should hide other dots
children[i].classList.add(‘aplus-pagination-dot–display-none’);
} else if (children[i].classList.contains(‘aplus-pagination-dot–display-none’)) {
// Reset display of dots if it was hidden before
children[i].classList.remove(‘aplus-pagination-dot–display-none’);
}
}
}
}

framework.onInit(carouselName, function (carousel) {
try {
var totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
/* Resize event handler to re-calculate the pagination dots count based on orientation */
window.addEventListener(‘resize’, function() {
carousel.resize();
totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
});

A.declarative(paginationAction, ‘click keydown’, function(event){
var isClick = event.type === ‘click’;
var isKeydown = event.type === ‘keydown’;
var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE;
var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE;
var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY;
var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY;
var isHome = isKeydown && event.$event.keyCode === HOME_KEY;
var isEnd = isKeydown && event.$event.keyCode === END_KEY;

if (isClick || isEnter) {
var data = event.data;
carousel.gotoPage(data.page);
} else if (isEsc) {
event.$target.blur();
} else if (isLeftArrow || isRightArrow || isHome || isEnd) {
event.$event.preventDefault();
const dots = A.$(paginationGroup + ” .carousel-slider-circle”);
const currentIndex = dots.index(event.$target);
let nextIndex;

if (isLeftArrow) {
nextIndex = currentIndex > 0 ? currentIndex – 1 : dots.length – 1;
} else if (isRightArrow) {
nextIndex = currentIndex < dots.length – 1 ? currentIndex + 1 : 0;
} else if (isHome) {
nextIndex = 0;
} else if (isEnd) {
nextIndex = dots.length – 1;
}

dots.eq(nextIndex).focus();
carousel.gotoPage(nextIndex + 1);
}
});
} catch (e) {
P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');
}
});
});
}
});
});

P.now(“premium-aplus-13-carousel-4”).execute(“init-pagination-carousel”, function(init) {
if (init) {
return;
}
P.register(“premium-aplus-13-carousel-4”, function() {
return function() {
P.when(“A”, “jQuery”, “a-carousel-framework”, “ready”).execute(“paginate-carousel”, function (A, $, framework) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const LEFT_ARROW_KEY = 37;
const RIGHT_ARROW_KEY = 39;
const HOME_KEY = 36;
const END_KEY = 35;

var moduleId = “4”;
var carouselName = “premium-aplus-13-carousel-4”;
var paginationAction = “aplus-pagination-dot-action-” + moduleId + “-” + carouselName;
var paginationGroup = “#aplus-pagination-group-” + moduleId + “-” + carouselName;

/* If the carousel goes to a new page */
A.on(“a:carousel:”+carouselName+”:change:pageNumber”, function (data) {
A.$(paginationGroup+” .carousel-slider-circle”).removeClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘false’).attr(‘tabindex’, -1)
.eq(data.newValue – 1).addClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘true’).attr(‘tabindex’, 0);
});

function syncPaginationDotsWithCarouselPages(numPages) {
const parentElement = document.querySelector(paginationGroup);
if (parentElement && parentElement.children) {
const children = parentElement.children;
for (let i = 0; i = numPages) {
// If number of dots > num of pages, we should hide other dots
children[i].classList.add(‘aplus-pagination-dot–display-none’);
} else if (children[i].classList.contains(‘aplus-pagination-dot–display-none’)) {
// Reset display of dots if it was hidden before
children[i].classList.remove(‘aplus-pagination-dot–display-none’);
}
}
}
}

framework.onInit(carouselName, function (carousel) {
try {
var totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
/* Resize event handler to re-calculate the pagination dots count based on orientation */
window.addEventListener(‘resize’, function() {
carousel.resize();
totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
});

A.declarative(paginationAction, ‘click keydown’, function(event){
var isClick = event.type === ‘click’;
var isKeydown = event.type === ‘keydown’;
var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE;
var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE;
var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY;
var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY;
var isHome = isKeydown && event.$event.keyCode === HOME_KEY;
var isEnd = isKeydown && event.$event.keyCode === END_KEY;

if (isClick || isEnter) {
var data = event.data;
carousel.gotoPage(data.page);
} else if (isEsc) {
event.$target.blur();
} else if (isLeftArrow || isRightArrow || isHome || isEnd) {
event.$event.preventDefault();
const dots = A.$(paginationGroup + ” .carousel-slider-circle”);
const currentIndex = dots.index(event.$target);
let nextIndex;

if (isLeftArrow) {
nextIndex = currentIndex > 0 ? currentIndex – 1 : dots.length – 1;
} else if (isRightArrow) {
nextIndex = currentIndex < dots.length – 1 ? currentIndex + 1 : 0;
} else if (isHome) {
nextIndex = 0;
} else if (isEnd) {
nextIndex = dots.length – 1;
}

dots.eq(nextIndex).focus();
carousel.gotoPage(nextIndex + 1);
}
});
} catch (e) {
P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');
}
});
});
}
});
});

P.now(“premium-aplus-14-carousel-5”).execute(“init-pagination-carousel”, function(init) {
if (init) {
return;
}
P.register(“premium-aplus-14-carousel-5”, function() {
return function() {
P.when(“A”, “jQuery”, “a-carousel-framework”, “ready”).execute(“paginate-carousel”, function (A, $, framework) {
const ENTER_KEY_CODE = 13;
const ESCAPE_KEY_CODE = 27;
const LEFT_ARROW_KEY = 37;
const RIGHT_ARROW_KEY = 39;
const HOME_KEY = 36;
const END_KEY = 35;

var moduleId = “5”;
var carouselName = “premium-aplus-14-carousel-5”;
var paginationAction = “aplus-pagination-dot-action-” + moduleId + “-” + carouselName;
var paginationGroup = “#aplus-pagination-group-” + moduleId + “-” + carouselName;

/* If the carousel goes to a new page */
A.on(“a:carousel:”+carouselName+”:change:pageNumber”, function (data) {
A.$(paginationGroup+” .carousel-slider-circle”).removeClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘false’).attr(‘tabindex’, -1)
.eq(data.newValue – 1).addClass(“aplus-carousel-active”).attr(‘aria-selected’, ‘true’).attr(‘tabindex’, 0);
});

function syncPaginationDotsWithCarouselPages(numPages) {
const parentElement = document.querySelector(paginationGroup);
if (parentElement && parentElement.children) {
const children = parentElement.children;
for (let i = 0; i = numPages) {
// If number of dots > num of pages, we should hide other dots
children[i].classList.add(‘aplus-pagination-dot–display-none’);
} else if (children[i].classList.contains(‘aplus-pagination-dot–display-none’)) {
// Reset display of dots if it was hidden before
children[i].classList.remove(‘aplus-pagination-dot–display-none’);
}
}
}
}

framework.onInit(carouselName, function (carousel) {
try {
var totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
/* Resize event handler to re-calculate the pagination dots count based on orientation */
window.addEventListener(‘resize’, function() {
carousel.resize();
totalPages = carousel.getAttr(‘totalPages’);
syncPaginationDotsWithCarouselPages(totalPages);
});

A.declarative(paginationAction, ‘click keydown’, function(event){
var isClick = event.type === ‘click’;
var isKeydown = event.type === ‘keydown’;
var isEnter = isKeydown && event.$event.keyCode === ENTER_KEY_CODE;
var isEsc = isKeydown && event.$event.keyCode === ESCAPE_KEY_CODE;
var isLeftArrow = isKeydown && event.$event.keyCode === LEFT_ARROW_KEY;
var isRightArrow = isKeydown && event.$event.keyCode === RIGHT_ARROW_KEY;
var isHome = isKeydown && event.$event.keyCode === HOME_KEY;
var isEnd = isKeydown && event.$event.keyCode === END_KEY;

if (isClick || isEnter) {
var data = event.data;
carousel.gotoPage(data.page);
} else if (isEsc) {
event.$target.blur();
} else if (isLeftArrow || isRightArrow || isHome || isEnd) {
event.$event.preventDefault();
const dots = A.$(paginationGroup + ” .carousel-slider-circle”);
const currentIndex = dots.index(event.$target);
let nextIndex;

if (isLeftArrow) {
nextIndex = currentIndex > 0 ? currentIndex – 1 : dots.length – 1;
} else if (isRightArrow) {
nextIndex = currentIndex < dots.length – 1 ? currentIndex + 1 : 0;
} else if (isHome) {
nextIndex = 0;
} else if (isEnd) {
nextIndex = dots.length – 1;
}

dots.eq(nextIndex).focus();
carousel.gotoPage(nextIndex + 1);
}
});
} catch (e) {
P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');
}
});
});
}
});
});

Product Description

The ROG Strix OLED XG27AQDMGR is a 27 inch QHD gaming monitor with a 240Hz TrueBlack Glossy OLED panel, 0.03ms response time, and 99% DCI P3 color. Built in OLED Care Pro and Neo Proximity Sensor help protect the panel for long term performance

#productDescription h3 {
margin: 0.75em 0px 0.375em -1px;
}

Reviews (0)

Reviews

There are no reviews yet.

Be the first to review “ASUS ROG XG27AQDMGR 27 Inch 1440p 240Hz Glossy OLED HDR Gaming Monitor”

Your email address will not be published. Required fields are marked *

Related products
PlayStation 5 & PSVR2 Deluxe Combo, VR2 Headset, Sense Controllers, 4K HDR, Eye Tracking, Adjustable
Add to cart
Electronic

PlayStation 5 & PSVR2 Deluxe Combo, VR2 Headset, Sense Controllers, 4K HDR, Eye Tracking, Adjustable

$354.99 $42.60
PlayStation 5 Disc Edition – Fortnite Cobalt Star Bundle
Add to cart
Electronic

PlayStation 5 Disc Edition – Fortnite Cobalt Star Bundle

$508.95 $61.07
PlayStation 5 Disc Console Slim ASTRO BOT bundle
Add to cart
Electronic

PlayStation 5 Disc Console Slim ASTRO BOT bundle

$559.38 $67.13
New TEC Sony PlayStation_5 (PS_5) Slim Digital Edition – NBA 2K25 Bundle – NextGen Gaming Console wi
Add to cart
Electronic

New TEC Sony PlayStation_5 (PS_5) Slim Digital Edition – NBA 2K25 Bundle – NextGen Gaming Console wi

$459.99 $55.20