Files
djangocms/static/admin/assets/pug/pages/theme/product-page.pug
2024-11-20 12:56:32 +07:00

247 lines
14 KiB
Plaintext

- var theme_customizer = true;
- var owlcarousel = true;
- var rating = true;
- var ecommerce = true;
- var sidebar = true;
- var slick = true;
- var header_slider = true;
- var animate = true;
- var scrollbar = true;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
include ../../components/taptop
// page-wrapper Start
#pageWrapper.page-wrapper.compact-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper
include ../../components/sidebar
.page-body
.container-fluid
.page-title
.row
.col-6
h3
| Product Page
.col-6
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
svg.stroke-icon
use(href='../assets/svg/icon-sprite.svg#stroke-home')
li.breadcrumb-item ECommerce
li.breadcrumb-item.active Product Page
// Container-fluid starts
.container-fluid
div
.row.product-page-main.p-0
.col-xxl-4.col-md-6.box-col-12
.card
.card-body
#sync1.product-slider.owl-carousel.owl-theme
.item
img(src='../assets/images/ecommerce/01.jpg', alt='')
.item
img(src='../assets/images/ecommerce/02.jpg', alt='')
.item
img(src='../assets/images/ecommerce/03.jpg', alt='')
.item
img(src='../assets/images/ecommerce/04.jpg', alt='')
.item
img(src='../assets/images/ecommerce/05.jpg', alt='')
.item
img(src='../assets/images/ecommerce/06.jpg', alt='')
.item
img(src='../assets/images/ecommerce/07.jpg', alt='')
.item
img(src='../assets/images/ecommerce/08.jpg', alt='')
#sync2.owl-carousel.owl-theme
.item
img(src='../assets/images/ecommerce/01.jpg', alt='')
.item
img(src='../assets/images/ecommerce/02.jpg', alt='')
.item
img(src='../assets/images/ecommerce/03.jpg', alt='')
.item
img(src='../assets/images/ecommerce/04.jpg', alt='')
.item
img(src='../assets/images/ecommerce/05.jpg', alt='')
.item
img(src='../assets/images/ecommerce/06.jpg', alt='')
.item
img(src='../assets/images/ecommerce/07.jpg', alt='')
.item
img(src='../assets/images/ecommerce/08.jpg', alt='')
.col-xxl-5.box-col-6.order-xxl-0.order-1
.card
.card-body
.product-page-details
h3 Women Pink shirt.
.product-price
| $26.00
del $350.00
ul.product-color
li.bg-primary
li.bg-secondary
li.bg-success
li.bg-info
li.bg-warning
hr
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.
hr
div
table.product-page-width
tbody
tr
td
b Brand    :
td Pixelstrap
tr
td
b Availability    :    
td.txt-success In stock
tr
td
b Seller    :    
td ABC
tr
td
b Fabric    :    
td Cotton
hr
.row
.col-md-4
h6.product-title share it
.col-md-8
.product-icon
ul.product-social
li.d-inline-block
a(href='https://www.facebook.com/' target="_blank")
i.fa.fa-facebook
li.d-inline-block
a(href='https://accounts.google.com/' target="_blank")
i.fa.fa-google-plus
li.d-inline-block
a(href='https://twitter.com/' target="_blank")
i.fa.fa-twitter
li.d-inline-block
a(href='https://www.instagram.com/' target="_blank")
i.fa.fa-instagram
li.d-inline-block
a(href='https://rss.app/' target="_blank")
i.fa.fa-rss
form.d-inline-block.f-right
hr
.row
.col-md-4
h6.product-title Rate Now
.col-md-8
.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)
hr
.m-t-15.btn-showcase
a.btn.btn-primary(href="cart.html", title='')
i.fa.fa-shopping-basket.me-1
| Add To Cart
a.btn.btn-success(href="checkout.html", title='')
i.fa.fa-shopping-cart.me-1
| Buy Now
a.btn.btn-secondary(href="list-wish.html")
i.fa.fa-heart.me-1
| Add To WishList
.col-xxl-3.col-md-6.box-col-6
.card
.card-body
// side-bar colleps block stat
.filter-block
h4 Brand
ul
li Clothing
li Bags
li Footwear
li Watches
li ACCESSORIES
.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
li
.media
i(data-feather='gift')
.media-body
h5 Festival Offer
p New Online Special Festival
li
.media
i(data-feather='credit-card')
.media-body
h5 Online Payment
p Contrary To Popular Belief.
// silde-bar colleps block end here
.card
.row.product-page-main
.col-sm-12
ul#top-tab.nav.nav-tabs.border-tab.nav-primary.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
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
p.mb-0.m-t-20
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
#top-profile.tab-pane.fade(role='tabpanel', aria-labelledby='profile-top-tab')
p.mb-0.m-t-20
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
#top-contact.tab-pane.fade(role='tabpanel', aria-labelledby='contact-top-tab')
p.mb-0.m-t-20
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
#top-brand.tab-pane.fade(role='tabpanel', aria-labelledby='brand-top-tab')
p.mb-0.m-t-20
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files