جستجو در تالارهای گفتگو
در حال نمایش نتایج برای برچسب های 'Prestashop'.
2 نتیجه پیدا شد
-
مطالب وبلاگ وردپرس در فروشگاه پرستاشاپ
IFTHEN پاسخی ارسال کرد برای یک موضوع در آموزشهای ماژول و قالب
مدت زیادی دنبال این بودم که بتونم آخرین مطالب وبلاگی که با سیستم وردپرس راه اندازی شده به همراه تصویر شاخص (Featured Image) رو داخل صفحه اصلی فروشگاه راه اندازی شده با پرستاشاپ، نمایش بدم. پرستاشاپ ماژولی داره به نام Blockrss که با نصب اون و اضافه کردن فید وبلاگ مورد نظر، عنوان (Title) آخرین مطالب رو در قسمتی که ماژول قرار داده شده (ساید بار و یا فوتر و یا هرجایی که برای قرارگیری ماژول داخل قالب تعریف شده) نمایش می ده. اما اگر بخواهید عکس شاخص (Featured Image) رو هم نمایش بده باید تغییر کوچیکی داخل فایل blockrss.tpl بدید. بعد از باز کردن فایل blockrss.tpl کد زیر رو پیدا کنید: <!-- Block RSS module--> <div id="rss_block_left" class="block"> <p class="title_block">{$title}</p> <div class="block_content"> {if $rss_links} <ul> {foreach from=$rss_links item='rss_link'} <li><a href="{$rss_link.url}">{$rss_link.title}</a></li> {/foreach} </ul> {else} <p>{l s='No RSS feed added' mod='blockrss'}</p> {/if} </div> </div> <!-- /Block RSS module--> و کد زیر رو داخل تگ <li></li> اضافه کنید: <img src="{$rss_link.image}"> برای اینکه هم عنوان نوشته و هم عکس به صورت لینک در بیان و بشه از طریق CSS استایل داد، کد رو به صورت زیر نوشتم: <!-- /Block RSS module--> و کد زیر رو داخل تگ <li></li> اضافه کنید: <!-- Block RSS module--> <div id="rss_block_left" class="block"> <p class="title_block">{$title}</p> <div class="block_content"> {if $rss_links} <ul> {foreach from=$rss_links item='rss_link'} <li><a href="{$rss_link.url}"><span class="rss-img"><img class="circlerss" src="{$rss_link.image}"></span><span class="rsstitle">{$rss_link.title}</span></a></li> {/foreach} </ul> {else} <p>{l s='No RSS feed added' mod='blockrss'}</p> {/if} </div> </div> <!-- /Block RSS module--> از کدهای زیر هم برای استایل دهی استفاده کردم: #rss_block_left li { margin-bottom: 15px; } .rss-img { margin-left: 5px; margin-bottom: 10px; display: inline-block; } .circlerss { width: 60px; height: 60px; border-radius: 50%; } .rsstitle { display: inline-block; width: 150px; line-height: 22px; vertical-align: top; margin-right: 5px; } که این کد و نحوه استفاده از تگ های HTML برای مثال و نمونه هست، شما می تونید از تگهای مورد نیاز خودتون استفاده کنید. منبع: وبلاگ «اگر...آنگاه...» (شرطی بی نام) -
درخواست کد برای قابلیت Instant View در تلگرام دارم که بتونیم صفحه هایی که با پرستا تولید میشه رو بتونیم توی خود تلگرام ببینیم این قابلیت این اجازه رو میده که توی خود تلگرام بتونید اون صفحه مورد نظر رو بخونید برای درست کردنش باید به این آدرس برید https://instantview.telegram.org/my/
- 1 پاسخ
-
- تلگرام
- Instant view
-
(و 2 مورد دیگر)
برچسب زده شده با :