Skip to content

Instantly share code, notes, and snippets.

@kugimiya
Created June 18, 2019 08:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kugimiya/e17b814edb829e8355ddf6f6973e6b68 to your computer and use it in GitHub Desktop.
Save kugimiya/e17b814edb829e8355ddf6f6973e6b68 to your computer and use it in GitHub Desktop.
diff --git a/design/themes/responsive/css/styles.less b/design/themes/responsive/css/styles.less
index 0d8e9a31dc..bf58dbaa15 100644
--- a/design/themes/responsive/css/styles.less
+++ b/design/themes/responsive/css/styles.less
@@ -7910,6 +7910,10 @@ Carousel
max-height: 100%;
}
+ .object-container {
+ overflow-x: hidden;
+ }
+
&__image--flex-fix-wrapper {
max-height: 80%;
max-width: 100%;
@@ -7924,12 +7928,44 @@ Carousel
align-items: center;
}
- .owl-controls {
+ .owl-pagination {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
+
+ .owl-buttons {
+ position: absolute;
+ left: 0;
+ right: 0;
+
+ height: 0px;
+ bottom: ~"calc(50% + 60px)";
+
+ display: flex;
+ justify-content: space-between;
+
+ @media (max-width: 480px) {
+ display: none;
+ }
+ }
+
+ .owl-next {
+ transform: scale(3);
+
+ &:before {
+ border: 0 !important;
+ }
+ }
+
+ .owl-prev {
+ transform: scale(3);
+
+ &:after {
+ border: 0 !important;
+ }
+ }
}
.ty-owl-previewer__image-container {
diff --git a/js/tygh/previewers/owl.previewer.js b/js/tygh/previewers/owl.previewer.js
index 0791d57b64..3b59d41d42 100644
--- a/js/tygh/previewers/owl.previewer.js
+++ b/js/tygh/previewers/owl.previewer.js
@@ -53,12 +53,14 @@
slideSpeed: 100,
autoPlay: false,
stopOnHover: true,
- pagination: true
+ pagination: true,
+ navigation: true,
+ navigationText: ['', '']
});
$('.owl-item', previewerContainer).toggleClass('ty-owl-previewer__image-container owl-previewer__image-container');
- previewerContainer.trigger('owl.goTo', $(elm).data('caImageOrder'));
+ previewerContainer.trigger('owl.goTo', $(elm).data('caImageOrder') || 0);
}
});
}(Tygh, Tygh.$));
\ No newline at end of file
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment