Skip to content

Instantly share code, notes, and snippets.

@tuongpgjz
Last active April 6, 2023 15:47
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save tuongpgjz/7a8009fa313611356b31ae407a9ede50 to your computer and use it in GitHub Desktop.
Save tuongpgjz/7a8009fa313611356b31ae407a9ede50 to your computer and use it in GitHub Desktop.
SIze guide button - WCPA addons custom
/*
Tạo element paragraph trước element size, đặt class là `float-position-element` trong mục Advanced của element.
Thay thế block UX id `lightbox-sizechart` bằng block chứa size-chart của bạn.
Nội dung element: <a href="#lightboxsizechart" target="_self" class="button secondary is-xsmall custom-sizeguide"><span>Size Guide</span></a>[lightbox width="800px" id="lightboxsizechart"][block id="lightbox-sizechart"][/lightbox]
Demo: https://greencity.woocodex.com/product/jesus-is-my-god-all-over-printed-shirts-221220/
*/
/* Custom CSS */
.wcpa_form_outer .wcpa_row {
position: relative;
}
.float-position-element {
position: absolute;
right: 0;
z-index: 9;
top: 5px;
}
@tuongpgjz
Copy link
Author

image
size-guide-advanced-class

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment