Files
cae/public/assets/pug/pages/template/product-page.pug
2026-02-06 14:37:54 +00:00

267 lines
16 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
- var theme_customizer = true ;
- var rating = true ;
- var ecommerce = false ;
- var slick = true ;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
// page-wrapper Start
#pageWrapper.page-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper.horizontal-menu
include ../../components/sidebar
.page-body
.container-fluid
.page-header
.row
.col-sm-6
h3
| Product page
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item Ecommerce
li.breadcrumb-item.active product page
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid
div
.row.product-page-main.p-0
.col-xl-5.col-md-6.box-col-12.xl-50
.card
.card-body
.row
.col-xl-9.product-main
.pro-slide-single
div
img.img-fluid(src='../assets/images/ecommerce/01.jpg', alt='')
div
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
div
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
div
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
div
img.img-fluid(src='../assets/images/ecommerce/05.jpg', alt='')
div
img.img-fluid(src='../assets/images/ecommerce/06.jpg', alt='')
div
img.img-fluid(src='../assets/images/ecommerce/07.jpg', alt='')
div
img.img-fluid(src='../assets/images/ecommerce/08.jpg', alt='')
.col-xl-3.product-thumbnail
.pro-slide-right
div
.slide-box
img(src='../assets/images/ecommerce/01.jpg', alt='')
div
.slide-box
img(src='../assets/images/ecommerce/02.jpg', alt='')
div
.slide-box
img(src='../assets/images/ecommerce/03.jpg', alt='')
div
.slide-box
img(src='../assets/images/ecommerce/04.jpg', alt='')
div
.slide-box
img(src='../assets/images/ecommerce/05.jpg', alt='')
div
.slide-box
img(src='../assets/images/ecommerce/06.jpg', alt='')
div
.slide-box
img(src='../assets/images/ecommerce/07.jpg', alt='')
div
.slide-box
img(src='../assets/images/ecommerce/08.jpg', alt='')
.col-xl-5.box-col-6.proorder-xl-3.xl-100
.card
.card-body
.pro-group.pt-0.border-0
.product-page-details.mt-0
h3 Women Pink shirt.
.pro-review
.d-flex
select#u-rating-fontawesome(name='rating', autocomplete='off')
option(value='1') 1
option(value='2') 2
option(value='3') 3
option(value='4') 4
option(value='5') 5
span (250 review)
.product-price
| $26.00
del $350.00
ul.product-color
li.bg-primary
li.bg-secondary
li.bg-success
li.bg-danger
li.bg-info
li.bg-warning
a.btn.btn-secondary.mt-0(href="cart.html")
i.fa.fa-shopping-cart.me-2
| Buy Now
.pro-group
p
| It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that.
.pro-group
.row
.col-md-6
table
tbody
tr
td
b Availability  :  
td.txt-success In stock
tr
td
b Brand           :
td Pixelstrap
.col-md-6
table
tbody
tr
td
b Seller            :    
td ABC
tr
td
b Fabric           :    
td Cotton
.pro-group
.row
.col-md-4.xl-50
h6.product-title share it
.col-md-7.xl-50
.product-icon
ul.product-social
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-facebook
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-google-plus
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-twitter
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-instagram
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-rss
form.d-inline-block.f-right
.pro-group.pb-0
.pro-shop
a.btn.btn-primary.m-r-10(href="cart.html")
i.fa.fa-shopping-basket.me-2
| Add To Cart
a.btn.btn-danger(href="list-wish.html")
i.fa.fa-heart.me-2
| Add To WishList
//- | Add To WishList
.col-xl-2.col-md-6.box-col-6.xl-50.proorder-lg-1
.card
.card-body
// side-bar colleps block stat
.filter-block
h4 Brand
ul
li
.form-check
input#Raymond.form-check-input(type='checkbox' value='')
label.form-check-label(for='Raymond')
| Raymond
li
.form-check
input#Pepe-Jeans.form-check-input(type='checkbox' value='')
label.form-check-label(for='Pepe-Jeans')
| Pepe-Jeans
li
.form-check
input#Celio.form-check-input(type='checkbox' value='')
label.form-check-label(for='Celio')
| Celio
li
.form-check
input#aime.form-check-input(type='checkbox' value='')
label.form-check-label(for='aime')
| aime
li
.form-check
input#aliff.form-check-input(type='checkbox' value='')
label.form-check-label(for='aliff')
| aliff
.card
.card-body
.collection-filter-block
ul.pro-services
li
.media
i(data-feather='truck')
.media-body
h5 Free Shipping
p Free Shipping World Wide
li
.media
i(data-feather='clock')
.media-body
h5 24 X 7 Service
p Online Service For New Customer
// silde-bar colleps block end here
.card
.row.product-page-main
.col-sm-12
ul#top-tab.nav.nav-tabs.border-tab.mb-0(role='tablist')
li.nav-item
a#top-home-tab.nav-link.active(data-bs-toggle='tab', href='#top-home', role='tab', aria-controls='top-home', aria-selected='false')
| Febric
.material-border
li.nav-item
a#profile-top-tab.nav-link(data-bs-toggle='tab', href='#top-profile', role='tab', aria-controls='top-profile', aria-selected='false') Video
.material-border
li.nav-item
a#contact-top-tab.nav-link(data-bs-toggle='tab', href='#top-contact', role='tab', aria-controls='top-contact', aria-selected='true')
| Details
.material-border
li.nav-item
a#brand-top-tab.nav-link(data-bs-toggle='tab', href='#top-brand', role='tab', aria-controls='top-brand', aria-selected='true')
| Brand
.material-border
#top-tabContent.tab-content
#top-home.tab-pane.fade.active.show(role='tabpanel', aria-labelledby='top-home-tab')
p.mb-0.m-t-20
| Refresh your wardrobe with this chic top. With an eye-catching square neck, this top also features pretty puff sleeves. Stunning pink colour Classic solid pattern Square neck Elasticated puff sleeves Belt included, Polyester fabric, machine wash.."
p.mb-0
| Tee Stores is an Indian contemporary clothing brand. The product pages display a fine quality fabric with colorful description. We offer many vivid designs, art, styles that "combine heritage with modernity, simplicity, playfulness and street style"."
#top-profile.tab-pane.fade(role='tabpanel', aria-labelledby='profile-top-tab')
p.mb-0.m-t-20
| Lorate Solid Men's Fashion Full Sleeves Latest Jacket for Men With
p.mb-0
| Button Closure Long Sleeve Casual Torn Lycra Denim Jacket.
#top-contact.tab-pane.fade(role='tabpanel', aria-labelledby='contact-top-tab')
p.mb-0.m-t-20
| Rock Paper Scissors Various Dots Half Sleeves Girls Regular Fit T-Shirt I 100% Cotton
p.mb-0
| T Shirt with Half Sleeve Round Neck I Regular Wear Solid Kids Tees and Black Sleeve.
#top-brand.tab-pane.fade(role='tabpanel', aria-labelledby='brand-top-tab')
p.mb-0.m-t-20
| Product Dimensions : 18 x 18 x 4 cm
p.mb-0
| Date First Available : 31 March 2023
p.mb-0
| Manufacturer : Tee Stores
p.mb-0
| Item part number : TS-WT721-XS-WHITE
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files