Forum Activity for @ecodeahpro

How to add YouTube to the VideoPro skin?

Design and Skin Customization

Then there are no items which match your search.

You are searching for YouTube items with images and there are none on your system.

You could try making it simpler by removing the require_image part?
[/quote]

Thanks alot..its working fine now but no thumbnails. How do i sort that?

How to add YouTube to the VideoPro skin?

Design and Skin Customization


I have corrected the spelling but on the page i now see>> No items found

{if isset($_items)}
{jrCore_module_url module="jrYouTube" assign="murl"}
{$page = 0}
{foreach from=$_items item="item"}
{if $item.list_rank%6 == 1}
{$page = $page+1}

{/if}




{jrCore_module_function
function="jrImage_display"
module="jrYouTube"
type="youtube_image"
item_id=$item._item_id
size="xxlarge"
crop="16:9"
class="img_scale"
alt=$item.video_title
width=false
height=false
}


{$item.video_album|truncate:40}
{$item.video_title|truncate:30}




{if $item.list_rank%6 == 0 || $item.list_rank == $info.total_items}

{/if}
{/foreach}
{else}
{jrCore_include template="no_items.tpl"}
{/if}

How to change the List 1 section to Youtube on the MSkin?

Design and Skin Customization


can i add jrYoutube on List 1 headline module list as indicated on the screenshot?? Mskin (skin)

How to change the List 1 section to Youtube on the MSkin?

Design and Skin Customization

How do I add jrYoutube to the list type list?

attached

updated by @ecodeahpro: 09/10/17 08:30:42PM

How to add YouTube to the VideoPro skin?

Design and Skin Customization


what am i doing wrong


{jrCore_include template="header.tpl"}

{jrCore_include template="index_slides.tpl"}
{jrCore_module_url module="jrYoutube" assign="murl"}




{jrCore_lang skin="jrVideoPro" id=50 default="New Releases"}






{jrCore_list
module="jrYoutube"
order_by="_item_id numerical_desc"
limit="18"
template="index_item_1.tpl"
require_image="youtube_image"
}

How to add YouTube to the VideoPro skin?

Design and Skin Customization


Its not working neither

How to add YouTube to the VideoPro skin?

Design and Skin Customization

I have tried that and nothing seems to work

