Shopify Дебют Левая фотография продукта Колонка придерживаться снизу - PullRequest
Новая
       5

Shopify Дебют Левая фотография продукта Колонка придерживаться снизу

0 голосов
/ 11 января 2020

Я пытаюсь сделать так, чтобы колонка с изображением продукта в дебютной теме shopify прилипла к нижней части, когда больше нет изображений для показа, а описание в правом столбце продолжается.

Моя цель - избежать это пустое пространство, которое вы обычно получаете там.

На данный момент вы можете видеть, что столбец с изображением продукта придерживается сверху, а не снизу. https://mandybag.com/products/mandybag

Это обычай css Я добавил: 

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: +1; 
@include media-query($small) {
  position: relative;
  top: 0px;
  }  
}

Родительский элемент выглядит так: 

.page-container {
  transition: $transition-drawer;
  position: relative;

  @include media-query($medium-up) {
// Prevent mobile menu inline styles from overriding desktop styles
// sass-lint:disable no-important
@include transform(translate3d(0, 0, 0));
  }
}

От насколько я знаю, я смогу просто заменить "top: 0px" на нижний "bottom: 0px", но когда я это сделаю, ничего не произойдет.

С нетерпением жду любых идей!

...