Sha256: 79240ecacb96be5642ec27b7ee1b6157356ab59890999cdfe4fca6a71067e147

Contents?: true

Size: 1.72 KB

Versions: 62

Compression:

Stored size: 1.72 KB

Contents

#product-summary.style-guide__subsection

  %h3= link_to_style_guide('components', 'product_summary')

  %p Displays a compact product summary for use within #{link_to_style_guide('components', 'product_grid', true)} on product browse and search results pages.

  .style-guide__example-block
    .product-summary
      %p.product-summary__media
        = link_to('#', class: 'product-summary__media-link') do
          = image_tag('workarea/storefront/style_guide_product.jpg', alt: 'Product Name', class: 'product-summary__media-image')
      .product-summary__info
        %p.product-summary__name= link_to('Product Name', '#')
        .product-prices.product-prices--summary
          %p.product-prices__price
            %span= number_to_currency(109.99)

  = append_partials('storefront.style_guide_product_summary')

#product-summary--small.style-guide__subsection

  %h3= link_to_style_guide('components', 'product_summary__small')

  %p Displays a compact #{link_to_style_guide('components', 'product_summary', true)} for independent use. Reduces the overall size of the component, by shrinking and/or reducing its contents. Frequently used within #{link_to_style_guide('components', 'product_grid__small_summaries', true)} components.

  .style-guide__example-block
    .product-summary.product-summary--small
      %p.product-summary__media
        = link_to('#', class: 'product-summary__media-link') do
          = image_tag('workarea/storefront/style_guide_product.jpg', alt: 'Product Name', class: 'product-summary__media-image')
      .product-summary__info
        %p.product-summary__name= link_to('Product Name', '#')
        .product-prices.product-prices--summary
          %p.product-prices__price
            %span= number_to_currency(109.99)

Version data entries

62 entries across 62 versions & 1 rubygems

Version Path
workarea-storefront-3.4.13 app/views/workarea/storefront/style_guides/components/_product_summary.html.haml
workarea-storefront-3.4.12 app/views/workarea/storefront/style_guides/components/_product_summary.html.haml