{* /////////// DO NOT REMOVE ////////// *}
{assign var="page_template" value="index"}
{* /////////// DO NOT REMOVE ////////// *}

{jrCore_include template="header.tpl"}

{jrCore_include template="index_slides.tpl"}
{jrCore_module_url module="jrYouTube" assign="murl"}




{jrCore_lang skin="jrVideoPro" id=50 default="New Releases"}






{jrCore_list
module="jrYouTube"
order_by="_item_id numerical_desc"
limit="18"
template="index_item_1.tpl"
require_image="video_image"
}








{jrCore_lang skin="jrVideoPro" id=49 default="Staff Picks"}






{if strlen($_conf.jrVideoPro_staff_picks) > 0}
{jrCore_list
module="jrYouTube"
limit="27"
search="_item_id in `$_conf.jrVideoPro_staff_picks`"
template="index_item_2.tpl"
require_image="video_image"
}
{else}
{jrCore_list
module="jrYouTube"
limit="27"
order_by="video_file_stream_count numerical_desc"
template="index_item_2.tpl"
require_image="video_image"
}
{/if}








{jrCore_lang skin="jrVideoPro" id=51 default="Top Rated"}





{jrCore_list
module="jrYouTube"
limit="18"
order_by="video_rating_overall_average_count numerical_desc"
template="index_item_4.tpl"
require_image="video_image"
}








{jrCore_lang skin="jrVideoPro" id=52 default="Most Watched"}





{jrCore_list
module="jrYouTube"
chart_days=$_conf.jrVideoPro_watched_days
chart_field="video_file_stream_count"
limit="21"
template="index_item_3.tpl"
require_image="video_image"
}








{jrCore_lang skin="jrVideoPro" id=53 default="New Series"}




{if $_conf.jrVideoPro_list_1_active != 'off'}

{jrCore_list
module="jrYouTube"
order_by="_item_id numerical_desc"
limit="27"
group_by="video_album"
template="index_item_2.tpl"
require_image="video_image"
}


{/if}






{jrCore_lang skin="jrVideoPro" id=48 default="Comedy"}





{jrCore_list
module="jrYouTube"
order_by="_item_id numerical_desc"
limit="18"
search="video_category = comedy"
template="index_item_4.tpl"
require_image="video_image"
}








{jrCore_lang skin="jrVideoPro" id=54 default="Drama"}





{jrCore_list
module="jrYouTube"
order_by="_item_id numerical_desc"
limit="18"
search="video_category = drama"
template="index_item_4.tpl"
require_image="video_image"
}









{jrCore_include template="footer.tpl"}

How to add YouTube to the VideoPro skin?

Design and Skin Customization

I am using Video Pro skin
I want to add youtube videos on the homepage Instead.
What should I do?
updated by @ecodeahpro: 09/14/17 01:23:04PM

Subscriptions

Design and Skin Customization

I have added this

Basic
Standard Plan
$29/month

15 Accounts
100 GB Storage
1 Domain Name
500 GB Bandwidth


Subscribe



Pro
Small Business Plan
$49/month

30 Accounts
300 GB Storage
3 Domain Names
1 TB Bandwidth


Subscribe



Advanced
Enterprise Plan
$79/month

75 Accounts
1000 GB Storage
∞ Domain Names
5 TB Bandwidth


Subscribe




I want to add css

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900");
body {
background-color: #e7e7e7;
}

.container {
font-family: "Source Sans Pro", sans-serif;
max-width: 768px;
padding: 0px;
width: 100%;
margin: 20px 0px;
height: 300px;
position: relative;
}
@media screen and (min-width: 700px) {
.container {
margin: 100px auto;
}
}
.container .card {
margin-bottom: 25px;
width: 100%;
display: block;
box-sizing: border-box;
text-align: center;
position: relative;
border-radius: 4px;
float: left;
border: 1px solid #d6dde3;
height: 470px;
z-index: 30;
background: #ffffff;
box-shadow: 0 15px 45px -5px rgba(39, 55, 74, 0.15), 0 15px 40px -20px rgba(39, 55, 74, 0.1);
}
@media screen and (min-width: 700px) {
.container .card {
display: inline-block;
width: 33.33%;
}
}
.container .card .type {
display: inline-block;
border-bottom: 1px solid #d6dde3;
padding: 15px 0px;
width: 100%;
color: #00aff0;
font-weight: 700;
font-size: 20px;
}
.container .card .plan {
background: #f3f3f3;
width: 100%;
padding: 15px 0px;
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #888;
border-bottom: 1px solid #d6dde3;
}
.container .card .price {
display: inline-block;
padding: 20px 0px;
font-size: 60px;
color: #00aff0;
}
.container .card .price sup {
font-size: 30px;
}
.container .card .price span {
font-size: 24px;
}
.container .card .details span {
display: block;
color: #00aff0;
margin: 7.5px 0px;
}
.container .card .details span strong {
font-weight: 900;
}
.container .card:first-child {
margin-right: -5px;
z-index: 20;
}
.container .card:last-child {
margin-left: -5px;
z-index: 20;
}
.container .card:first-child, .container .card:last-child {
height: 440px;
margin-top: 15px;
}
.container .button {
background: #f3f3f3;
padding: 10px 0px;
bottom: 30px;
left: 0;
right: 0;
position: absolute;
width: 200px;
margin: auto;
text-align: center;
cursor: pointer;
font-weight: 700;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #00aff0;
border: 1px solid #d6dde3;
}

and style.sass
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900')
body
background-color: #e7e7e7
.container
font-family: 'Source Sans Pro', sans-serif
max-width: 768px
padding: 0px
width: 100%
margin: 20px 0px
height: 300px
position: relative
@media screen and (min-width: 700px)
margin: 100px auto
.card
margin-bottom: 25px
width: 100%
display: block
box-sizing: border-box
text-align: center
position: relative
border-radius: 4px
float: left
border: 1px solid #d6dde3
height: 470px
z-index: 30
background: #ffffff
box-shadow: 0 15px 45px -5px rgba(39,55,74,.15), 0 15px 40px -20px rgba(39,55,74,.1)
@media screen and (min-width: 700px)
display: inline-block
width: 33.33%
.type
display: inline-block
border-bottom: 1px solid #d6dde3
padding: 15px 0px
width: 100%
color: #00aff0
font-weight: 700
font-size: 20px
.plan
background: #f3f3f3
width: 100%
padding: 15px 0px
display: inline-block
font-size: 16px
font-weight: 600
color: #888
border-bottom: 1px solid #d6dde3
.price
display: inline-block
padding: 20px 0px
font-size: 60px
color: #00aff0
sup
font-size: 30px
span
font-size: 24px
.details
span
display: block
color: #00aff0
margin: 7.5px 0px
strong
font-weight: 900

.card:first-child
margin-right: -5px
z-index: 20
.card:last-child
margin-left: -5px
z-index: 20
.card:first-child, .card:last-child
height: 440px
margin-top: 15px
.button
background: #f3f3f3
padding: 10px 0px
bottom: 30px
left: 0
right: 0
position: absolute
width: 200px
margin: auto
text-align: center
cursor: pointer
font-weight: 700
border-radius: 3px
text-transform: uppercase
letter-spacing: 0.5px
color: #00aff0
border: 1px solid #d6dde3

where should i add this on /skins/YOUR SKIN/css/(here are all the style)

Subscriptions

Design and Skin Customization

Okay Where do i do styling for the subscription.tpl?