Jump to content
  • 0

Как изображению задать размер?


AnWey
 Share
Followers 0

Question

Хочу исправить размер изображения, чтоб было квадратным.

К примеру взять Галерею, там изображение квадратное или подраздел Объявленный, код от туда.  

.ipsThumb_bg.ipsThumb_medium {
    width: 230px;
    height: 230px;
    border-radius: var(--button--radius);
}

.ipsThumb_medium {
    max-width: 230px;
    max-height: 230px;
}
.ipsThumb_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
   background-color: rgb( var(--theme-area_background) );
}

 

Как мне сделать это?, вставить данный код в шаблон, я так понимаю через, сss, не проканает. 

 

Скрытый текст

154992-headphones-review-hands-on-apple-airpods-max-initial-review-premium-headphones-with-a-premium-price-image1-p2tz8bxrdb.thumb.jpg.a0341097cd023df5f40e9c481deee174.jpgnaushniki-airpods-max-890x530.jpg.8fda5d32b2e425dc31485138fac3d12c.jpg

 

Link to post
Share on other sites
  • Answers 9
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

@AnWey  найди шаблон где расположен код этой картинки и вместо класса ipsImage ipsImage_thumb замени на ipsThumb_bg ipsThumb_large   Там: class="ipsImage ipsImage_thumb" Поставь: class="ipsThum

@AnWey  позже гляну или завтра.

9 answers to this question

Recommended Posts

  • 1

@AnWey  найди шаблон где расположен код этой картинки и вместо класса ipsImage ipsImage_thumb замени на ipsThumb_bg ipsThumb_large
 

Там: class="ipsImage ipsImage_thumb"

Поставь: class="ipsThumb_bg ipsThumb_large"

 

И создавайте правильные вопросы! в каком приложении и.т.д

Например тема должна была быть такая: Как изображению задать размер в приложении название приложения?

Что бы было ясно и для других пользователей, это я тебя понял потому что был на твоём сайте.

 

  • Like 1

Лучшая стимуляция это не только материальность, а иногда простое человеческое спасибо. Нажимай computerworld_consultancy_icon.png помни об этом!

Link to post
Share on other sites
  • 0

@AnWey  смотрите классы в галереи и пробуйте вставлять.

Лучшая стимуляция это не только материальность, а иногда простое человеческое спасибо. Нажимай computerworld_consultancy_icon.png помни об этом!

Link to post
Share on other sites
  • 0

@AnWey  позже гляну или завтра.

  • Like 1

Лучшая стимуляция это не только материальность, а иногда простое человеческое спасибо. Нажимай computerworld_consultancy_icon.png помни об этом!

Link to post
Share on other sites
  • 0

Просто на просто класс хоть и прописан, но не работает , он тупо сжимает фото... 

.ipsThumb_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgb( var(--theme-area_background) );
}
Скрытый текст

67760294_.jpg.fceaebd5d88557770a0c8e51995b767b.jpg

 

Link to post
Share on other sites
  • 0

Сам код шаблона.

Скрытый текст

<div class='ipsColumn sdColumn_veryVeryWide'>
    <div class='ipsType_center ipsContained' data-controller='sdsalespro.front.offer.screen'>
        {{if $offer->photos()->getInnerIterator()->count( true )}}
            {{$donePrimary = false;}}
            {{$fullScreenshots = iterator_to_array( $offer->photos() );}}
            <div class="ipsPad ipsBox">
                <a href='{$offer->primary_photo|raw}' class='sdSalesPortalProOffer_primaryImage ipsContained' data-ipsLightbox data-ipsLightbox-group='offerscreen' data-fullURL="{$offer->primary_photo|raw}"><img src='{$offer->primary_photo_thumb|raw}' class="ipsThumb_bg ipsThumb_large"></a>
            </div>
            <div class='sdSalesPortalProOffer_images ipsSpacer_both ipsBox ipsPad_half' data-ipsLazyLoad>
                <ul class='ipsList_inline ipsList_noSpacing'>
                    {{foreach $offer->photos( 1 ) as $id => $photo}}
                        <li>
                            <a href='{$fullScreenshots[ $id ]->url}' data-action='toggleImage' data-ipsLightbox-group='offerscreen' class='ipsAreaBackground_light'>
                                <img {{if settings.lazy_load_enabled}}src='{expression="\IPS\Text\Parser::blankImage()"}' data-{{endif}}src='{$photo->url}' class="ipsThumb_bg ipsThumb_large ipsThumb_tiny">
                            </a>
                        </li>
                    {{endforeach}}
                </ul>
            </div>
        {{else}}
            <div class="ipsPad ipsBox">
                <div class='ipsNoThumb ipsThumb_large ipsNoThumb_product'>&nbsp;</div>
            </div>
        {{endif}}
    </div>
</div>

 

 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
×
×
  • Create New...

Important Information

Privacy Policy We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.