Notifications
Clear all

About Removing Elements from an Embedded Page from flipp.com

4 Posts
2 Users
0 Likes
276 Views
Posts: 3
Topic starter
(@z14165899)
Active Member
Joined: 11 months ago

Hello:

        I want to embed a web page containing T&T flyers from flipp.com onto my website. After embedding using the following code, I found that I need to remove some elements on the original flipp.com web page.

[advanced_iframe src="https://flipp.com/en-ca/surrey-bc/flyer/5707224-tandt-supermarket-weekly-flyer" height="100%" width="100%" show_part_of_iframe="true" show_part_of_iframe_x="200" show_part_of_iframe_y="70" show_part_of_iframe_width="100%" show_part_of_iframe_height="1200" scrolling="no"]

        The elements that need to be removed from the embedded web page are shown in red labels of the image attached. Please provide me with some code so that I can remove these elements.

        Thank you for your help and have a nice day.

 

 

Best Regards,

3 Replies
TinyWebGallery
Posts: 880
Admin
(@admin)
Prominent Member
Joined: 15 years ago

Please see my other post: https://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe is the only way you can "hide" elements.

Best regards,

Michael

Reply
Posts: 3
Topic starter
(@z14165899)
Active Member
Joined: 11 months ago

Hello Michael:

                   I saw the post provided above before. Is the only way that you mentioned Example 8: Hide some areas of the remote page, Example 9: Place your own logo on a remote page and Example 44: Include external html with shortcode and right/bottom alignment (New 7.1)? In these cases, I saw that I can place a logo, colour block or HTML block on the web page, but what if I just want to remove these elements using custom CSS instead of hiding them behind some obstacles? Can custom CSS be included in the shortcode and applied to the frame link so that the unwanted elements on the page can be removed? Please give me an example if this can be done.

                   Thank you for your help and have a nice day.

 

Best Regards,

 

Chen Zhao

Reply
TinyWebGallery
Posts: 880
Admin
(@admin)
Prominent Member
Joined: 15 years ago

Hi,

Like I wrote in the other thread you cannot change css because you are not able to include Javascript to flipp.com and you are not on the same domain.
IF you are able to do this you can use: https://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-with-post-message

Without access you can only "hide" if by putting divs in a color over it which fits to this area.

This is also described here in the FAQ: https://www.tinywebgallery.com/blog/forum/advanced-iframe-faq/how-can-i-show-only-a-part-of-the-page-in-the-iframe#post-98

Best regards, Michael

Reply